@charset "utf-8";

/*----------------------------------------------------------------------*/
/* 內頁 */
#Center { overflow:hidden; }
#Content::after { content:''; clear:both; display:block; width:100%; }
#Center > *:last-child, #Content > *:last-child { margin-bottom:0; }

#Content { position: relative; background-color: #fff; border-radius: 30px; padding: 25px 40px 30px 40px; margin-bottom: 30px; }
#Content .guide_title { position: absolute; top: 0; left: 0; }

/*----------------------------------------------------------------------*/
/* 導覽列(麵包屑) */
#Breadcrumbs ul { display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 15px; }
#Breadcrumbs ul li { letter-spacing: .15em; line-height:1.25em; position:relative; font-size: .875em; }
#Breadcrumbs ul li:not(:last-child) { padding-right:20px; }
#Breadcrumbs ul li a { display:block; color:#333; text-decoration:none; }
	#Breadcrumbs ul li:after { content:'/'; position:absolute; top:-1px; right:5px; color:#555; }
	#Breadcrumbs a:hover, #Breadcrumbs a:focus { color: var(--main_color); }
	#Breadcrumbs ul li:last-child:after { content:''; }
#Breadcrumbs ul li:last-child a:hover, #Breadcrumbs ul li:last-child a:focus { color: var(--main_color); }

/*----------------------------------------------------------------------*/
/* 標題 */
.PageTitle { font-family: 'Noto Sans TC', sans-serif; }
.PageTitle h2 { font-size: 1.875em; font-weight: 600; color: #333; line-height: 1.25em; position: relative; white-space: nowrap; letter-spacing: .2em; margin: 10px 0; display: flex; flex-direction: column; align-items: center; }
.PageTitle h2::before { content: ''; width: 18px; height: 27px; background: url(../images/icon_water.svg) no-repeat; display: inline-block; margin-bottom: 5px; }

h3.articleTitle { margin-bottom:20px; line-height:1.25em; letter-spacing: .1em; font-size: 1.875em; color: #222; }

.post_info { display: flex; flex-wrap: wrap; align-items: flex-start; line-height: 1.5em; }
.post_info span { color:#555; position: relative; letter-spacing: .1em; font-family: "Roboto", 'Noto Sans TC', sans-serif; font-weight: 400; }
.post_info span:not(:first-child) { margin-left:12px; padding-left: 12px; border-left: 1px solid #ddd; }

.post_info.below { 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; }

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

/*----------------------------------------------------------------------*/
/* 工具列 */
.ToolBar { box-sizing:border-box; position: relative; margin-bottom: 15px; }
.ToolBar a.sr-only { position: absolute; left: -1.5em; top: 0; color: #fff; }
.ToolBar a.sr-only:hover, .ToolBar a.sr-only:focus { background-color: #fdc147; }
.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 .colm_left a, .ToolBar dl.font_size dd, .ToolBar dl.share dd { margin-top:5px; margin-bottom: 5px; }
.ToolBar a { display:block; text-decoration:none; position:relative; }

.ToolBar .colm_left { display: flex; }
.ToolBar .colm_left a { margin-right:15px; font-size: 0; width: 40px; height: 40px; }
.ToolBar .colm_left a:last-child { margin-right:0; }
.ToolBar .colm_left a span { position:relative; display:inline-block; vertical-align:middle; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }
.ToolBar .colm_left a:hover span, .ToolBar .colm_left a:focus span { background-color: var(--main_color); }
	.ToolBar .colm_left a.return span::after { background-position:0 0; }
	.ToolBar .colm_left a.print span::after { background-position:0 12.5%; }
.ToolBar .colm_left a.return:hover span::after, .ToolBar .colm_left a.return:focus span::after { background-position:100% 0; }
.ToolBar .colm_left a.print:hover span::after, .ToolBar .colm_left a.print:focus span::after { background-position:100% 12.5%; }

.ToolBar .colm_right, .ToolBar .colm_right dl { display: flex; }
.ToolBar .colm_right dt { font-size: 0; }
.ToolBar dl.font_size dd { margin-right:7px; }
.ToolBar dl.font_size dd:last-of-type { margin-right:0; }
.ToolBar dl.font_size a { text-indent:-10000px; font-size: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }
    .ToolBar dl.font_size dd.font_small a::after { background-position:0 25%; }
    .ToolBar dl.font_size dd.font_medium a::after { background-position:0 37.5%; }
    .ToolBar dl.font_size dd.font_big a::after { background-position:0 50%; }
.ToolBar dl.font_size a:hover, .ToolBar dl.font_size a:focus { background-color: var(--main_color); }
    .ToolBar dl.font_size dd.font_small a:hover::after, .ToolBar dl.font_size dd.font_small a:focus::after { background-position:100% 25%; }
	.ToolBar dl.font_size dd.font_medium a:hover::after, .ToolBar dl.font_size dd.font_medium a:focus::after { background-position:100% 37.5%; }
	.ToolBar dl.font_size dd.font_big a:hover::after, .ToolBar dl.font_size dd.font_big a:focus::after { background-position:100% 50%; }

.ToolBar dl.share dt { position:relative; }
.ToolBar dl.share dd { margin-right:7px; position:relative; }
.ToolBar dl.share dd:last-of-type { margin-right:0; }
.ToolBar dl.share a { cursor:pointer; text-indent:-10000px; font-size: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }
.ToolBar dl.share .noscript a { font-size: 1rem; }
	.ToolBar dl.share dd.facebook a::after { background-position:0 62.5%; }
	.ToolBar dl.share dd.twitter a::after { background-position:0 75%; }
	.ToolBar dl.share dd.line a::after { background-position:0 87.5%; }
.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:100% 62.5%; }
.ToolBar dl.share dd.twitter a:hover::after, .ToolBar dl.share dd.twitter a:focus::after { background-position:100% 75%; }
.ToolBar dl.share dd.line a:hover::after, .ToolBar dl.share dd.line a:focus::after { background-position:100% 87.5%; }

.ToolBar dl.share .noscript a { display:inline; border-radius: 0; }

.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share a {
    -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
    -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:40px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share a { width:40px; height:40px; }
.ToolBar .colm_left a span::after, .ToolBar dl.font_size a::after, .ToolBar dl.share dd > a::after { width: 36px; height: 36px; margin: -17px 0 0 -17px; }

@media screen and (max-width: 479px) {
    .ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share a { width: 36px; height: 36px; }
    .ToolBar .colm_left a span::after, .ToolBar dl.font_size a::after, .ToolBar dl.share dd > a::after { margin: -18px 0 0 -18px; }
}
@media screen and (max-width: 1023px) {
    .ToolBar .colm_left { display:none; }
    .ToolBar .colm_right { justify-content: space-between; }
    .ToolBar dl.share { padding-left: 8px; }
}
@media screen and (min-width: 1024px) {
    .ToolBar { display: flex; justify-content: space-between; }
    .ToolBar dl.share dt::before { content: ''; position: absolute; left: 0; top: 5px; width: 1px; height: 40px; background-color: #ddd; }
    .ToolBar .colm_right dt { padding-left: 12px; }
    .ToolBar dl.font_size + dl.share { margin-left:12px; }
    .ToolBar .colm_left + .colm_right { margin-left:5px; }
}

/*----------------------------------------------------------------------*/
/* 列表搜尋 */
.ListSearch { margin-bottom:25px; padding-bottom:5px; position:relative; display:flex; flex-wrap:wrap; align-items:flex-end; }
.ListSearch .item { max-width:100%; margin:0 10px 10px 0; }
.ListSearch .item .label { line-height:35px; font-family: 'Noto Sans TC', sans-serif; font-weight:600; }
.ListSearch .btn button { border: 1px solid #ee858c; width: 50px; height: 50px; border-radius: 5px; position: relative; display: block; font-size: 0; margin-bottom: 15px; }
	.ListSearch .btn button::before { content: ''; width: 22px; height: 22px; position: absolute; left: calc(50% - 11px); top: calc(50% - 11px); background: url(../images/icon_search.svg) center center; transition: all 0.3s ease; }
.ListSearch .btn button:hover, .ListSearch .btn button:focus { background-color: #ee858c; }
.ListSearch .btn button:hover::before, .ListSearch .btn button:focus::before { background: url(../images/icon_search_hover.svg) center center; }
.ListSearch .keyword input[type="text"] { width:260px; border-radius:5px; }
.ListSearch select { border-radius:5px; }

@media screen and (max-width: 539px) {
    .ListSearch { flex-direction:column; width:100%; align-items: flex-start; }
    .ListSearch .item { flex-direction:column; width:100%; margin: 5px 0; }
    .ListSearch .item .label { padding-bottom:3px; line-height:1.25em; }
    .ListSearch .item .cont { width:100%; }
    .ListSearch .btn button { margin-bottom: 0; margin-top: 5px; }
    .ListSearch.FormElmt input[type="text"] { width:100%; }
}

@media screen and (max-width: 1023px) {
    .ListSearch .item { line-height:40px; }
    .ListSearch .btn button { width: 40px; height: 40px; }
    .ListSearch .btn button::before { width: 18px; height: 18px; top: calc(50% - 9px); left: calc(50% - 9px); }
}
@media screen and (min-width: 1024px) {
    .ListSearch { border-bottom:1px solid #ddd; }
    .ListSearch .item { margin-right: 20px; line-height:50px; }
    .ListSearch .btn { padding-top: 35px; }
}
	
/*----------------------------------------------------------------------*/
/* 分類下拉 */
.CatTitle { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; letter-spacing: 1.5px; }
.CatTitle h3 { font-family: 'Noto Sans TC', sans-serif; font-weight: 600; line-height:1.25em; font-size:1.375em; padding-right: 1em; }
.CatTitle .cat_select { display: flex; align-items: center; flex-wrap: wrap; padding-top: 10px; }
.CatTitle .cat_select .title { padding: 1em 1em 1em 0; display: block; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { font-size:1em; }
.cat_select.FormElmt select { background-color:#fff; -webkit-box-shadow:none; -moz-box-shadow:none;	box-shadow:none; border:1px solid #d7d7d7; margin-bottom: 10px; margin-right: 1em; margin-top: 0; }
.cat_select.FormElmt select:focus { border:1px solid #aaa; }
.CatTitle .cat_select .btn button { font-size: 1em; color:#fff; background-color:#333; border-radius: 10px; padding:0 1.5em; letter-spacing: .125em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.CatTitle .cat_select .btn button:hover, .CatTitle .cat_select .btn button:focus { background-color:var(--main_color); box-shadow: 0 2px 8px rgba(0,0,0,.1); }

.CatTitle .cat_select .title, .cat_select.FormElmt select, .CatTitle .cat_select .btn { margin-bottom: 10px; }
.cat_select.FormElmt select, .CatTitle .cat_select .btn button { height: 40px; line-height: 40px; }

@media screen and (max-width: 639px) {
    .CatTitle { flex-direction: column; align-items: flex-start; }
    .CatTitle .cat_select .title { width: 100%; padding: 5px 0; }
    .cat_select.FormElmt select, .CatTitle .cat_select .btn { height: 40px; line-height: 40px; }
    .cat_select.FormElmt select { width: 100%; max-width: 300px; }
    .CatTitle .cat_select { width: 100%; flex-direction: column; align-items: flex-start; }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
    .CatTitle .cat_select { margin-top:10px; }
}
@media screen and (min-width: 1024px) {
    .cat_select.FormElmt select, .CatTitle .cat_select .btn button { height: 50px; line-height: 50px; }
}
@media screen and (min-width: 1280px) {
    .CatTitle h3 { font-size: 2.25em; }
    .CatTitle .cat_select { font-size: 1.25em; }
    .CatTitle .cat_select .btn button { width: 140px; }
    .cat_select.FormElmt select { width: 260px; }
    .cat_select.FormElmt select, .CatTitle .cat_select .btn button { height: 65px; line-height: 65px; }
}

/*----------------------------------------------------------------------*/
/* 頁碼 */
#Pagination { 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; text-decoration:none; line-height:35px; color:#555; margin: 0 5px;
    border-radius: 5px; font-family: 'Roboto', "Microsoft JhengHei", "微軟正黑體", sans-serif; font-weight: 400;
}
#Pagination a:hover, #Pagination a:focus { background-color:#eee; }
#Pagination a.focuz { background-color: #fff; color:var(--main_color); }
	#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(--main_color); color: #fff; }
    #Pagination a.first:focus, #Pagination a.prev:focus, #Pagination a.next:focus, #Pagination a.last:focus { background-color: var(--main_color); color: #fff; }

#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% - 3px);
    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: .15em; }
#Pagination .setting select { padding:5px 0 5px 4px; 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: 5px;
	-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(--main_color); }
#Pagination .setting input[type="button"] {
    height:32px; padding:0 .75em; margin-left:3px; color:#fff; font-size:1em; letter-spacing: .05em;
    background: #555; border-radius: 5px;
}
#Pagination .setting input[type="button"]:hover, #Pagination .setting input[type="button"]:focus { background: var(--main_color); color: #fff; }

#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 {
	display:inline-block; width:35px; line-height:35px; margin:0 4px 12px 4px; color:#555; text-decoration:none;
    font-family: 'Roboto', "Microsoft JhengHei", "微軟正黑體", sans-serif; font-weight: 400;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:5px;
	}
.inPagination a:hover, .inPagination a:focus { background-color:#eee; }
.inPagination a.focuz { color:#fff; background-color: var(--main_color); }

@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; }
}
@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 { width: 40px; line-height: 40px; }
    #Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { width: 40px; }
    #Pagination .setting { line-height: 40px; }
    #Pagination .setting select, #Pagination .setting input[type="text"], #Pagination .setting input[type="button"] { height: 40px; line-height: 40px; }
    #Pagination .setting input[type="text"] { width: 45px; }
    .inPagination a { width: 40px; line-height: 40px; }
}

/*----------------------------------------------------------------------*/
/* 檔案下載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; 
    }
.file_hashes a { display:block; width:24px; height:24px; border-radius:4px; position:relative; }
.file_hashes a:hover, .file_hashes a:focus { background-color: var(--color1); }
.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%; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.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(--main_color); padding:15px; }
.ListTable th.no { white-space: nowrap; }
.ListTable td.title { line-height:150%; }
.ListTable td.title a { display:block; text-decoration:none; font-family: 'Noto Sans TC', sans-serif; font-weight: 600; }
.ListTable td.title a:hover, .ListTable td.title a:focus { color:var(--main_color); }
.ListTable td.date { font-family: "Roboto", sans-serif; font-weight: 500; color: #555; }
.ListTable td.cat { font-family: 'Noto Sans TC', sans-serif; font-weight: 600; }

.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; }

@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 #ddd; }
    .ListTable tr { padding:10px 15px; border-bottom: 1px solid #ddd; }
    .ListTable tr:nth-child(2n+3) { background-color:rgba(215,1,70,.05); }
    .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; }
    .ListTable th { font-size: 1.125em; padding:20px 16px; position: relative; }
    .ListTable td { padding:20px 16px; text-align:center; line-height:1.5em; vertical-align:middle; }
    .ListTable tr:nth-child(2n+3) { background-color:#f3f3f3; }
    .ListTable tr:first-child { border-bottom: none; }
    .ListTable tr:first-child th:first-child { border-radius: 20px 0 0 0; }
    .ListTable tr:first-child th:last-child { border-radius: 0 20px 0 0; }

    .ListTable th.date { width:7em; }
    .ListTable td.date { width:7em; }
    .ListTable th.cat { width:8em; }
    .ListTable td.cat { width:8em; }
    .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; }
}

/*----------------------------------------------------------------------*/
/* 雜湊值驗證 */
h2.articleTitle { line-height:1.25em; letter-spacing: .1em; font-size: 1.5em; color: #000; margin-bottom: .5em; }
.file_value_wrap { max-width: 1290px; }
.file_value_wrap header { padding: 15px 0; }
.file_value_wrap .logo { width: 300px; max-width: 100%; margin-bottom: 1em; }
.file_value_wrap .editable_content p { margin-top: 1em; margin-bottom: 1em; }

.ListTable td.value { word-wrap: break-word; }
a.icon_key { width:20px; height:21px; margin-left:6px; font-size: 0; background: url(../images/icon_key.png) no-repeat center; display: inline-block; vertical-align: middle; transition: .3s; }
a.icon_key:hover, a.icon_key:focus { opacity: 0.7; }

/*----------------------------------------------------------------------*/
/* 按鈕樣式 */
a.btn_style { text-decoration: none; color: #fff; background-color: #0071b2; padding: 6px 12px; display: inline-block; white-space: nowrap; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
a.btn_style.gray_btn { background-color: #555; }

a.btn_style:hover, a.btn_style:focus { background-color: #fdc147; color: #055583; }

.ListTable + .btnBox { margin-bottom: 50px; }
.btnBox { display: flex; justify-content: center; }
.btnBox a { margin: 10px; }

a.btn_style.with_icon::before { display: inline-block; vertical-align: middle; margin-right: 0.4em; filter: invert(100%) sepia(100%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
a.btn_style.with_icon:hover::before { filter: invert(13%) sepia(87%) saturate(3555%) hue-rotate(188deg) brightness(100%) contrast(96%); }
a.btn_style.download::before { content: ''; background: url(../images/icon_download.svg); width: 20px; height: 20px; }

/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult .header { margin-bottom:40px; background-color:#ffe6eb; border-radius: 20px; font-family: "Roboto", 'Noto Sans TC', sans-serif; }
.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; background-color:var(--main_color); padding:0 10px; margin:0 5px 5px; border-radius:1em; color:#fff; }
.SearchResult .header .total { display:inline-block; margin-top:10px; line-height:2em; }
.SearchResult .header .total span { margin:0 5px; color:var(--main_color); font-weight:500; }

.SearchResult .results_list { padding-bottom: 30px; }
.SearchResult .results_list .item { margin-top:40px; }
.SearchResult .results_list .title { margin-bottom:10px; line-height:1.5em; color:#333; position:relative; font-family: 'Noto Sans TC', sans-serif; font-weight: 600; }
.SearchResult .results_list .title a { display:inline-block; color:#333; text-decoration:none; }
.SearchResult .results_list .title span { color:var(--main_color); }
.SearchResult .results_list .title a:hover, .SearchResult .results_list .title a:focus { color:var(--main_color); }
.SearchResult .results_list .date { display:inline-block; align-items:center; color:#555; line-height:1.25em; font-family: "Roboto", sans-serif; }
.SearchResult .results_list .cat { display:inline-block; margin-left:5px; padding-left:0.75em; position:relative; line-height:1.25em; color:#555; border-left: 1px solid #ddd; }
.SearchResult .results_list .cat a { display:block; color:#555;  text-decoration:none; }
.SearchResult .results_list .cat a:hover, .SearchResult .results_list .cat a:focus { color:var(--main_color); }
.SearchResult .results_list .desc { margin-top:12px; padding-top:10px; border-top:1px solid #ddd; position:relative; }
.SearchResult .results_list .desc > div { color:#333; line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; }
.SearchResult .results_list .desc span { color:var(--main_color); }

@media screen and (max-width: 479px) {
    .SearchResult .header { padding:10px 15px; }
    .SearchResult .results_list .title { font-size:1.125rem; }
    .SearchResult .results_list .date, .SearchResult .results_list .cat { font-size:0.875rem; }
}
@media screen and (min-width: 480px) {
    .SearchResult .header { padding:20px 25px; }
    .SearchResult .results_list .title { font-size:1.25rem; }
}

@media screen and (max-width: 479px) {
    .SearchResult .results_list .desc > div { max-height:10em; -webkit-line-clamp:5; font-size:0.9375rem; }
}
@media screen and (min-width: 480px) and (max-width: 799px) {
    .SearchResult .results_list .desc > div { max-height:8em; -webkit-line-clamp:4; }
}
@media screen and (min-width: 800px) {
    .SearchResult .results_list .desc > div { max-height:6em; -webkit-line-clamp:3; }
    .SearchResult .results_list .title { font-size:1.5rem; }
    .SearchResult .header { font-size: 1.125em; }
}

/*----------------------------------------------------------------------*/
/* 網站導覽 */
.sitemap_instr .intro { line-height:2em; }
.sitemap_instr dl { margin-top:25px; }
.sitemap_instr dt { margin-bottom:15px; padding-left:10px; border-left:4px solid var(--main_color);  font-size:1.125rem; font-weight:bold; line-height:1.5em; }
.sitemap_instr dd { margin-left:2em; padding:0 0 12px 0; line-height:1.5em; position:relative; }
.sitemap_instr dd::after { 
	content:''; display:block; position:absolute; top:0.625em; left:-14px; width:6px ;height:6px; background-color:var(--color1); border-radius:50%;
	}
.sitemap_instr ul { margin-left:1.1em; padding:5px 0 5px 0; }
.sitemap_instr ul li { position:relative; }
.sitemap_instr ul li::after { 
	content:''; display:block; position:absolute; top:0.625em; left:-14px; width:6px ;height:6px; background-color:var(--color1); border-radius:50%;
	}
.sitemap_instr strong { color: var(--color1); font-weight:bold; }

.sitemap_title { margin-top:25px; margin-bottom:20px; color:#333; font-size:1.125rem; font-weight:700; line-height:1.5em; }
.sitemap_tree { border:1px solid #ffe6eb; background-color:#fff; padding-bottom:20px; color:#333; border-radius: 20px; }
.sitemap_tree li { line-height:1.8em; }
.sitemap_tree a { display:block; color:#333; text-decoration:none; }
.sitemap_tree a:hover, .sitemap_tree a:focus { color:var(--main_color); text-decoration:underline; }

/* 第1層 */
.sitemap_tree .home a { background-color:#ffe6eb; padding-left:10px; padding-right:10px; line-height:2.75em; font-size:1.125rem; text-align:center; color: var(--main_color); border-radius: 20px 20px 0 0; font-weight: bold; }
.sitemap_tree .home a:hover, .sitemap_tree .home a:focus { background-color: var(--main_color); color: #fff; text-decoration: none; }
.sitemap_tree > li:not(.home) { padding:0 30px; font-size:1.125rem; }
.sitemap_tree > li:not(.home) > a { padding:0.75em 0; border-bottom:1px solid #dedede; }
/* 第2層 */
.sitemap_tree > li > ol { margin-left:1.1em; margin-top:10px; }
.sitemap_tree > li > ol > li { font-size:1rem; }
.sitemap_tree > li > ol > li a { padding:5px 0; }
/* 第3層 */
.sitemap_tree > li > ol > li > ol { margin-left:2.2em; }
.sitemap_tree > li > ol > li > ol > li { font-size:0.9375rem; }
.sitemap_tree > li > ol > li > ol > li a { padding:5px 0; }
/* 第4層 */
.sitemap_tree > li > ol > li > ol > li > ol { margin-left:3.3em; }
.sitemap_tree > li > ol > li > ol > li > ol > li { font-size:0.9375rem; }
.sitemap_tree > li > ol > li > ol > li > ol > li a { padding:5px 0; }
/* 第5層 */
.sitemap_tree > li > ol > li > ol > li > ol > li > ol { margin-left:4.4em; }
.sitemap_tree > li > ol > li > ol > li > ol > li > ol > li { font-size:0.9375rem; color:#666; }
.sitemap_tree > li > ol > li > ol > li > ol > li > ol > li a { padding:5px 0; color:#666; }

/*----------------------------------------------------------------------*/
/* 單元頁 */
.SubMenuList li { margin-bottom:15px; }
.SubMenuList li a { 
	display:block; padding:10px 20px 10px 20px; color:#636363; line-height:150%; text-decoration:none; position:relative;
	background: -ms-linear-gradient(left,  #f0f0f0 0%,#d8d8d8 100%);
	background: linear-gradient(to right,  #f0f0f0 0%,#d8d8d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d8d8d8',GradientType=1 );
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
.SubMenuList li a::after { 
	content:''; display:block; position:absolute; top:20px; right:10px; width:6px; height:6px; border-top:2px solid #919191; border-right:2px solid #919191; 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.SubMenuList li a:hover, .SubMenuList li a:focus { 
	color:#fff; 
	background: -ms-linear-gradient(left,  #004a89 0%,#00a7f4 100%);
	background: linear-gradient(to right,  #004a89 0%,#00a7f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a89', endColorstr='#00a7f4',GradientType=1 );
	}
.SubMenuList li a:hover::after, .SubMenuList li a:focus::after { border-top:2px solid #fff; border-right:2px solid #fff; }

/*----------------------------------------------------------------------*/
/* 圖文列表 - flex版 */
.ListPicText .item, .ListPicText .item > div, .ListPicText .img, .ListPicText .img > div, .ListPicText .cont, .ListPicText .btn { 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 #eee; border-radius: 20px;
	-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);
	}

.ListPicText .img { position:relative; overflow:hidden; }
.ListPicText .img > div {
    padding-bottom:50%; 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 .date { 
	padding-bottom:5px; padding-top: 5px; position:relative; overflow:hidden; line-height:1.25em; display: inline;
    font-family: "Roboto", sans-serif; font-weight: 400; color: #555;
	}
.ListPicText .cat { background-color: #fcd6d6; display: inline-block; padding: .3em 1em; border-radius: 20px; color: #e6003f; font-weight: bold; font-size: .9375em; }
.ListPicText .date + .cat { margin-left: 5px; }

.ListPicText .title { margin-bottom:6px; overflow: hidden; }
.ListPicText .date + .title { margin-top: 6px; }
.ListPicText .cat + .title { margin-top: 10px; }
.ListPicText .title a { 
	display:block; position:relative; text-decoration:none; line-height:1.5em;
    font-family: 'Noto Sans TC', sans-serif; font-weight: 600;
    text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;
	}
.ListPicText .title a:hover, .ListPicText .title a:focus { color: var(--main_color); }
.ListPicText .desc { line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; max-height:8em; -webkit-line-clamp:4; }
.ListPicText .btn { text-align: center; margin-top:10px; }
.ListPicText .btn a {
    display: inline-block; background-color:#333; color: #fff; font-weight: bold; padding: 10px 1.125em; font-size: 1.125em;
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; 
}
.ListPicText .btn a:hover { background-color: #f46a00; }

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

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

@media screen and (max-width: 639px) {
    /* 639px~480px時 一律以圖上文下雙欄顯示,479以下時，一律以圖上文下單欄顯示 */
    .ListPicText > div { margin-left:-10px; margin-right:-10px; }
    .ListPicText .item { padding-left:10px; padding-right:10px; margin-bottom:40px; }
    .ListPicText .title { font-size:1.125rem; }
    .ListPicText .desc { font-size:.9375em; max-height:8em; -webkit-line-clamp:4; }
    .ListPicText.list-view .img { float: none; width: 100%; max-width: 100%; }
    .ListPicText .item > div { max-width: 500px; }
    .ListPicText .btn a { font-size: 1em; }

    .ListPicText .cont { padding:15px 20px 20px; }
    .ListPicText .item { width:100%; max-width:420px; margin-left:auto; margin-right:auto; }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    .ListPicText > div { margin-left:-15px; margin-right:-15px; }
    .ListPicText .item { padding-left:15px; padding-right:15px; margin-bottom:35px; }
    .ListPicText .title { font-size:1.25rem; }
    .ListPicText .desc { font-size:.9375em; }

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

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

    /* 圖上文下 - 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:-20px; margin-right:-20px; }
    .ListPicText .item { padding-left:20px; padding-right:20px; margin-bottom:35px; }
    @media screen and (max-width: 1199px) {
        .ListPicText > div { margin-left:-20px; margin-right:-20px; }
    }

    /* 圖左文右 - list-view */
    .ListPicText.list-view .btn { text-align:right; }

    /* 單欄 */
    .ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { float:right; }
    .ListPicText.single .img { padding:20px; }
    .ListPicText.grid-view.single .img { padding:0; }
    .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:0.9375rem; }
    .ListPicText.list-view.bisection .img { padding:20px; }
    .ListPicText.list-view.bisection .cont { padding:20px; }

    /* 三欄 */
    .ListPicText.trisection .item { width:33.3333%; }
    .ListPicText.trisection .cont { padding:20px; }
    .ListPicText.trisection .title { font-size:1.25rem; }
    .ListPicText.trisection .desc { font-size:.9375em; }
    .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:0.875rem; }
    .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(-5px);
        -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.3);
        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.3);
    }
}

/* 集點紀念品 */
.ListPicText.ProductList .img > div { background-size: contain; }

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .ListPicText.quarters .item { width:33.3333%; }
}

/*----------------------------------------------------------------------*/
/* 相關連結 */
.ListLinks { margin-bottom: 20px; }
.ListLinks .img > div { width:200px; position:relative; }
.ListLinks .img > div img { display:block; border:1px solid rgba(0,0,0,.2); background-color:#fff; padding:5px; max-width:100%; box-sizing:border-box; }
.ListLinks .title a { 
	display:block; font-family: 'Noto Sans TC', sans-serif; font-weight: 600; line-height:1.5em; font-size:1.125rem; text-decoration:none; 
	}
.ListLinks .title a:hover, .ListLinks .title a:focus { color: var(--main_color); }

@media screen and (max-width: 899px) {
    .ListLinks ul li { padding:20px 10px; }
    .ListLinks ul li:nth-child(even) { background-color:#f3f3f3; border-radius:5px; }
    .ListLinks .title { margin-top:10px; }
    .ListLinks .desc { margin-top:10px; }
}
@media screen and (min-width: 900px) {
    .ListLinks ul { display:table; width:100%; }
    .ListLinks ul li { display:table-row; }
    .ListLinks ul li > div { display:table-cell; vertical-align:middle; padding:20px 10px; }
        .ListLinks ul li > div:first-child { padding-left:20px; }
        .ListLinks ul li > div:last-child { padding-right:20px; }
    .ListLinks ul li:nth-child(even) > div { background-color:#f3f3f3; }
        .ListLinks ul li:nth-child(odd) > div:first-child { border-radius:4px 0 0 4px; }
        .ListLinks ul li:nth-child(odd) > div:last-child { border-radius:0 4px 4px 0; }
    .ListLinks .img { width:20%; }
    .ListLinks .title { width:35%; }
    .ListLinks .desc { width:45%; }
}
@media screen and (min-width: 1280px) {
    .ListLinks .title a { font-size: 1.25em; }
}


/*----------------------------------------------------------------------*/
/* RWD */
@media screen and (max-width: 639px) {
    #ContentHeader { padding-top: 5px; }
    #Content { padding: 15px; border-radius: 20px; }
    .post_info.below span { font-size: .875em; letter-spacing: 0; padding-left: .5em; }

    /* 標題 */
    .PageTitle h2 { font-size: 1.5em; }
    h3.articleTitle { font-size: 1.5em; }
    .item_title h3 { font-weight: bold; font-size: 1.25em; }
    .post_info { font-size: .875em; }

    /* 麵包列 */
    #Breadcrumbs { display:none; }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    #Content { padding: 25px 30px 30px 30px; margin-bottom: 40px; }
    #ContentHeader { padding-top: 15px; padding-bottom: 5px; }

    /* 標題 */
    h3.articleTitle { font-size: 1.625em; }
    .item_title h3 { font-weight: bold; font-size: 1.375em; }
    .post_info { font-size: .9375em; }

    /* 麵包列 */
    #Breadcrumbs { display:none; }
}

@media screen and (min-width: 1024px) {
    #ContentHeader { padding-top: 20px; padding-bottom: 10px; }
    #Content { margin-bottom: 60px; }

    /* 單元頁 */
    .SubMenuList ul { display: flex; flex-wrap: wrap; }
    .SubMenuList ul li { width: calc(50% - 15px); }
    .SubMenuList ul li:nth-child(2n) { margin-left: 30px; }
    .SubMenuList li a { font-size:1.125rem; }
}

@media screen and (min-width: 1280px) {
    h3.articleTitle { font-size: 2.25em; }
    #Content { margin-bottom: 70px; }
}

/*----------------------------------------------------------------------*/
/* 商品內頁 */
.ProductBrief { max-width:1060px; margin:0 auto; }
.ProductBrief > div { flex:0 1 auto; }
.ProductBrief::after { content:''; display:block; clear:both; }

.ProductBrief .p_title { font-size:1.875rem; font-weight:bold; line-height:1.25em; }
	.ProductBrief .ProductImagesWrap .p_title { margin-bottom:20px; }

.ProductDesc .p_tag { margin-top: 15px; }
.ProductDesc .p_tag span { background-color: #fcd6d6; display: inline-block; padding: .3em 1em; border-radius: 20px; color: #e6003f; font-weight: bold; font-size: .9375em; }

.ProductDesc .p_desc { margin-top:15px; }
.ProductDesc .p_desc .title { display:inline-block; padding:0 14px; color:#fff; line-height:2.3em; font-weight: bold; border-radius: 10px 10px 0 0; background-color:#555; }
.ProductDesc .p_desc .cont { padding: 6px 10px; line-height: 1.625em; border: 1px solid #ddd; border-radius: 0 10px 10px 10px; margin-top: -1px; }

@media screen and (max-width: 959px) {
.ProductImagesWrap { max-width:540px; margin:0 auto 30px; }
}
@media screen and (min-width: 960px) {
.ProductImagesWrap { float:left; width:480px; }
.ProductImagesWrap .p_title { display:none; }
.ProductDesc { float:right; width:calc(100% - 480px); }
}
	@media screen and (min-width: 960px) and (max-width: 1279px) {
	.ProductDesc { padding-left:30px; }
	.ProductDesc .p_desc { font-size:0.9375rem; }
	}
	@media screen and (min-width: 1280px) {
	.ProductDesc { padding-left:5.2vw; }
	}


/* 產品輪播圖 */
.sr-text {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
	}

@media screen and (max-width: 479px) {
.main-img-slider { margin-left:-15px; margin-right:-15px; }
}
.ProductImages li, .ProductImages figure, .ProductImages a, .ProductImages img { display:block; outline:none; border:none; }
.ProductImages .main-img-slider { /*border:1px solid #cdcdcd;*/ }
.ProductImages .main-img-slider figure { margin:0 auto; position:relative; }
	/*@media screen and (orientation: portrait) {
	.ProductImages .main-img-slider figure { height:50vw; }
	}
	@media screen and (orientation: landscape) {
	.ProductImages .main-img-slider figure { height:50vh; }
	}*/
.ProductImages .main-img-slider figure::before { 
	content:'+ Zoom'; position:absolute; z-index: 999; bottom:5px; left:0; width:100%; 
	text-align:center; font-family:'Montserrat', sans-serif; font-weight:600; font-size:16px; color:#333333; opacity:0;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
	}
.ProductImages .main-img-slider figure.slick-current::before { opacity:1; }
.ProductImages .main-img-slider figure a {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	}.ProductImages .main-img-slider figure a { 
	padding-bottom:75%; background-repeat:no-repeat; background-position:center center; background-size:contain; overflow:hidden; position:relative; 
	}
.ProductImages .main-img-slider figure a img { position:absolute; top:100%; left:100%; }
.ProductImages .main-img-slider figure a:focus::after { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px dashed var(--main_color); box-sizing:border-box; 
	}
.ProductImages .thumb-nav { max-width:100%; margin:20px auto 0; padding:0 30px; box-sizing:border-box; }

.ProductImages .slick-slider .slick-prev, .ProductImages .slick-slider .slick-next { 
	position:absolute; z-index:9999; cursor:pointer; text-indent:-999px; overflow:hidden; 
	-webkit-transition:0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.ProductImages .slick-slider .slick-prev { left:0; }
	.ProductImages .slick-slider .slick-next { right:0; }
	.ProductImages .slick-slider .slick-prev.slick-disabled, .ProductImages .slick-slider .slick-next.slick-disabled { 
		display:none !important; opacity:0 !important; cursor:default !important; 
		}
	.ProductImages .main-img-slider .slick-prev, .ProductImages .main-img-slider .slick-next { 
		background-color:rgba(255,255,255,0.5); top:50%; margin-top:-16px; width:32px; height:32px; opacity:0.7; 
		}
	.ProductImages .main-img-slider .slick-prev:hover, .ProductImages .main-img-slider .slick-next:hover { background-color:rgba(255,255,255,0.8); opacity:1; }
	.ProductImages .thumb-nav .slick-prev, .ProductImages .thumb-nav .slick-next { 
		background-color:#e5e5e5; top:0; width:25px; height:100%; 
		}
	.ProductImages .thumb-nav .slick-prev:hover, .ProductImages .thumb-nav .slick-next:hover { background-color: var(--main_color); }
.ProductImages .slick-slider .slick-prev:before, .ProductImages .slick-slider .slick-next:before { 
	content:''; display:block; position:absolute; top:50%; width:8px; height:8px; margin-top:-4px;
	border-width:2px 0 0 2px; border-style:solid;
	}
	.ProductImages .main-img-slider .slick-prev:before, .ProductImages .main-img-slider .slick-next:before { border-color:#000; }
	.ProductImages .thumb-nav .slick-prev:before, .ProductImages .thumb-nav .slick-next:before { border-color:#666; }
	.ProductImages .thumb-nav .slick-prev:hover:before, .ProductImages .thumb-nav .slick-next:hover:before { border-color:#fff; }
.ProductImages .slick-slider .slick-prev:before { 
	left:50%; margin-left:-4px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.ProductImages .slick-slider .slick-next:before { 
	right:50%; margin-right:-4px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	}

.ProductImages .thumb-nav li { display:block; margin:0; width:80px; cursor:pointer; }
	@media screen and (max-width: 479px) {
	.ProductImages .thumb-nav li { padding:0 2px; }
	}
	@media screen and (min-width:480px) {
	.ProductImages .thumb-nav li { padding:0 10px; }
	}

.ProductImages .thumb-nav li span {
	display:block; width:100%; padding-bottom:75%; overflow:hidden; position:relative; 
	background-position:center center; background-repeat:no-repeat; background-size:contain; 
	-webkit-transition:0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.ProductImages .thumb-nav li:hover span { border-color:#eb252c; }
	.ProductImages .thumb-nav li.slick-current span::after { 
		content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #be3650; box-sizing:border-box;
		}

/* noscript */
.ProductBrief.noscript { max-width:none; }
.ProductBrief.noscript .ProductImagesWrap { float:none; width:100%;; }
.ProductBrief.noscript .ProductImagesWrap .p_title { display:block; text-align:center; }
.ProductBrief.noscript .main-img-slider { text-align:center; }
.ProductBrief.noscript .main-img-slider figure { display:inline-block; width:400px; }
.ProductImages .noscript a { display:inline-block; }


/*----------------------------------------------------------------------*/
/* 登入系統 */
.LoginBox  { max-width: 650px; margin: 0 auto; }
.LoginBox .BtnCommon { margin-bottom: 0; }

@media screen and (min-width: 1024px) {
    .LoginBox .FormTable > tbody > tr > th { width: 220px; }
}

/*----------------------------------------------------------------------*/
/* 緩捐捐血查詢 */
.EligibilityHeader { position:relative; margin-bottom:60px; font-family:'Noto Sans TC', sans-serif; }
.EligibilityHeader::before { 
	content:''; display:block; width:200px; 
	background:url(../images/icon_eligibility_header.png) no-repeat center center; background-size:contain;
	}
.EligibilityHeader h3 { border-bottom:2px solid #e5e5e5; padding-bottom:0.5em; color:#d70146; font-weight:600; line-height:1.5em; }
.EligibilityHeader .desc { padding-top:1em; font-weight:300; line-height:2em; }
	/* RWD */
	@media screen and (max-width:767px) {
	.EligibilityHeader h3 { font-size:2.25rem; }
	.EligibilityHeader .desc { font-size:1.125rem; }
	}
	@media screen and (min-width:768px) {
	.EligibilityHeader h3 { font-size:2.5rem; }
	.EligibilityHeader .desc { font-size:1.25rem; }
	}

	@media screen and (max-width:539px) {
	.EligibilityHeader::before { height:200px; margin:0 auto; }
	.EligibilityHeader h3, .EligibilityHeader .desc { text-align:center; }
	}
	@media screen and (min-width:540px) {
	.EligibilityHeader { padding-left:200px; }
	.EligibilityHeader::before { position:absolute; top:0; left:0; height:100%; }
	}

.EligibilityTabs { border-bottom:5px solid #e5e5e5; margin-bottom:60px; font-family:'Noto Sans TC', sans-serif; }
.EligibilityTabs ul { display:flex; }
.EligibilityTabs a { 
	display:block; background-color:#ddd; 
	color:#555; font-size:1.875rem; font-weight:600; line-height:1.5em; text-decoration:none; 
	}
.EligibilityTabs a:hover, .EligibilityTabs a:focus, .EligibilityTabs .selected a { background-color:#d70146; color:#fff; }
	/* RWD */
	@media screen and (max-width:767px) {
	.EligibilityTabs ul { justify-content:space-between; }
	.EligibilityTabs li { width:48%; }
	.EligibilityTabs a { padding:0.75em 10px; border-radius:20px 20px 0 0; text-align:center; }
	}
		@media screen and (max-width:479px) {
		.EligibilityTabs a { font-size:1.125rem; }
		}
		@media screen and (min-width:480px) and (max-width:767px) {
		.EligibilityTabs a { font-size:3.90625vw; }
		}
	@media screen and (min-width:768px) {
	.EligibilityTabs li + li { margin-left:20px; }
	.EligibilityTabs a { padding:0.45em 1.1em; border-radius:30px 30px 0 0; font-size:1.875rem; }
	}

/* 暫緩捐血說明(下載) */
.EligibilityDownloads ul { display:flex; justify-content:space-between; flex-wrap:wrap; font-family:'Noto Sans TC', sans-serif; }
.EligibilityDownloads li { margin-bottom:40px; }
.EligibilityDownloads a { 
	display:flex; align-items:center; position:relative; background-color:#eee; padding:1.33em 50px 1.33em 20px; border-radius:10px;
	font-size:1.5rem; font-weight:600; line-height:1.5em; letter-spacing:0.2em; text-decoration:none; 
	}
	.EligibilityDownloads a:hover, .EligibilityDownloads a:focus { background-color:#e60012; color:#fff; }
.EligibilityDownloads a span { display:block; }
.EligibilityDownloads a .icon { 
	content:''; display:block; flex:0 0 auto; width:42px; height:42px; margin-right:15px; transition:all 0.3s ease;
	background-position:center center; background-repeat:no-repeat; background-size:contain; 
	}
	.EligibilityDownloads a:hover .icon, .EligibilityDownloads a:focus .icon { filter:brightness(0) invert(1); }
.EligibilityDownloads a .arrow { 
	display:block; position:absolute; top:50%; right:15px; width:30px; height:30px; margin-top:-15px; 
	background-color:#8b8b8b; border-radius:50%; 
	}
	.EligibilityDownloads a:hover .arrow, .EligibilityDownloads a:focus .arrow { background-color:#fff; }
.EligibilityDownloads a .arrow::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px;
	background:url(../images/icon_eligibility_arrows.png) no-repeat 0 0; background-size:100%; 
	}
	.EligibilityDownloads a:hover .arrow::before, .EligibilityDownloads a:focus .arrow::before { background-position:0 100%; }
	/* RWD */
	@media screen and (max-width:599px) {
	.EligibilityDownloads li { width:100%; }
	}
	@media screen and (min-width:600px) and (max-width:1023px) {
	.EligibilityDownloads li { width:48%; }
	}
	@media screen and (min-width:1023px) {
	.EligibilityDownloads li { width:30%; }
	}

	@media screen and (max-width:439px) {
	.EligibilityDownloads a { font-size:1.375rem; letter-spacing:0.1em; }
	}
	@media screen and (min-width:600px) and (max-width:767px) {
	.EligibilityDownloads a { font-size:1.375rem; letter-spacing:0.1em; }
	}
	@media screen and (min-width:1023px) and (max-width:1439px) {
	.EligibilityDownloads a { font-size:1.375rem; letter-spacing:0.1em; }
	}

/* 以關鍵字查詢 */
.EligibilitySearch .search_box { position:relative; }
.EligibilitySearch .search_box, .EligibilitySearch .search_box .input input, .EligibilitySearch .search_box .btn button { font-size:1.125rem; }
.EligibilitySearch .search_box::before { 
	content:''; display:block; position:absolute; top:1.22em; width:28px; height:28px; 
	background:url(../images/icon_eligibility_search.png) no-repeat center center; background-size:contain; 
	}
.EligibilitySearch .search_box .input input { 
	display:block; background-color:#fff; border:2px solid #cdcdcd; border-radius:10px; transition:all 0.3s ease; width:100%; line-height:3.77em; 
	}
.EligibilitySearch .search_box .input input::placeholder { color:#333; }
.EligibilitySearch .search_box .input input:focus { border-color:#333; }
.EligibilitySearch .search_box .desc { padding-top:5px; font-size:0.9375rem; color:#666; line-height:1.5em; }
.EligibilitySearch .search_box .btn { position:absolute; right:6px; top:6px; height:3.33em; }
.EligibilitySearch .search_box .btn button { 
	width:100%; height:100%; background-color:#ec0045; border-radius:8px; padding-left:0.4em; 
	text-align:center; font-family:'Noto Sans TC', sans-serif; font-weight:700; color:#fff; letter-spacing:0.4em; 
	}
.EligibilitySearch .search_box .btn button:hover, .EligibilitySearch .search_box .btn button:focus { background-color:#ea007d; }
.EligibilitySearch .keywords dl { display:flex; align-items:center; flex-wrap:wrap; }
.EligibilitySearch .keywords dt { font-weight:bold; }
.EligibilitySearch .keywords dd { margin:5px 6px 5px 0; }
	.EligibilitySearch .keywords dd:last-child { margin-right:0; }
.EligibilitySearch .keywords dd a { display:block; background-color:#fde5e6; padding:0.25em 10px; border-radius:1em; line-height:1.5em; color:#333; text-decoration:none; }
.EligibilitySearch .keywords dd a:hover, .EligibilitySearch .keywords dd a:focus { background-color:#ec0045; color:#fff; }
	/* RWD */
	@media screen and (max-width:479px) {
	.EligibilitySearch .search_box::before { left:10px; top:1.33em; width:24px; height:24px; }
	.EligibilitySearch .search_box .input input { padding-left:40px; padding-right:90px; }
	.EligibilitySearch .search_box .btn { width:80px; }
	}
	@media screen and (min-width:480px) and (max-width:1279px) {
	.EligibilitySearch .search_box::before { left:12px; }
	.EligibilitySearch .search_box .input input { padding-left:48px; padding-right:110px; }
	.EligibilitySearch .search_box .btn { width:100px; }
	.EligibilitySearch .keywords { padding-left:52px; }
	}
	@media screen and (min-width:1280px) {
	.EligibilitySearch .search_box::before { left:1.6%; }
	.EligibilitySearch .search_box .input input { padding-left:calc(5.2% - 4px); padding-right:14%; }
	.EligibilitySearch .search_box .btn { width:12%; }
	.EligibilitySearch .keywords { padding-left:5.2%; }
	}

	@media screen and (max-width:799px) {
	.EligibilitySearch .search_box .input input::placeholder { color:transparent; }
	.EligibilitySearch .keywords { padding-left:0; margin-top:10px; }
	}
	@media screen and (min-width:800px) {
	.EligibilitySearch .search_box .desc { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); white-space:nowrap; }
	.EligibilitySearch .keywords { margin-top:20px; }
	}

.EligibilitySearchResult { border:1px solid #e0e0e0; border-radius:10px; margin:60px 0 100px; overflow:hidden; position:relative; }
.EligibilitySearchResult::before, .EligibilitySearchResult::after { 
	content:''; display:block; position:absolute; background:url(../images/corners.svg) no-repeat; background-size:contain; z-index:1; 
	}
	.EligibilitySearchResult::before { top:0; left:0; transform:rotate(180deg); }
	.EligibilitySearchResult::after { bottom:0; right:0; }
.EligibilitySearchResult > div { position:relative; z-index:2; }
.EligibilitySearchResult .header { display:flex; align-items:center; flex-wrap:wrap; min-height:70px; margin:0 auto 30px; }
.EligibilitySearchResult .header::before { 
	content:''; display:block; position:absolute; top:50%; left:0; 
	background:url(../images/icon_search_result.png) no-repeat center center; background-size:contain; 
	}
.EligibilitySearchResult .header > div { line-height:2em; }
.EligibilitySearchResult .header .title::after { content:'：'; }
.EligibilitySearchResult .header .tags span + span::before { content:'、'; }
.EligibilitySearchResult .header .total span { color:#ec0045; font-family:'Roboto', sans-serif; font-weight:700; }
.EligibilitySearchResult .results_list .item { background-color:#f5f5f5; margin-bottom:25px; position:relative; }
.EligibilitySearchResult .results_list .item > .title { display:flex; justify-content:space-between; }
.EligibilitySearchResult .results_list .item > .title span { display:block; }
.EligibilitySearchResult .results_list .item > .title .text { 
	font-family:'Noto Sans TC', sans-serif; color:#ec0045; font-size:1.25rem; font-weight:700; line-height:1.25em; 
	}
.EligibilitySearchResult .results_list .item > .title .text .tag { 
	display:inline-block; margin-left:10px; padding:0 6px; background-color:#fcd6d6; border-radius:5px; 
	color:#d70146; font-size:0.9375rem; font-weight:400;
	}
.EligibilitySearchResult .results_list .item > .title .no { 
	position:relative; flex:0 0 auto; transform:translateY(-5px); 
	line-height:1em; font-family:'Roboto', sans-serif; color:#b0b0b0; font-size:1.5rem; font-weight:700; letter-spacing:0; 
	}
.EligibilitySearchResult .results_list .item > .title .no::before {
	content:''; display:block; position:absolute; top:3px; left:-6px; height:40px; border-left:1px solid #d6d6d6; transform:rotate(-45deg);
	}
.EligibilitySearchResult .results_list .item > .desc { margin-top:8px; }
.EligibilitySearchResult #Pagination { margin-bottom:0; }
	/* RWD */
	@media screen and (max-width:767px) {
	.EligibilitySearchResult { padding:20px 20px; }
	.EligibilitySearchResult::before, .EligibilitySearchResult::after { width:96px; height:96px; }
	}
	@media screen and (min-width:768px) and (max-width:1599px) {
	.EligibilitySearchResult { padding:2.5vw 5vw; }
	.EligibilitySearchResult::before, .EligibilitySearchResult::after { width:12.5vw; height:12.5vw; }
	}
	@media screen and (min-width:1600px) {
	.EligibilitySearchResult { padding:40px 80px; }
	.EligibilitySearchResult::before, .EligibilitySearchResult::after { width:200px; height:200px; }
	}

	@media screen and (max-width:767px) {
	.EligibilitySearchResult .header { padding-left:54px; }
	.EligibilitySearchResult .header::before { margin-top:-24px; width:48px; height:48px; }
	.EligibilitySearchResult .results_list .item { border-radius:10px; padding:15px 15px; }
	.EligibilitySearchResult .results_list .item > .title .no { margin-left:20px; }
	}
	@media screen and (min-width:768px)  {
	.EligibilitySearchResult .header { width:calc(100% - 80px); padding-left:80px; }
	.EligibilitySearchResult .header::before { margin-top:-35px; width:70px; height:70px; }
	.EligibilitySearchResult .header > div { font-size:1.125rem; }
	.EligibilitySearchResult .results_list .item { border-radius:20px; padding:20px 40px; }
	.EligibilitySearchResult .results_list .item > .title .no { transform:translateX(25px); }
	}


/* 聯繫我們 */
.ContactForInfo { border:10px solid #f9d9dc; border-radius:20px; margin-top:60px; font-family:'Noto Sans TC', sans-serif; }
.ContactForInfo .preface { width:100%; }
.ContactForInfo .preface > p { text-align:center; line-height:1.5em; }
.ContactForInfo .preface .title { font-size:2.25rem; font-weight:600; }
.ContactForInfo .preface .desc { margin-top:15px; font-size:1.875rem; font-weight:600; color:#e8431e; }

.ContactForInfo .item { position:relative; border:1px solid #ddd; border-radius:20px; overflow:hidden; }
.ContactForInfo .item > div { position:relative; z-index:2; }
.ContactForInfo .item::before, .ContactForInfo .item::after { 
	content:''; display:block; position:absolute; top:0; width:100%; height:100%; z-index:1; opacity:0.55;
	background:url(../images/bg_texture1.png) no-repeat 0 0; background-size:contain;
	}
	.ContactForInfo .item::before { left:0; }
	.ContactForInfo .item::after { right:0; transform:scaleX(-1); }
.ContactForInfo .service_hotline .item::before, .ContactForInfo .service_hotline .item::after { opacity:0.4; }
.ContactForInfo .item .img { width:80px; height:80px; background:url(../images/icon_contact_for_info.png) no-repeat; background-size:100%; }
	.ContactForInfo .service_hotline .item .img { background-position:0 0; }
	.ContactForInfo .branches .item.taipei .img { background-position:0 25%; }
	.ContactForInfo .branches .item.hsinchu .img { background-position:0 50%; }
	.ContactForInfo .branches .item.taichung .img { background-position:0 75%; }
	.ContactForInfo .branches .item.kaohsiung .img { background-position:0 100%; }
.ContactForInfo .item .title { font-size:1.5rem; font-weight:600; line-height:1.5em; }
.ContactForInfo .item .desc { font-size:0.9375rem; font-weight:300; line-height:1.5em; color:#666; letter-spacing:0.05em; }
.ContactForInfo .item .tel { margin-top:5px; font-family:"Roboto", sans-serif; font-size:2.25rem; font-weight:700; line-height:1.25em; color:#ef4232; letter-spacing:0; }

.ContactForInfo { display:flex; justify-content:space-between; flex-wrap:wrap; }
.ContactForInfo .branches { display:flex; justify-content:space-between; flex-wrap:wrap; }

.ContactForInfo .service_hotline .tel { margin-top:10px; }

	/* RWD */
	@media screen and (max-width:479px) {
	.ContactForInfo .preface .title { font-size:2rem; }
	.ContactForInfo .preface .desc { font-size:1.625rem; }
	.ContactForInfo .item .title { font-size:1.375rem; }
	.ContactForInfo .item .desc { font-size:0.875rem; }
	.ContactForInfo .item .tel { font-size:2rem; }
	}
	@media screen and (min-width:480px) {
	.ContactForInfo .preface { margin-bottom:40px; }
	}

	@media screen and (max-width:479px) {
	.ContactForInfo { padding:30px 20px 30px 20px; }
	}
	@media screen and (min-width:480px) and (max-width:1279px) {
	.ContactForInfo { padding:32px 40px 48px 40px; }
	}
	@media screen and (min-width:1280px) and (max-width:1439px) {
	.ContactForInfo { padding:2.77vw 3.47vw 4.16vw 3.47vw; }
	}
	@media screen and (min-width:1440px) {
	.ContactForInfo { padding:40px 50px 60px 50px; }
	}

	@media screen and (max-width:1279px) {
	.ContactForInfo .item { display:flex; padding:15px 20px; }
	.ContactForInfo .item .img { flex:0 0 auto; }
	.ContactForInfo .service_hotline { width:100%; }
	.ContactForInfo .branches { width:100%; }
	}
		@media screen and (max-width:1023px) {
		.ContactForInfo .item { margin-top:40px; }
		.ContactForInfo .branches .item { width:100%; }
		}
		@media screen and (min-width:1024px) and (max-width:1279px) {
		.ContactForInfo .branches .item { width:48%; margin-top:40px; }
		}

		@media screen and (max-width:639px) {
		.ContactForInfo .item { flex-direction:column; justify-content:center; }
		.ContactForInfo .item .img { margin:0 auto; }
		.ContactForInfo .cont { text-align:center; }
		}
		@media screen and (min-width:640px) and (max-width:1279px) {
		.ContactForInfo .item {  align-items:center; }
		.ContactForInfo .item .img { margin-right:24px; }
		}
	@media screen and (min-width:1280px) {
	.ContactForInfo .service_hotline { width:25.71%; }
	.ContactForInfo .service_hotline .item { height:100%; }
	.ContactForInfo .service_hotline .item { display:flex; flex-direction:column; justify-content:center; }
	.ContactForInfo .service_hotline .img { margin:0 auto 20px; }
	.ContactForInfo .service_hotline .cont { text-align:center; }
	.ContactForInfo .branches { width:71.42%; }
	.ContactForInfo .branches .item { width:48%; }
	.ContactForInfo .branches .item:nth-child(1n+3) { margin-top:40px; }
	.ContactForInfo .branches .item { display:flex; align-items:center; }
	.ContactForInfo .branches .item .img { flex:0 0 auto; }
	}
		@media screen and (min-width:1280px) and (max-width:1439px) {
		.ContactForInfo .item { padding:12px 15px; }
		.ContactForInfo .service_hotline .tel { font-size:2.25rem; }
		.ContactForInfo .branches .item .img { width:64px; height:64px; margin-right:12px; }
		.ContactForInfo .branches .item .tel { font-size:2rem; }
		}
		@media screen and (min-width:1440px) {
		.ContactForInfo .item { padding:15px 20px; }
		.ContactForInfo .service_hotline .tel { font-size:2.5rem; }
		.ContactForInfo .branches .item .img { margin-right:24px; }
		}

/*----------------------------------------------------------------------*/
/* 捐血地點查詢 */
.DonationSiteLocator { position:relative; display:flex; align-items:center; flex-wrap:wrap; margin-bottom:50px; font-family:'Noto Sans TC', sans-serif; }
.DonationSiteLocator::before { 
	content:''; display:block; 
	background:url(../images/icon_donation_site_header.png) no-repeat center center; background-size:contain;
	}
.DonationSiteLocator .header { width:100%; padding-bottom:1.75em; margin-bottom:20px; display:flex; align-items:flex-end; flex-wrap:wrap; border-bottom:2px solid #e5e5e5; }
.DonationSiteLocator .header h3 { margin-right:0.75em; color:#d70146; font-weight:600; line-height:1.25em; }
.DonationSiteLocator .header .desc { padding-top:1em; font-weight:300; line-height:1.5em; }

.DonationSiteLocator .file_download { width:100%; margin:0 0 10px 0; }
.DonationSiteLocator .file_download ul { display:flex; align-items:center; flex-wrap:wrap; }
.DonationSiteLocator .file_download ul li { margin:0 10px 10px 0; }
.DonationSiteLocator .file_download ul a {
    display:block; border:2px solid var(--color2); border-radius:60px; padding:0 1.25em; transition:all 0.3s ease;
	color:var(--color2); line-height:46px; font-weight:600; text-decoration:none; 
	}
	@media screen and (min-width: 1280px) {
    .DonationSiteLocator .file_download ul a { font-size:1.125em; }
	}
.DonationSiteLocator .file_download ul a:hover, .DonationSiteLocator .file_download ul a:focus { background-color:var(--color2); color:#fff; }

.DonationSiteLocator .find_site { display:flex; align-items:flex-end; flex-wrap:wrap; position:relative; }
.DonationSiteLocator .find_site::before { content:''; display:block; position:absolute; }
.DonationSiteLocator .find_site::after { 
	content:'or'; display:block; position:absolute; width:2em; line-height:2em; background-color:#fff;
	text-align:center; font-family:"Roboto", sans-serif; font-size:1.25rem; font-weight:500; color:#ccc; letter-spacing:0; 
	}
.DonationSiteLocator .find_site .item { margin:0 25px 10px 0; max-width:100%; }
.DonationSiteLocator .find_site .label { padding-left:0.5em; font-weight:600; }
.DonationSiteLocator .find_site .cont input, .DonationSiteLocator .find_site .cont select { vertical-align:middle; }
.DonationSiteLocator .find_site .keyword input { width:400px; max-width:100%; }
.DonationSiteLocator .find_site .btn { margin-bottom:15px; display:flex; }
.DonationSiteLocator .find_site .btn button { 
	display:flex; align-items:center; padding:0 15px; border-radius:5px; 
	font-family:'Noto Sans TC', sans-serif; font-size:1.125rem; font-weight:600; 
	}
.DonationSiteLocator .find_site .btn button.search { border:2px solid #ee858c; color:#ee858c; }
.DonationSiteLocator .find_site .btn button.reset { border:2px solid #999; color:#999; }
.DonationSiteLocator .find_site .btn button + button { margin-left:10px; }
@media screen and (max-width:1023px) {
	.DonationSiteLocator .find_site .btn button { height:40px; }
	}
	@media screen and (min-width:1024px) {
	.DonationSiteLocator .find_site .btn button { height:50px; }
	}
.DonationSiteLocator .find_site .btn button.search::after { 
	content:''; display:block; width:20px; height:20px; margin-left:10px; background:url(../images/icon_where_to_donate.png) no-repeat 0 0; background-size:200%; 
	}
.DonationSiteLocator .find_site .btn button.search:hover, .DonationSiteLocator .find_site .btn button.search:focus { border-color:#ec0045; background-color:#ec0045; color:#fff; }
.DonationSiteLocator .find_site .btn button.reset:hover, .DonationSiteLocator .find_site .btn button.reset:focus { border-color:#999; background-color:#999; color:#fff; }
.DonationSiteLocator .find_site .btn button.search:hover::after, .DonationSiteLocator .find_site .btn button.search:focus::after { background-position:right 0; }

.DonationSiteLocator .nearest_site { display:flex; flex-direction:column; align-items:center; flex-wrap:wrap; }
.DonationSiteLocator .nearest_site .desc { max-width:320px; margin:0 auto; text-align:center; font-weight:300; font-size:1.125rem; line-height:2em; letter-spacing:0.05em; }
.DonationSiteLocator .nearest_site .btn { margin-top:20px; }
.DonationSiteLocator .nearest_site .btn button { 
	display:flex; align-items:center; border:2px solid #ee858c; height:64px; padding:0 25px; border-radius:5px; 
	color:#ee858c; font-family:'Noto Sans TC', sans-serif; font-size:1.25rem; font-weight:600; 
	}
.DonationSiteLocator .nearest_site .btn button::after { 
	content:''; display:block; width:20px; height:20px; margin-left:10px; background:url(../images/icon_where_to_donate.png) no-repeat 0 10%; background-size:200%; 
	}
.DonationSiteLocator .nearest_site .btn button:hover, .DonationSiteLocator .nearest_site .btn button:focus { border-color:#ec0045; background-color:#ec0045; color:#fff; }
.DonationSiteLocator .nearest_site .btn button:hover::after, .DonationSiteLocator .nearest_site .btn button:focus::after { background-position:right 10%; }
	/* RWD */
	@media screen and (max-width:767px) {
	.DonationSiteLocator h3 { font-size:2.25rem; }
	.DonationSiteLocator .desc { font-size:1.125rem; }
	.DonationSiteLocator .find_site { width:100%; padding-bottom:30px; }
	.DonationSiteLocator .find_site::before { left:0; bottom:0; width:100%; border-top:1px solid #e5e5e5; }
	.DonationSiteLocator .find_site::after { bottom:-1em; left:50%; margin-left:-1em; }
	.DonationSiteLocator .nearest_site { width:100%; padding-top:30px; }
	}
	@media screen and (min-width:768px) {
	.DonationSiteLocator h3 { font-size:2.5rem; }
	.DonationSiteLocator .desc { font-size:1.25rem; }
	.DonationSiteLocator .find_site { width:60%; padding-right:20px; }
	.DonationSiteLocator .find_site::before { right:0; top:0; height:100%; border-right:1px solid #e5e5e5; }
	.DonationSiteLocator .find_site::after { right:-1em; top:50%; margin-top:-1em; }
	.DonationSiteLocator .nearest_site { width:40%; padding-left:20px; }
	}

	@media screen and (max-width:767px) {
	.DonationSiteLocator::before { width:200px; height:200px; margin:0 auto; }
	.DonationSiteLocator .header { justify-content:center; text-align:center; }
	}
	@media screen and (min-width:768px) and (max-width:1059px) {
	.DonationSiteLocator::before { position:absolute; top:0; left:0; width:108px; height:135px; }
	.DonationSiteLocator .header { padding-left:120px; min-height:150px; }
	}
	@media screen and (min-width:1080px) {
	.DonationSiteLocator { padding-left:200px; }
	.DonationSiteLocator::before { position:absolute; top:0; left:0; width:200px; height:100%; }
	}

.DonationSiteResultTotal { 
	position:relative; background-color:#f5f5f5; border-radius:20px; max-width:860px; margin:0 auto; padding:30px 35px 30px 80px; line-height:1.5em; 
	font-family:'Noto Sans TC', sans-serif; font-size:1.125rem; word-break:break-all;
	}
.DonationSiteResultTotal::before { 
	content:''; display:block; position:absolute; top:50%; left:30px; margin-top:-20px; width:40px; height:40px;
	background:url(../images/icon_search_result.png) no-repeat center center; background-size:contain; 
	}
.DonationSiteResultTotal span { color:#ec0045; font-family:"Roboto", 'Noto Sans TC', sans-serif; }
.DonationSiteResultTotal span + span::before { content:'、'; color:#333; }

/* 共通設定 */
.DonationSiteResult { margin-top:60px; }
.DonationSiteResult .result_header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; position:relative; }
.DonationSiteResult .result_header .title { position:relative; padding-left:54px; font-family:'Noto Sans TC', sans-serif; font-weight:500; font-size:1.875rem; line-height:1.5em; }
.DonationSiteResult .result_header .title::before { 
	content:''; display:block; position:absolute; top:50%; left:0; width:46px; height:46px; margin-top:-23px;
	background:url(../images/icon_where_to_donate.png) no-repeat; background-size:200%; 
	}
	.DonationSiteMap .result_header .title::before { background-position:0 20%; }
	.DonationSiteList .result_header .title::before { background-position:0 30%; }
.DonationSiteResult .result_header .filter { display:flex; align-items:flex-end; flex-wrap:wrap; }
.DonationSiteResult .result_header .filter .item { margin:5px 10px 5px 0; max-width:100%; }
.DonationSiteResult .result_header .filter .label { padding-left:0.5em; font-weight:600; }
.DonationSiteResult .result_header .filter .cont input, .DonationSiteResult .result_header .filter .cont select { vertical-align:middle; }
.DonationSiteResult .result_header .filter .keyword input { width:400px; max-width:100%; }
.DonationSiteResult .result_header .filter .btn { margin:5px 0 10px; }
.DonationSiteResult .result_header .filter .btn button { 
	display:flex; align-items:center; background-color:#e6e6e6; padding:0 16px; border-radius:5px; 
	color:#666; font-family:'Noto Sans TC', sans-serif; font-size:1.125rem; 

	}
	@media screen and (max-width:1023px) {
	.DonationSiteResult .result_header .filter .btn button { height:40px; }
	}
	@media screen and (min-width:1024px) {
	.DonationSiteResult .result_header .filter .btn button { height:50px; }
	}
.DonationSiteResult .result_header .filter .btn button:hover, .DonationSiteResult .result_header .filter .btn button:focus { 
	border-color:#ec0045; background-color:#ec0045; color:#fff; 
	}

/* 以地圖顯示 */
.donation_site_map_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; height:640px; position:relative; overflow:hidden; }
.donation_site_map_wrap > div { height:inherit; }
.donation_site_map_wrap .tabs_group { position:relative; background-color:#f8f8f8; padding-top:3.125rem; }
.donation_site_map_wrap .tabs_group .tab_title { position:absolute; top:0; background-color:#e9e9e9; }
	.donation_site_map_wrap .tabs_group #tab-1 { width:50%; }
	/*.donation_site_map_wrap .tabs_group #tab-2 { width:36%; }*/
	.donation_site_map_wrap .tabs_group #tab-3 { width:50%; }
.donation_site_map_wrap .tabs_group .tab_title a { 
	display:flex; align-items:center; justify-content:center; height:3.5714em; 
	line-height:1.25em; font-size:0.875rem; font-weight:bold; letter-spacing:0.05em; text-decoration:none; 
	}
.donation_site_map_wrap .tabs_group .tab_title a .icon { flex:0 0 auto; position:relative; margin-right:5px; width:22px; height:22px; border-radius:11px; }
	.donation_site_map_wrap .tabs_group #tab-1 a .icon { background-color:#ec0045; }
	.donation_site_map_wrap .tabs_group #tab-2 a .icon { background-color:#2a57ff; }
	.donation_site_map_wrap .tabs_group #tab-3 a .icon { background-color:#59a400; }
.donation_site_map_wrap .tabs_group .tab_title a .icon::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:14px; height:14px; margin:-7px 0 0 -7px;
	background:url(../images/icon_where_to_donate.png) no-repeat; background-size:200%; 
	}
	.donation_site_map_wrap .tabs_group #tab-1 a .icon::before { background-position:right 60%; }
	.donation_site_map_wrap .tabs_group #tab-2 a .icon::before { background-position:right 70%; }
	.donation_site_map_wrap .tabs_group #tab-3 a .icon::before { background-position:right 80%; }
.donation_site_map_wrap .tabs_group .tab_title a .text { text-align:center; }
.donation_site_map_wrap .tabs_group #tab-1 a:hover, .donation_site_map_wrap .tabs_group #tab-1 a:focus { color:#ec0045; }
.donation_site_map_wrap .tabs_group #tab-2 a:hover, .donation_site_map_wrap .tabs_group #tab-2 a:focus { color:#2a57ff; }
.donation_site_map_wrap .tabs_group #tab-3 a:hover, .donation_site_map_wrap .tabs_group #tab-3 a:focus { color:#59a400; }
.donation_site_map_wrap .tabs_group .tab_title.active::after { 
	content:''; display:block; position:absolute; top:100%; left:50%; margin-left:-10px; 
	border-left:5px solid transparent; border-right:5px solid transparent; border-top-width:6px; border-top-style:solid;
	}
	.donation_site_map_wrap .tabs_group #tab-1.active::after { border-top-color:#ec0045; }
	.donation_site_map_wrap .tabs_group #tab-2.active::after { border-top-color:#2a57ff; }
	.donation_site_map_wrap .tabs_group #tab-3.active::after { border-top-color:#59a400; }
.donation_site_map_wrap .tabs_group .tab_title.active a { color:#fff !important; }
	.donation_site_map_wrap .tabs_group #tab-1.active a { background-color:#ec0045; }
	.donation_site_map_wrap .tabs_group #tab-2.active a { background-color:#2a57ff; }
	.donation_site_map_wrap .tabs_group #tab-3.active a { background-color:#59a400; }
.donation_site_map_wrap .tabs_group .tab_title.active a .icon { background-color:#fff !important; }
	.donation_site_map_wrap .tabs_group #tab-1.active a .icon::before { background-position:0 60%; }
	.donation_site_map_wrap .tabs_group #tab-2.active a .icon::before { background-position:0 70%; }
	.donation_site_map_wrap .tabs_group #tab-3.active a .icon::before { background-position:0 80%; }

.donation_site_map_wrap .tab_cont { height:100%; overflow-x:auto; _overflow:auto; -webkit-overflow-scrolling:touch; }
.donation_site_map_wrap .tab_cont::-webkit-scrollbar { -webkit-appearance:none; width:12px; height:12px; }
.donation_site_map_wrap .tab_cont::-webkit-scrollbar-thumb { border-radius:6px; border:3px solid #f8f8f8; background-color:rgba(0, 0, 0, .3); }
	.donation_site_map_wrap .tab_cont#panel-1::-webkit-scrollbar-thumb:hover { background-color:#ec0045; }
	.donation_site_map_wrap .tab_cont#panel-2::-webkit-scrollbar-thumb:hover { background-color:#2a57ff; }
	.donation_site_map_wrap .tab_cont#panel-3::-webkit-scrollbar-thumb:hover { background-color:#59a400; }
.donation_site_map_wrap .site_list { padding:0 10px; }
.donation_site_map_wrap .site_list li { padding:15px 0; border-bottom:1px solid #dfdfdf; }
	.donation_site_map_wrap .site_list li:last-child { border-bottom:0; }
.donation_site_map_wrap .site_list a { display:block; text-decoration:none; }
.donation_site_map_wrap .site_list .title { 
	display:flex; align-items:center; color:#333; font-family:'Noto Sans TC', sans-serif; font-weight:500; line-height:1.5em; letter-spacing:0.05em; 
	}
.donation_site_map_wrap .site_list .title .icon { flex:0 0 auto; display:block; position:relative; margin-right:3px; width:22px; height:22px; border-radius:11px; }
	.donation_site_map_wrap .site_list .station .title .icon { background-color:#ec0045; }
	.donation_site_map_wrap .site_list .mobile .title .icon { background-color:#2a57ff; }
	.donation_site_map_wrap .site_list .drive .title .icon { background-color:#59a400; }
.donation_site_map_wrap .site_list .title .icon::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:14px; height:14px; margin:-7px 0 0 -7px;
	background:url(../images/icon_where_to_donate.png) no-repeat; background-size:200%; 
	}
	.donation_site_map_wrap .site_list .station .title .icon::before { background-position:right 60%; }
	.donation_site_map_wrap .site_list .mobile .title .icon::before { background-position:right 70%; }
	.donation_site_map_wrap .site_list .drive .title .icon::before { background-position:right 80%; }
.donation_site_map_wrap .site_list .desc { margin-top:4px; color:#666; font-size:0.875rem; letter-spacing:0.05em; line-height:1.5em; }
.donation_site_map_wrap .site_list .station a:hover .title { color:#ec0045; }
.donation_site_map_wrap .site_list .mobile a:hover .title { color:#2a57ff; }
.donation_site_map_wrap .site_list .drive a:hover .title { color:#59a400; }
.donation_site_map_wrap .site_list a:hover .desc { color:#333; }

.donation_site_map_wrap .map { position:relative; }
.donation_site_map_wrap .map iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0; }

.DonationSiteMap .skip_map { bottom:100%; }

	/* RWD(寬度767以下 or 高度639以下，不顯示分類頁籤清單) */
	/* tabs_group */
	@media screen and (max-width:767px) {
	.donation_site_map_wrap .tabs_group { display:none; }
	}
	@media screen and (max-height:639px) {
	.donation_site_map_wrap .tabs_group { display:none; }
	}
	@media screen and (min-width:768px) and (min-height:640px) {
	.DonationSiteMap .result_header .filter .cat { display:none; }
	}

	/* 寬度 */
	@media screen and (max-width:767px) {
	.donation_site_map_wrap .map { width:100%; }
	}
	@media screen and (max-height:639px) {
	.donation_site_map_wrap .map { width:100%; }
	}
	@media screen and (min-width:768px) and (max-width:1279px) and (min-height:640px) {
	.donation_site_map_wrap .tabs_group { width:180px; }
	.donation_site_map_wrap .tabs_group .tab_title a .icon { display:none; }
	.donation_site_map_wrap .map { width:calc(100% - 180px); }
	}
	@media screen and (min-width:1280px) and (max-width:1559px) and (min-height:640px) {
	.donation_site_map_wrap .tabs_group { width:240px; }
	.donation_site_map_wrap .map { width:calc(100% - 240px); }
	}
	@media screen and (min-width:1560px) and (min-height:640px) {
	.donation_site_map_wrap .tabs_group { width:20%; }
	.donation_site_map_wrap .map { width:80%; }
	}

	/* 高度 */
	@media screen and (orientation: portrait) and (max-width:639px) {
	.donation_site_map_wrap { height:calc(90vh - 64px); }
	}
	@media screen and (orientation: portrait) and (min-width:640px) and (max-width:767px) {
	.donation_site_map_wrap { height:calc(80vh - 64px); }
	}
	@media screen and (orientation: landscape) and (max-height:767px) {
	.donation_site_map_wrap { height:calc(90vh - 64px); }
	}

/* 以清單顯示 */
.donation_site_list_wrap { margin-bottom:20px; }
.donation_site_list_wrap table { width:100%; }
.donation_site_list_wrap th { 
	padding-top:10px; padding-bottom:10px; border-bottom:3px solid #e5e5e5; 
	line-height:1.5em; text-align:left; font-family:'Noto Sans TC', sans-serif; font-weight:700; white-space:nowrap; 
	}
.donation_site_list_wrap td.date { color:#666; line-height:1.5em; }
.donation_site_list_wrap td.title a { 
	display:inline-flex; align-items:center; line-height:1.33em; font-family:'Noto Sans TC', sans-serif; font-weight:600; text-decoration:none; 
	}
	.donation_site_list_wrap .station.title a:hover, .donation_site_list_wrap .station.title a:focus { color:#ec0045; }
	.donation_site_list_wrap .mobile.title a:hover, .donation_site_list_wrap .mobile.title a:focus { color:#2a57ff; }
	.donation_site_list_wrap .drive.title a:hover, .donation_site_list_wrap .drive.title a:focus { color:#59a400; }
.donation_site_list_wrap td.title a .icon { flex:0 0 auto; display:block; position:relative; margin-left:5px; width:24px; height:24px; border-radius:12px; }
	.donation_site_list_wrap .station.title a .icon { background-color:#ec0045; }
	.donation_site_list_wrap .mobile.title a .icon { background-color:#2a57ff; }
	.donation_site_list_wrap .drive.title a .icon { background-color:#59a400; }
.donation_site_list_wrap td.title a .icon::after { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px;
	background:url(../images/icon_where_to_donate.png) no-repeat; background-size:200%; 
	}
	.donation_site_list_wrap .station.title a .icon::after { background-position:right 60%; }
	.donation_site_list_wrap .mobile.title a .icon::after { background-position:right 70%; }
	.donation_site_list_wrap .drive.title a .icon::after { background-position:right 80%; }
.donation_site_list_wrap td.location { color:#666; line-height:1.5em; }
.donation_site_list_wrap td.waiting_num { color:#ec0045; line-height:1.33em; font-family:"Roboto", sans-serif; font-size:1.125rem; font-weight:700; }
	/* RWD */
	@media screen and (max-width:1023px) {
	.donation_site_list_wrap tr { display:flex; flex-direction:column; }
	.donation_site_list_wrap tr:nth-child(odd) { background-color:#fdf4eb; border-radius:10px; }
	.donation_site_list_wrap td { padding-top:5px; padding-bottom:5px; }
	.donation_site_list_wrap td.date { order:2; }
	.donation_site_list_wrap td.title { order:1; }
	.donation_site_list_wrap td.title a { font-size:1.375rem; }
	.donation_site_list_wrap td.location { order:3; }
	.donation_site_list_wrap td.waiting_num { order:4; }
	.donation_site_list_wrap .rwdTable td.date:before { display:inline; }
	}
		@media screen and (max-width:639px) {
		.donation_site_list_wrap tr { padding:10px 10px; }
		}
		@media screen and (min-width:640px) and (max-width:1023px) {
		.donation_site_list_wrap tr { padding:15px 20px; }
		}
	@media screen and (min-width:1024px) {
	.donation_site_list_wrap tr:nth-child(odd) td { background-color:#fdf4eb; }
		.donation_site_list_wrap tr:nth-child(odd) td:first-child { border-radius:10px 0 0 10px; }
		.donation_site_list_wrap tr:nth-child(odd) td:last-child { border-radius:0 10px 10px 0; }
	.donation_site_list_wrap td { padding-top:16px; padding-bottom:16px; }
	.donation_site_list_wrap td.date { width:16%; }
	.donation_site_list_wrap td.title { width:22%; }
	.donation_site_list_wrap td.title a { font-size:1.125rem; }
	}
		@media screen and (min-width:1024px) and (max-width:1799px) {
		.donation_site_list_wrap th, .donation_site_list_wrap td { padding-left:1.2vw; padding-right:1.2vw; }
		}
		@media screen and (min-width:1800px) {
		.donation_site_list_wrap th, .donation_site_list_wrap td { padding-left:30px; padding-right:30px; }
		}

/* 內頁 */
.DonationSiteCont { display:flex; justify-content:space-between; flex-wrap:wrap; }
.DonationSiteCont .cont { padding:25px 30px 40px 30px; border:1px solid #ddd; border-radius:20px; }
.DonationSiteCont .site_title { margin-bottom:20px; }
.DonationSiteCont .site_title h3 { 
	display:flex; align-items:center; line-height:1.5em; font-family:'Noto Sans TC', sans-serif; font-size:1.875rem; font-weight:600; 
	}
.DonationSiteCont .site_title .icon { flex:0 0 auto; display:block; position:relative; margin-left:10px; width:32px; height:32px; border-radius:16px; }
	.DonationSiteCont .site_title.station .icon { background-color:#ec0045; }
	.DonationSiteCont .site_title.mobile .icon { background-color:#2a57ff; }
	.DonationSiteCont .site_title.drive .icon { background-color:#59a400; }
.DonationSiteCont .site_title .icon::after { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px;
	background:url(../images/icon_where_to_donate.png) no-repeat; background-size:200%; 
	}
	.DonationSiteCont .site_title.station .icon::after { background-position:right 60%; }
	.DonationSiteCont .site_title.mobile .icon::after { background-position:right 70%; }
	.DonationSiteCont .site_title.drive .icon::after { background-position:right 80%; }

.DonationSiteCont .site_cont { display:flex; justify-content:space-between; flex-wrap:wrap; }
.DonationSiteCont .site_cont .info dl { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
.DonationSiteCont .site_cont .info dt, .DonationSiteCont .site_cont .info dd { 
	padding-top:0.3611em; padding-bottom:0.3611em; margin-bottom:18px; line-height:1.5em;  font-size:1.125rem; 
	}
.DonationSiteCont .site_cont .info dt { 
	flex:0 0 auto; width:5.4em; padding-right:0.4em; padding-left:0.5em; background-color:#f2f2f2; border-radius:5px; 
	text-align:right; font-family:'Noto Sans TC', sans-serif; font-weight:600; 
	}
.DonationSiteCont .site_cont .info dd { width:calc(100% - 5.6em); padding-left:15px; }
.DonationSiteCont .site_cont .waiting_num div { 
	width:120px; padding:5px 12px 0 12px; border:1px solid #dbdbdb; background-color:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); border-radius:10px; 
	}
.DonationSiteCont .site_cont .waiting_num span { display:block; text-align:center; }
.DonationSiteCont .site_cont .waiting_num .label { border-bottom:1px solid #e5e5e5; font-family:'Noto Sans TC', sans-serif; font-weight:600; line-height:2.25em; }
.DonationSiteCont .site_cont .waiting_num .num { font-family:'Roboto', sans-serif; font-size:3rem; font-weight:700; color:#ec0045; line-height:1.25em; }
.DonationSiteCont .btns { flex:0 0 auto; display:flex; flex-wrap:wrap; padding-top:10px; margin-top:10px; }
.DonationSiteCont .btns a { 
	display:flex; align-items:center; border:2px solid #ee858c; padding:0 1em; margin:0 20px 10px 0; border-radius:5px; 
	line-height:3em; color:#ee858c; font-family:'Noto Sans TC', sans-serif; font-size:1.25rem; font-weight:600; text-decoration:none; 
	}
.DonationSiteCont .btns a::before { 
	content:''; display:block; width:30px; height:30px; margin-right:10px;
	background:url(../images/icon_where_to_donate.png) no-repeat; background-size:200%; 
	}
	.DonationSiteCont .btns .tran_plan::before { background-position:0 40%; }
	.DonationSiteCont .btns .street_view::before { background-position:0 50%; }
.DonationSiteCont .btns a:hover, .DonationSiteCont .btns a:focus { border-color:#ec0045; background-color:#ec0045; color:#fff; }
	.DonationSiteCont .btns .tran_plan:hover::before, .DonationSiteCont .btns .tran_plan:focus::before { background-position:right 40%; }
	.DonationSiteCont .btns .street_view:hover::before, .DonationSiteCont .btns .street_view:focus::before { background-position:right 50%; }

.DonationSiteCont .map { position:relative; }
.DonationSiteCont .map iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0; }
	/* RWD */
	@media screen and (max-width:479px) {
	.DonationSiteCont .site_cont .info { width:100%; margin-bottom:20px; }
	.DonationSiteCont .site_cont .waiting_num { width:100%; display:flex; flex-wrap:wrap; }
	.DonationSiteCont .site_cont .waiting_num div { margin:0 10px 10px 0; }
	}
	@media screen and (min-width:480px) and (max-width:1023px) {
	.DonationSiteCont .site_cont .info { width:calc(100% - 120px); padding-right:20px; }
	.DonationSiteCont .site_cont .waiting_num { width:120px; }
	.DonationSiteCont .site_cont .waiting_num div { margin-top:25px; }
	.DonationSiteCont .site_cont .waiting_num div:first-child { margin-top:0; }
	}
	@media screen and (min-width:1024px) and (max-width:1439px) {
	.DonationSiteCont .site_cont .info { width:100%; margin-bottom:20px; }
	.DonationSiteCont .site_cont .waiting_num { width:100%; display:flex; flex-wrap:wrap; }
	.DonationSiteCont .site_cont .waiting_num div { margin:0 10px 10px 0; }
	}
	@media screen and (min-width:1440px) {
	.DonationSiteCont .site_cont .info { width:calc(100% - 120px); padding-right:9%; }
	.DonationSiteCont .site_cont .waiting_num { width:120px; }
	.DonationSiteCont .site_cont .waiting_num div { margin-top:25px; }
	.DonationSiteCont .site_cont .waiting_num div:first-child { margin-top:0; }
	}

	@media screen and (max-width:1023px) {
	.DonationSiteCont > div { width:100%; }
	.DonationSiteCont .map { height:640px; max-height:calc(90vh - 64px); margin-top:30px; }
	}
	@media screen and (min-width:1024px) and (max-width:1279px) {
	.DonationSiteCont > div { width:calc(50% - 15px); }
	}
	@media screen and (min-width:1280px) {
	.DonationSiteCont > div { width:47.368%; }
	}

	@media screen and (max-width:639px) {
	.DonationSiteCont .site_cont .info dt { width:auto; margin-bottom:0; }
	.DonationSiteCont .site_cont .info dd { width:100%; padding-left:0; }
	}

/*----------------------------------------------------------------------*/
/* 聯絡我們 */
.ContactUs { display:flex; justify-content:space-between; flex-wrap:wrap; }
.ContactUs .item { width:100%; display:flex; flex-direction:column; flex-wrap:wrap; margin-bottom:16px; }
.ContactUs .item .label { font-family:'Noto Sans TC', sans-serif; font-weight:600; line-height:1.5em; }
.ContactUs .item .label .required { color:#e60012; font-weight:500; }
.ContactUs .item .cont { margin-top:5px; }
.ContactUs .item .cont input, .ContactUs .item .cont select, .ContactUs .item .cont textarea { width:100%; max-width:100%; margin:0; }

.ContactUs .section1 { display:flex; justify-content:space-between; flex-wrap:wrap; }
.ContactUs .section2 { display:flex; flex-wrap:wrap; }
.ContactUs .check_mag_err { display:flex; align-items:center; flex-wrap:wrap; margin-top:5px; color:#e60012; font-size:0.875rem; }
.ContactUs .check_mag_err::before { 
	content:'!'; display:inline-block; margin-right:5px; background-color:#e60012; border-radius:50%; width:16px; line-height:16px; 
	text-align:center; font-family:'Montserrat', sans-serif; color:#fff; font-weight:700; font-size:0.75rem; letter-spacing:0; 
	}
.ContactUs .feedback { 
	width:100%; background-color:#f5f5f5; border-radius:20px; margin:30px 0; padding:30px; line-height:1.5em; 
	font-family:'Noto Sans TC', sans-serif; font-size:1.125rem; word-break:break-all;
	}

	/* RWD */
	@media screen and (max-width:639px) {
	.ContactUs .section1 { width:100%; }
	.ContactUs .section2 { width:100%; }
	.ContactUs .section2 .msg .cont textarea { height:100px; }
	}
		@media screen and (min-width:480px) and (max-width:639px) {
		.ContactUs .section1 .name, 
		.ContactUs .section1 .tel, 
		.ContactUs .section1 .company, 
		.ContactUs .section1 .agency, 
		.ContactUs .section1 .form_type, 
		.ContactUs .section1 .consult_type { width:calc(50% - 10px); }
		}
	@media screen and (min-width:640px) {
	.ContactUs .section1 { width:47.36%; }
	.ContactUs .section2 { width:47.36%; flex-direction:column; }
	.ContactUs .section2 .item { flex:0 0 auto; }
	.ContactUs .section2 .msg { flex:1 1 auto; }
	.ContactUs .section2 .msg .label { flex:0 0 auto; }
	.ContactUs .section2 .msg .cont { flex:1 1 auto; }
	.ContactUs .section2 .msg .cont textarea { height:100%; }
	}
		@media screen and (min-width:960px) {
		.ContactUs .section1 .name, 
		.ContactUs .section1 .tel, 
		.ContactUs .section1 .company, 
		.ContactUs .section1 .agency, 
		.ContactUs .section1 .form_type, 
		.ContactUs .section1 .consult_type { width:calc(50% - 10px); }
		}