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

/*----------------------------------------------------------------------*/
/* 內頁 */
#Wrap { background-image: url(../images/content_bg.jpg); background-repeat: no-repeat; background-position: bottom center; }

/*----------------------------------------------------------------------*/
.paper {
    background: #fff; display: inline-block; vertical-align: top; position: relative; z-index: 1; margin-bottom: 50px; box-sizing: border-box; width: 100%;
    -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
}
.paper::after { content: ''; width: calc(100% - 30px); height: 100%; z-index: -1; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); background: #fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; opacity: .5; }

/*----------------------------------------------------------------------*/
/* 登入頁 */
.Login_box .inner { position: relative; }
.paper.small { max-width: 640px; }

/* animate-左右 */
/*
.future_box, .past_box { transition: transform .3s ease, opacity .3s ease; transform-origin: top; overflow: hidden; }
.past_box.show, .future_box.show { transform: translateX(0) rotateY(0deg); height: auto; opacity: 1; }
.past_box.hide, .future_box.hide { height: 0; opacity: 0; }
.past_box.hide { transform: translateX(-100%) rotateY(90deg); }
.future_box.hide { transform: translateX(100%) rotateY(90deg); }
*/

/* animate-旋轉 */
.future_box, .past_box { transition: transform .8s ease, opacity .5s ease; transform-origin: top; overflow: hidden; }
.past_box.show, .future_box.show { height: auto; transform: rotateY(0deg); opacity: 1; }
.past_box.hide, .future_box.hide { height: 0; transform: rotateY(-180deg); opacity: 0; }

/* 曾填寫/未填過 */
.tabs { margin-bottom: 10px; }
.tabs ul { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; }
.tabs li {
    font-size: 1.875em; font-weight: bold; background: #f1f1f1; padding: 12px 1em; border-left: 2px solid #ddd; color: #777; cursor: pointer;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.tabs li:hover { color: #333; }
.tabs li.active { background: #eee8f3; color: #541b85; }
.tabs li a { text-decoration: none; color: #777; display: block; }
.tabs li:hover a { color: #333; }
.tabs li.active a { background: #eee8f3; color: #541b85; }
.tabs li:first-child {
    padding-left: 1.25em; border: none;
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
}
.tabs li:last-child {
    padding-right: 1.25em;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
}

/* 相關聲明 */
.privacy_agreement_wrap { text-align: left; }
.privacy_title { text-align: center; margin-bottom: -20px; }
.privacy_title span { border: 2px solid #eee; background: #fff; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; display: inline-block; margin: 0 auto; font-size: 1.375em; font-weight: bold; line-height: 38px; padding: 0 1em; position: relative; }

.privacy_body { border: 2px solid #eee; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding: 3px; }
.privacy_body { line-height:1.5em; }
.privacy_body p { line-height:1.5em; }
.privacy_body ol { display: block; list-style-type: decimal; padding-left: 40px; }
.privacy_body ol ol { list-style-type: lower-alpha; }
.privacy_body li { display: list-item; text-align: -webkit-match-parent; margin-top: 5px; margin-bottom: 5px; }

.privacy_body .scroll { height:170px; padding: 25px 20px 10px 20px; overflow-y:scroll; }
.privacy_body .scroll::-webkit-scrollbar { -webkit-appearance:none; width:8px; }
.privacy_body .scroll::-webkit-scrollbar-track { border-radius:8px; background-color:#eee; }
.privacy_body .scroll::-webkit-scrollbar-thumb { border-radius:8px; background-color:rgba(0, 0, 0, .3); }
.privacy_body .scroll::-webkit-scrollbar-thumb:hover { background-color:#000; }

.privacy_bottom { padding-top: 20px; }
.privacy_agree { position: relative; padding-left: 1.825em; line-height: 1.5em; }
.privacy_agree span.text { font-weight: bold; }
.privacy_agree span.note { color: #b50080; }
.privacy_agree .control__indicator { top: 50%; margin-top: -9px; }

.desc_box .bigger_font { font-size: 1.25em; font-weight: bold; }
.desc_box p { margin: 10px 0; }

/*----------------------------------------------------------------------*/
/* 測驗題目 */
.test_list { padding: 30px 0 38px; }
.test_list .test_item:last-child { border: none; padding-bottom: 0; margin-bottom: 0; }
.test_item { border-bottom:1px dashed #ddd; padding: 8px 0 20px; margin-bottom: 1em; position: relative; line-height: 1.25em; }
.test_item > div { position: relative; }
.test_item .no { font-family: 'Poppins', sans-serif; font-weight: 500; color: #ce3b8f; position: absolute; left: 0; width: 45px; text-align: right; }
.que_box .cont { padding-bottom: 12px; font-weight: bold; font-size: 1.25em; line-height: 1.25em; }
.que_box .brand::before { content: '【'; }
.que_box .brand::after { content: '】'; }
.ans_box .inline_text { display: inline-block; padding-right: 1em; }
.ans_box .item { position: relative; padding-left: 1.5em; padding-top: 9px; padding-bottom: 9px; }
.ans_box.inline .item { display:inline-block; margin-right:20px; }

.test_item .with_other { line-height: 40px; }
.test_item .with_other input[type="text"] { width: auto; }
.ans_box.with_other .item { padding-top: 0; padding-bottom: 0; margin-bottom: 5px; }

.step_list { text-align: center; margin-top: 30px; }
.step_list ul { display: inline-block; }
.step_list ul li { float: left; color: #aaa; font-size: 1.25em; font-weight: bold; line-height: 1.5em; }
.step_list ul li.ed { color: #333; }
.step_list ul li .no { background: #aaa; color: #fff; width: 1.5em; height: 1.5em; display: inline-block; margin-right: .25em; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.step_list ul li.ed .no { background: #541b85; }
.step_list ul li::before { content: '\f105'; font-family:"Font Awesome 5 Pro"; font-weight:900; margin: 0 .5em; }
.step_list ul li:first-child::before { display: none; }

/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 標題 */
.articleTitle {
    border: 3px solid #ffdc73; text-align: center; padding: 11px 30px; margin-bottom: 20px;
	-webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;
}
.articleTitle h2 {	font-size:2em; letter-spacing: .06em; text-shadow: 0 3px 0 rgba(0,0,0,.1); line-height: 1.25em; }

.post_info { text-align:right; font-size: 0.9375em; margin: 10px 0; }
.post_info span { display:inline-block; margin-left:12px; color:#555; position: relative; line-height: 20px; }
.post_info span:first-child { margin-left:0; }

.post_info span.unit::before { content: "\f3c5"; display: inline-block; vertical-align: top; margin-right: .25em; font-family:"Font Awesome 5 Pro"; font-weight:900; }
.post_info span.date::before { content: "\f017"; display: inline-block; vertical-align: top; margin-right: .25em; font-family:"Font Awesome 5 Pro"; font-weight:900; }

.post_info.below { text-align:right; font-size:0; }
.post_info.below span { color: #333; font-weight: normal; padding-left: 12px; font-size:0.9375em; }
.post_info.below span::after { content: ''; position: absolute; top: 50%; left: -2px; width: 4px; height: 4px; margin-top: -2px; background: #f05559; border-radius: 50%; }
.post_info.below span:first-child { padding-left: 0; }
.post_info.below span:first-child::after { display: none; }

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

/*----------------------------------------------------------------------*/
/* 工具列 */
.ToolBar { text-align: right; }
.ToolBar .colm_right { display: inline-block; }
.ToolBar::after { content: ''; clear: both; display: block; }
.ToolBar a.guide_title { display: inline-block; vertical-align: top; line-height: 32px; }
.ToolBar { font-size:0.875em; color:#494949; box-sizing:border-box; letter-spacing: .08em; font-family: 'Poppins', "Microsoft JhengHei", "微軟正黑體", sans-serif; font-weight: 500; }
.ToolBar::after, .ToolBar .colm_left::after, .ToolBar dl.font_size::after, .ToolBar dl.share::after { content:''; display:block; width:100%; clear:both; }
.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%; width:32px; height:32px; margin:-16px 0 0 -16px; 
	background:url("../images/icon_toolbar.png") no-repeat; 
	}
.ToolBar .colm_left a, .ToolBar dl.font_size dd, .ToolBar dl.share dd { margin-bottom:10px; }
.ToolBar a { display:block; text-decoration:none; position:relative; }

.ToolBar .colm_left { display: inline-block; }
.ToolBar .colm_left a { float:left; margin-left:15px; color:#555; }
.ToolBar .colm_left a:first-child { margin-left:0; }
.ToolBar .colm_left a span { position:relative; display:inline-block; vertical-align:bottom; }
	.ToolBar .colm_left a.return span::after { background-position:0 0; }
	.ToolBar .colm_left a.print span::after { background-position:0 -35px; }
	.ToolBar .colm_left a.rss span::after { background-position:0 -280px; }
.ToolBar .colm_left a:hover, .ToolBar .colm_left a:focus { color:#ff9933; }
	.ToolBar .colm_left a.return:hover span::after, .ToolBar .colm_left a.return:focus span::after { background-position:right 0; }
	.ToolBar .colm_left a.print:hover span::after, .ToolBar .colm_left a.print:focus span::after { background-position:right -35px; }
	.ToolBar .colm_left a.rss:hover span::after, .ToolBar .colm_left a.rss:focus span::after { background-position:right -280px; }

.ToolBar dl.font_size > * { float:left; }
.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; }
	.ToolBar dl.font_size dd.font_small a::after { background-position:0 -70px; }
	.ToolBar dl.font_size dd.font_medium a::after { background-position:0 -105px; }
	.ToolBar dl.font_size dd.font_big a::after { background-position:0 -140px; }
	.ToolBar dl.font_size dd.font_small a:hover::after, .ToolBar dl.font_size dd.font_small a:focus::after { background-position:right -70px; }
	.ToolBar dl.font_size dd.font_medium a:hover::after, .ToolBar dl.font_size dd.font_medium a:focus::after { background-position:right -105px; }
	.ToolBar dl.font_size dd.font_big a:hover::after, .ToolBar dl.font_size dd.font_big a:focus::after { background-position:right -140px; }

.ToolBar dl.share > * { float:left; }
.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; }
.ToolBar dl.share .noscript a { font-size: 1rem; }
.ToolBar dl.share a:hover, .ToolBar dl.share a:focus { opacity: .6; }
	.ToolBar dl.share dd.facebook a::after { background-position:0 -175px; }
	.ToolBar dl.share dd.twitter a::after { background-position:0 -210px; }
	.ToolBar dl.share dd.line a::after { background-position:0 -245px; }

.ToolBar dl.share .noscript a { display:inline; }

/*----------------------------------------------------------------------*/
/* 列表搜尋 */
.ListSearch {
    box-sizing:border-box; position:relative; background: #eee; 
    -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
}
.ListSearch:after { content:""; display:block; clear:both; }
.ListSearch .title { display: none; }
.ListSearch .item { float:left; margin-right:10px; margin-bottom:5px; font-size: 1.125em; }
.ListSearch .item .label { line-height:30px; font-weight: bold; font-size: 1rem; }
.ListSearch .btns { float:left; clear:none; margin-bottom:8px; }
.ListSearch .btn_search {
    background: #f4a657; position: relative;
    -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;
}
.ListSearch .btn_search:hover { background: #7e4e2b; }
.ListSearch .btn_search input { text-indent: -9999px; width: 100%; height: 100%; position: relative; z-index: 2; }
.ListSearch .btn_search::before { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; text-align: center; font-family:"Font Awesome 5 Pro"; font-weight:900; content: "\f002"; font-size: 1.125rem; color: #fff; }

.ListSearch.FormElmt input[type="text"] { width:260px; font-size:1em; background-color:#fff; }
.ListSearch.FormElmt select { font-size:1em; background-color:#fff; }
	
/*----------------------------------------------------------------------*/
/* 分類下拉 */
.CatTitle { margin:15px 0; }
.CatTitle::after { content:''; display:block; width:100%; clear:both; }
.CatTitle h3 { display:inline-block; font-weight:normal; line-height:2.25rem; font-size:1.375em; }
.CatTitle .cat_select { line-height:36px; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top; font-size:1em; font-weight:400; }
.cat_select.FormElmt select { background-color:#eee; -webkit-box-shadow:none; -moz-box-shadow:none;	box-shadow:none; border:1px solid #eee; }
.cat_select.FormElmt select:focus { border:1px solid #aaa; }
.CatTitle .cat_select .btn { color:#fff; background-color:#333; margin:0 0 0 5px; padding:0 12px; height:36px; line-height:36px; font-size:0.9375em; }
.CatTitle .cat_select .btn:hover { background-color:#ff9933; }

/*----------------------------------------------------------------------*/
/* 頁碼 */
#Pagination { clear:both; text-align:center; position: relative; margin-top:10px; }
#Pagination .pages { display:inline-block; }
#Pagination a {
    display:inline-block; width:35px; text-decoration:none; line-height:35px; color:#333; margin: 0 2px;
    font-family: 'Poppins', "Microsoft JhengHei", "微軟正黑體", sans-serif; font-weight: 500;
    -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;
}
#Pagination a:hover, #Pagination a:focus { color:#c77e52; }
#Pagination a.focuz { color:#fff; background-color: #c77e52; }
	#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { width:auto; padding:0 13px; font-family: "Microsoft JhengHei", "微軟正黑體", sans-serif; position: relative; }
    #Pagination a.first:hover, #Pagination a.prev:hover, #Pagination a.next:hover, #Pagination a.last:hover { background-color: #c77e52; color: #fff; }
    #Pagination a.first:focus, #Pagination a.prev:focus, #Pagination a.next:focus, #Pagination a.last:focus { background-color: #c77e52; color: #fff; }

#Pagination .current { width:auto; background-color:transparent; cursor:default; }
	#Pagination .current:hover { color:#333; background-color:transparent; }
	
#Pagination .setting { display:block; clear:both; line-height:32px; color:#333; font-size:0.9375em; padding-top:14px; }
#Pagination .setting select { padding:5px 0 5px 4px; height:32px; vertical-align:top; }
#Pagination .setting input { vertical-align:top; }
#Pagination .setting input[type="text"] { width:20px; height:30px; padding:0 5px; }
#Pagination .setting select, #Pagination .setting input[type="text"] {
	border:1px solid #ccc;
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
#Pagination .setting select:focus, #Pagination .setting input[type="text"]:focus { outline: none; border: 1px solid #c77e52; }
#Pagination .setting input[type="button"] {
    height:32px; padding:0 9px; margin-left:3px; color:#fff; font-size:1rem; letter-spacing: .05em;
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
    font-family: 'Poppins', "Microsoft JhengHei", "微軟正黑體", sans-serif; font-weight: 500;
    background: #c77e52;
}
#Pagination .setting input[type="button"]:hover, #Pagination .setting input[type="button"]:focus { background-color:#fad8be; color: #c77e52; }

#Pagination a.prev { margin-right:10px; }
#Pagination a.next { margin-left:10px; }

#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:30px 0 15px 0; clear:both; text-align:center; font-size:1em; display:none; }
.inPagination .pages { display:inline-block; }
.inPagination a {
	display:inline-block; width:35px; line-height:35px; margin:0 4px 12px 4px; background-color:#fff4d5; color:#804418; text-decoration:none;
    font-family: 'Poppins', "Microsoft JhengHei", "微軟正黑體", sans-serif; font-weight: 500;
	-webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;
	}
.inPagination a:hover, .inPagination a:focus { background-color:#fcd13e; }
.inPagination a.focuz { color:#fff; background-color: #ff9933; }

/*----------------------------------------------------------------------*/
/* 檔案下載icon */
.file_ext { display:inline-block; position:relative; }
.file_ext::before { content:''; display:block; position:absolute; top:0; left:0; width:20px; height:20px; }
	.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:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px;
	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"); }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { margin-top:20px; margin-bottom: 20px; position:relative; }
.ListTable table { width:100%; }

.ListTable td.title { font-size: 1.125em; line-height:150%; }
.ListTable td.title a { display:block; color:#333; text-decoration:none; }
.ListTable td.title a:hover, .ListTable td.title a:focus { color:#ff7e00; text-decoration:underline; }
.ListTable td.no { font-family: 'Poppins', "Microsoft JhengHei", "微軟正黑體", sans-serif; font-weight: 500; }

/*----------------------------------------------------------------------*/
/* 按鈕們 */
.btnBox { padding-bottom:10px; overflow:hidden; position:relative; }
.btnBox.tc { text-align:center; }
.btnBox.tr { text-align:right; }
.btnBox > div { display:inline-block; }
.btnBox.tr > div > div { display:inline-block; margin-left: 8px; }
.btnBox a, .btnBox input {
	display:block; background:#fff; border:2px solid #555; padding:0 20px; 
	color:#333; height:36px; font-size:1rem; letter-spacing:0.5px; text-align:center;
	-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;
	transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease;
	}
.btnBox a { text-decoration:none; line-height:36px; text-align:center; }
.btnBox a:hover { text-decoration:none; background:#541b85; border:2px solid #541b85; color:#fff; }
.tabs + .btnBox { padding-top: 10px; }
.btnBox + .ListTable { margin-top: 5px; }

.btnBox a::before { font-family:"Font Awesome 5 Pro"; font-weight:900; margin-right:5px; }
.btnBox .add a::before { content:"\f067"; }
.btnBox .edit a::before { content:"\f044"; }
.btnBox .del a::before { content:"\f2ed"; }
.btnBox .save a::before { content:"\f0c7"; }
.btnBox .cancel a::before { content:"\f00d"; }
.btnBox .check a::before { content:"\f00c"; }
.btnBox .back a::before { content:"\f0e2"; }
.btnBox .search a::before { content:"\f002"; }
.btnBox .sync a::before { content:"\f2f1"; }
.btnBox .eye a::before { content:"\f06e"; }
.btnBox .send a::before { content:"\f0e0"; }

.btnBox input { line-height:34px; position:relative; }
.btnBox input:hover { background:#ff9933; border:2px solid #ff9933; color:#fff; }

/* 通用a連結按鈕 */
a.btn_style { 
	display:inline-block; background:#b61885; color:#fff; text-align:center; text-decoration:none; font-weight: bold; padding: 5px 1em;
	-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;
	}
	a.btn_style + a.btn_style { margin-left:10px; }
	input[type="text"] + a.btn_style { margin-left:5px; }
	a.btn_search::before { font-family:"Font Awesome 5 Pro"; font-weight:900; content: "\f002"; }
	a.btn_edit::before { font-family:"Font Awesome 5 Pro"; font-weight:900; content: "\f044"; }
	a.btn_del::before { font-family:"Font Awesome 5 Pro"; font-weight:900; content: "\f2ed"; }
	a.btn_style::before { margin-right: .25em; }
	a.btn_style.only_icon::before { margin-right: 0; }
a.btn_style:hover { background:#c77e52; }

.ListTable a.btn_style { 
	padding: 6px 1.25em; line-height: 1.375em;
	-webkit-border-radius:1.5em; -moz-border-radius:1.5em; border-radius:1.5em;
    background:#777;
	}
.ListTable a.btn_style:hover { background:#c77e52; }
.ListTable a.btn_style.btn_edit { background:#d04090; }
.ListTable a.btn_style.btn_edit:hover { background:#b61885; }

.go_btn { -webkit-border-radius:1.5em; -moz-border-radius:1.5em; border-radius:1.5em; }
a.btn_style.go_btn { padding: 5px .75em 5px 1em; }
.go_btn::after { font-family:"Font Awesome 5 Pro"; font-weight:900; content: "\f101"; margin-left: 8px; margin-right: 4px; opacity: 1; animation: move-right 1s ease infinite; }
@keyframes move-right {
    0% { margin-left: 8px; margin-right: 4px; opacity: 1; }
    25% { margin-left: 4px; margin-right: 8px; opacity: .8; }
}

/*----------------------------------------------------------------------*/
/* 分析結果 */
.Block_title { text-align: center; position: relative; margin-bottom: 15px; }
.Block_title::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #eee; pointer-events: none; }
.Block_title span { position: relative; z-index: 1; display: inline-block; background: #541b85; color: #fff; border: 2px solid #bba4ce; font-size: 1.375em; font-weight: bold; line-height: 46px; padding: 0 1em; -webkit-border-radius:1.5em; -moz-border-radius:1.5em; border-radius:1.5em; }

.Block_item { padding-bottom: 30px; }

/*----------------------------------------------------------------------*/
/* 分析結果-表頭 */
.result_header {
    color: #fff; position: relative; box-sizing: border-box; font-weight: bold; margin: 30px 0 40px 20px;
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
    background: linear-gradient(to right, #541b85 0%,#bb0d83 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#541b85', endColorstr='#bb0d83',GradientType=1 );
}
.result_header::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/art_line.png) no-repeat center; pointer-events: none; background-size: cover; }
.result_header .post_info { margin: 0; font-size: 0.875em; }
.result_header .post_info span { color: #fff; line-height: 1; }
.result_header .contBox { position: relative; }
.result_header .titleBar { font-size: 1.625em; line-height: 1.375em; }
.result_header .titleBar .t1::after { content: ' - '; }
.result_header .titleBar .t2 { color: #f0c4dd; }
.result_header .icon img { max-height: 100%; max-width: 100%; }

.resultBar {
    background: #fff; color: #333; display: inline-block; align-items: center; font-size: 1.125em; padding: 5px 1.25em;
    -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;
}
.resultBar .inner_box { display: flex; align-items: center; justify-content: center; }
.result_levels { color: #541b85; display: table; padding-right: .75em; flex-shrink: 0; }
.result_levels > span { display: table-cell; vertical-align: middle; }
.result_levels .en { color: #ce3b8f; font-family: 'Poppins', "Microsoft JhengHei", "微軟正黑體", sans-serif; font-weight: 700; padding-left: .15em; }
.result_levels .en { font-size: 2.0834em; }
.result_cont { border-left: 2px solid #f0c4dd; min-height: 40px; padding-left: .75em; display: table; line-height: 1.25em; }
.result_cont > span { display: table-cell; vertical-align: middle; }

/*----------------------------------------------------------------------*/
/* 品牌強度落點分析-圖表 */
.chart_wrap { margin: 5px 0; }
.chart_box iframe { width: 100%; height: 450px; }

/* 品牌強度落點分析-表格 */
.level_ball { background: #777; color: #fff; font-size: 1.125em; font-weight: bold; width: 35px; height: 35px; line-height: 35px; text-align: center; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; letter-spacing: 0; }
.level_ball.strong { background: #541b85; position: relative; }
.level_ball.medium { background: #ce3b8f; }
.level_ball.strong::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #541b85; opacity: .7; z-index: -1; pointer-events: none; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; animation: flash 1s infinite; transform: scale(1); }
@keyframes flash {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

.chart_table td { vertical-align: middle; padding-top: 10px; padding-bottom: 10px; line-height: 1.25em; text-align: justify; }
.chart_table .label { font-size: 1.125em; font-weight: bold; white-space: nowrap; padding-left: 15px; padding-right: 15px; }

/* 品牌強度落點分析-建議 */
.suggest_box {
    background-color: #101841; background-image: url(../images/block_bg.png); background-position: right bottom; background-repeat: no-repeat; padding: 10px 30px; margin: 10px 0 20px;
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}
.suggest_box .title { color: #fff; font-size: 1.375em; font-weight: bold; line-height: 1.5em; padding-top: 10px; max-width: 720px; }
.suggest_box .title span { color: #f2c798; }

.suggest_items .item { background: #fff; margin: 15px 0; display: table; width: 100%; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; overflow: hidden; }
.suggest_items .item > div { display: table-cell; vertical-align: middle; }
.suggest_items .label { line-height: 1.5em; white-space: nowrap; text-align: center; padding: 0 1.25em; position: relative; background: #f2edf5; color: #541b85; font-size: 1.25em; font-weight: bold; width: 155px; box-sizing: border-box; }
.suggest_items .label::after {
    content: ''; position: absolute; top: 50%; right: -8px; margin-top: -8px;
    width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #f2edf5;
}
.suggest_items .cont { line-height: 1.5em; padding: 2px 15px 2px 20px; }

.suggest_box.max { min-height: 130px; display: flex; align-items: center; }
.suggest_box.max .title { padding-top: 0; }

/*----------------------------------------------------------------------*/
/* 企業品牌輔導 */
.two_color_table { margin-top: 30px; }
.two_color_table table { width: 100%; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; overflow: hidden; border-spacing: 0; }
.two_color_table th, .two_color_table td { padding: 15px 20px; box-sizing: border-box; line-height: 1.5em; }
.two_color_table th { width: 200px; background: #f2edf5; }
.two_color_table th .title { font-size: 1.5em; color: #541b85; }
.two_color_table td { background: #f5f5f5; }

/*----------------------------------------------------------------------*/
/* 專屬議題 */
.issue_title { border-bottom: 2px solid #eee; font-weight: bold; line-height: 2em; padding-bottom: 7px; }
.issue_title > div { display: inline-block; vertical-align: middle; margin-bottom: 7px; }
.issue_title .flag { background: linear-gradient(to right, #541b85, #bb0d83); color: #fff; font-size: 1.25em; padding: 7px 1.25em; -webkit-border-radius:1.5em; -moz-border-radius:1.5em; border-radius:1.5em; margin-right: 8px; }
.issue_title .flag span { color: #f0c4dd; }
.issue_title .title { font-size: 1.5em; color: #541b85; }

.issue_items .item { border-bottom: 1px solid #eee; }
.issue_item_title { display: inline-block; padding: 10px 1.25em; background: #f2edf5; color: #541b85; font-size: 1.125em; line-height: 1.125em; font-weight: bold; -webkit-border-radius:1.5em; -moz-border-radius:1.5em; border-radius:1.5em; margin-top: 20px; }

.issue_items .video { margin: 20px 0; position: relative; padding-bottom: 56.25%; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; overflow: hidden; }
.issue_items .video video, .issue_items .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*----------------------------------------------------------------------*/
/* 企業證言及發言人 */
.testimony_list {
    display: flex; justify-content: center; background: #f2edf5; padding: 30px 20px; margin: 20px 0;
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}
.testimony_list > div { flex: 1; padding: 0 15px; }
.testimony_list .item > div { background: #fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding: 20px 25px 20px 50px; position: relative; line-height: 1.5em; }
.testimony_list .item > div::before { content:"\f10d"; font-family:"Font Awesome 5 Pro"; font-weight:900; color: #fff; background: #b61885; width: 35px; height: 35px; line-height: 35px; text-align: center; position: absolute; top: 0; left: 0; -webkit-border-radius:8px 0 8px 0; -moz-border-radius:8px 0 8px 0; border-radius:8px 0 8px 0; }
.testimony_list .name { font-weight: bold; margin-top: 10px; }
.testimony_list .name span::before { content: ' - '; }
.testimony_list .name span:first-child::before { display: none; }

/*----------------------------------------------------------------------*/
/* 案例分享列表 */
.case_list {
    display: flex; justify-content: center; border: 2px solid #eee; padding: 26px 16px; margin: 30px 0;
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}

.case_list .img > div { padding-bottom:56.25%; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; position:relative; }
.case_list .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-10000px; }
.case_list .img > div::before { font-family:"Font Awesome 5 Pro"; font-size: 1.375em; width: 50px; height: 50px; line-height: 50px; text-align: center; color: rgba(255,255,255,.9);  box-shadow: 2px 3px 5px rgba(0,0,0,.2); position: absolute; right: 15px; bottom: 15px; z-index: 5; pointer-events: none; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; box-sizing: border-box; }

.case_list .img.article > div::before { background: rgba(84,27,133,.7); content:"\f1ea"; font-weight:300; -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); }
.case_list .img.video > div::before { background: rgba(189,30,30,.7); content:"\f04b"; font-weight:900; }

.case_list .cont { line-height: 1.5em; }
.case_list .title a { text-decoration: none; color: #333; font-weight: bold;  font-size: 1.125em; }
.case_list .title a:hover { color: #b61885; }

/* hover效果 */
.case_list .img, .case_list .img > div, .case_list .img > div::before, .case_list .title a { 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.case_list .img:hover > div {
    transform:scale(1.05); 
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.2);
	box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}
.case_list .img.article:hover > div::before { color: #fff; background: rgba(84,27,133,1); }
.case_list .img.video:hover > div::before { color: #fff; background: rgba(189,30,30,1); padding-left: 4px; }

/*----------------------------------------------------------------------*/
/* 更多案例 */
.link_box {
    background-color: #101841; background-image: url(../images/block_bg.png); background-position: right bottom; background-repeat: no-repeat; padding: 35px 30px; margin: 10px 0 20px;
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
    display: flex;
}
.link_box .logo { width: 300px; max-width: 100%; margin-right: 70px; }
.link_box .title { color: #f2c798; font-size: 1.875em; font-weight: bold; margin-bottom: 16px; }
.link_box .btn a { background: #f2c798; color: #101841; border: 1px solid #f2c798; text-decoration: none; font-size: 1.125em; font-weight: bold; display: inline-block; line-height: 1.25em; padding: 6px 1em 6px 1.25em; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }
.link_box .btn a:hover { background: #101841; color: #f2c798; border: 1px solid #f2c798; }
.link_box .title::before { content: '【'; }
.link_box .title::after { content: '】'; }