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

/*----------------------------------------------------------------------*/
/* Header */

/*----------------------------------------------------------------------*/
/* 內頁 */
#Center > div { max-width:1280px; margin:0 auto; }
#Center::after{ content:''; display:block; clear:both; }
#ColumnCenter { background-color:#fff; overflow:hidden; 
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
#ColumnCenter > *:last-child { margin-bottom:0; }
#ColumnCenter .InsideContBox{ margin-top:2.5rem; }


/*----------------------------------------------------------------------*/
/* 左側欄選單 */
#ColumnLeft{ width:240px; margin-right:40px; float:left; background-color:#fff; margin-bottom:30px;
    border:3px solid #cf4747; 
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.ContLeftTitle{ background-color:#cf4747; color:#fff; 
    font-family:'Noto Sans TC', "Microsoft JhengHei", "微軟正黑體", 'Arial',  sans-serif;
    padding-top:10px; padding-bottom:10px; text-align:center; font-size:1.25em;
}
.ContLeftTitle a{ color:#fff; }
.ContLeftTitle a:hover{ opacity:0.85; }
.ContLeftMenu { padding:5px 20px; }
.ContLeftMenu > ul > li { border-bottom:1px dotted #dedede; }
.ContLeftMenu > ul > li:last-child{ border-bottom:0; }
.ContLeftMenu > ul > li a{ display:block; }
.ContLeftMenu > ul > li > a{ padding:10px 5px; }
.ContLeftMenu > ul > li > ul{ padding-left:20px; margin-bottom:10px; }
.ContLeftMenu > ul > li > ul > li{ margin-bottom:5px; }
.ContLeftMenu > ul > li > ul > li a { position:relative; font-size:0.875em; color:#555; line-height:24px; padding-left:12px;}
.ContLeftMenu > ul > li > ul > li a::before{ content:''; display:block; width:5px; height: 5px; 
    border-right:2px solid #888; border-bottom:2px solid #888; position:absolute; top:8px; left:0; transform: rotate(-45deg); 
}
.ContLeftMenu > ul > li > ul > li a:hover, .ContLeftMenu ul > li a:focus{ color:#cf4747; }
.ContLeftMenu > ul > li > ul > li a:hover::before, .ContLeftMenu > ul > li > ul > li a:focus::before{ border-color:#cf4747; }


/*----------------------------------------------------------------------*/
/* 標題 */
.page_header{ overflow:hidden; }
.PageTitle { display: block; overflow: hidden; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-bottom:5px;}  
.PageTitle h2 { line-height:150%; font-size:125%; color:#333; position:relative; z-index:999; font-weight:400; padding:5px; }


/*----------------------------------------------------------------------*/
/* 文章內容 */
h3.title { clear:both; font-size:150%; font-weight:normal; color:#333; margin-bottom:15px;}
h3.title span { line-height: 160%;}
h3.cont-title, h4.cont-title{ color:#35a3b0; font-size: 125%;  line-height: 1.6; margin-bottom:10px; font-weight:normal;}


/*文章日期*/
.postdate { margin-top:15px; margin-bottom:20px; font-size:0.875rem; color:#9d9d9d; font-family:Arial, Helvetica, sans-serif; position:relative; padding-left:15px; } 
.postdate::before { content:''; position:absolute; top:0; left:0; width:80px; height:15px; 
    background: url(../images/icon_date.png) no-repeat 0 center; padding-left: 15px; 
}

/*文章更新日期*/
.post_info { clear:both; padding:5px 35px 5px 0; }
.post_info span { display:inline-block; margin-right: 5px; padding-right: 8px; vertical-align: middle;
    line-height:16px; color:#8b8b8b; font-size:81.25%; border-right: 1px solid #dedede; margin-bottom: 5px;
}
.post_info span:first-child{ margin-left:0; border-left:0;}
.post_info span:last-child{ border-right:0; }
.post_info span.date { padding-left: 14px; background:url("../images/icon_date.png") no-repeat 0 center; font-family:Arial, Helvetica, sans-serif; }
.post_info span.issue { padding-left: 14px; background:url("../images/icon_date.png") no-repeat 0 center; }
.post_info span.tag { padding-left: 14px; background-color:#ea5597; padding:5px 10px; color:#fff; border:0; }
.post_info span.author { padding-left: 14px; background:url("../images/icon_author.png") no-repeat 0 center; }
.post_info.below { padding-right:0; margin-top:0;  text-align: right; }

/* 有層級 */
.post_info dl > *{ float:left; }
.post_info dt{ display:none; }
.post_info dt::after{ content:'：'; }
.post_info dd{ border-right:1px solid rgba(255,255,255,0.5); padding-right:5px; margin-right:5px; }
.post_info dd:last-child{ margin-right:0; padding-right:0; border-right:0; }


/* 內頁顯示欄位 */
.content_info { padding:10px 0; margin-top:10px; margin-bottom:20px; }
.content_info > div { background-color:#f8f8f8; border-left:5px solid #e0e0e0; padding:10px; }
.content_info li span { font-size:0.875rem; line-height:180%; font-family:"Heiti TC", "微軟正黑體",'Arial', sans-serif; }
.content_info li span.title { font-weight:bold; color:#444; white-space:nowrap; }
.content_info li span.title::after { content:"："; }
.content_info li span.cont { color:#646464; }
.content_info li a { word-break:break-all; }

/* 文章標籤 */
.article_tag { margin:-10px 0 20px 0; }
.article_tag dl > * { display:inline-block; position:relative; color:#5d5d5d; font-size:87.5%; }
.article_tag dd{ margin-right:7px; }
.article_tag dd::before{ content:'#'; margin-right:3px; color:#666; }
.article_tag dd:last-child::after { content:''; }
.article_tag dd a { display:inline-block; color:#666;  }
.article_tag dd a:hover { color:#ea5597; }
.article_tag dd:hover::before{ color:#ea5597; }

/* 上下篇文章 */
.prevNextLink { padding-top:30px; clear:both; }
.prevNextLink > div { overflow:hidden; }
.prevNextLink .prev, .prevNextLink .next { width:46%; box-sizing:border-box; }
.prevNextLink .prev:hover, .prevNextLink .next:hover { background-color:#f5f5f5; }
.prevNextLink .prev { float:left; border-top:1px solid #ddd; border-bottom:3px solid #ddd; }
.prevNextLink .next { float:right; border-top:1px solid #ddd; border-bottom:3px solid #ddd; text-align:right; }
.prevNextLink a { display:block; padding:0 15px 10px 15px; text-decoration:none; color:#333; line-height:150%; }
.prevNextLink a span { display:block; padding-top:10px; padding-bottom:10px; font-size:150%; color:#999999; position:relative; }
.prevNextLink a:hover span{ color:#cf4747; }
.prevNextLink .prev a span { padding-left:30px; padding-right:15px; }
.prevNextLink .next a span { padding-left:15px; padding-right:30px; }
.prevNextLink a span::after { 
    content:''; display:block; position:absolute; top:50%; margin-top:-7px; width:14px; height:14px; 
    border-bottom:2px solid #a4a4a4; border-left:2px solid #a4a4a4;
}
.prevNextLink .prev a span::after { 
    left:5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.prevNextLink .next a span::after { 
    right:5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(-135deg);
}
.prevNextLink a:hover span::after{ border-color:#cf4747; }


/*----------------------------------------------------------------------*/
/* 選才電子報 */
.newsletterBox h3.title{ color:#c2000b; border-left:6px solid #c2000b; padding-left:10px; 
    line-height:30px; font-size:1.5em; font-weight:500;
}
.newsletterBox h4.title{ color:#333333; font-size:1.375em; border-bottom:1px solid #cccccc; font-weight:400; 
    padding-bottom:5px; margin-bottom:20px; font-weight:500;
}

/*焦點文章*/
.ArticleList::after{ content:''; display:block; clear:both; }
.ArticleList .item{ width:50%; float:left; margin-bottom:25px; }
.ArticleList .item:nth-child(odd) > div{ padding-right:20px; }
.ArticleList .item:nth-child(even) > div{ padding-left:20px; }

.ArticleList .item:nth-child(4n+1) .img a { background-image:url('../../../layout/img_newsletter_default1_h.jpg'); }
.ArticleList .item:nth-child(4n+2) .img a{ background-image:url('../../../layout/img_newsletter_default2_h.jpg'); }
.ArticleList .item:nth-child(4n+3) .img a{ background-image:url('../../../layout/img_newsletter_default3_h.jpg'); }
.ArticleList .item:nth-child(4n+4) .img a{ background-image:url('../../../layout/img_newsletter_default4_h.jpg'); }

.ArticleList .item .img{ overflow:hidden; }
.ArticleList .item .img a{
    display:block;
    width:100%;
    height:100%; 
    padding-bottom:42.22222%; 
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
}
.ArticleList .item .img:hover a{ transform:scale(1.04); }
.ArticleList .item .info{ border-bottom:1px dotted #ccc; font-size:0.875em; color:#777777; 
    padding-top:8px; padding-bottom:8px; margin-bottom:5px;
}
.ArticleList .item .info::after{ content:''; display:block; clear:both; }
.ArticleList .item .info > div{ display:inline-block; border-right:1px solid #cccccc; 
    padding-right:8px; padding-left:4px; 
}
.ArticleList .item .info > div:last-child{ border-right:0; }
.ArticleList .item .title a{ display:block; color:#222222; font-size:1.125em;
    /*overflow:hidden; white-space: nowrap; text-overflow: ellipsis; */  
}
.ArticleList .item .title a:hover{ color:#c2000b; }

/* 類別清單 */
.category_list .box{ margin-bottom:25px; }
.category_list .title{ background-color:#f0f0f0; color:#444444; border-left:3px solid #c2000b; 
    line-height:40px; font-size:1.25em; padding-left:10px; margin-bottom:5px; font-weight:500;
}
.category_list .cate{ padding-left:15px; font-size:0.938em; color:#333333; 
    border-bottom:1px dotted #cccccc; padding:5px 15px; margin-bottom:5px; font-weight:bold;
}
.category_list .item ul{ padding-left:15px; margin-bottom:10px; } 
.category_list .item ul li{ position:relative; padding-left:12px; line-height:28px; } 
.category_list .item ul li::before{ content:''; position:absolute; width:6px; height:6px; 
    background-color:#bbbbbb; top:10px; left:0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
} 

/* 相關連結區 */
.newsletterBox .link_box{ background-image:url('../images/bg4.jpg');
    padding:25px 20px; 
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.newsletterBox .link_box::after{ content:''; display:block; clear:both; }

.newsletterBox .link_box .cont{ overflow:hidden;}
.newsletterBox .link_box .img{ float:left; }
.newsletterBox .link_box .img1{ max-width:130px; margin-right:20px; }
.newsletterBox .link_box .img2{ max-width:180px; margin-right:20px; }
.newsletterBox .link_box .img img{ width:100%; height:auto; }
.newsletterBox .link_box .text{ color:#444; font-size:0.875em; line-height:26px; padding:20px; }

.newsletterBox .link_box .links{ margin:auto; }
.newsletterBox .link_box .links .btn{ margin-bottom:15px; 
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.newsletterBox .link_box .links .btn a{ display:block; border:0; padding: 0 20px 0 30px; }
.newsletterBox .link_box .links .btn a::before{ display:none; }
.newsletterBox .link_box .links .btn:hover{ opacity: 0.8; background-color:inherit; }
.newsletterBox .link_box .links .btn a:hover{ opacity: 0.8; background-color:inherit; }
.newsletterBox .link_box .links .btn span{ display:block;  border:0;  color:#fff; font-size:1.063em; }
.newsletterBox .link_box .links .btn span::before{ content:''; display:inline-block; margin-right:5px;
    background:url('../images/icon_newsletter.png') no-repeat 0 -10px; vertical-align:middle; 
}
.newsletterBox .link_box .links .btn.subscribe{ background-color:#4ac3cb; box-shadow:5px 5px 0 rgba(90,181,187,0.35); }
.newsletterBox .link_box .links .btn.subscribe span::before{ background-position: -8px -10px; width:35px; height:35px; }
.newsletterBox .link_box .links .btn.paper{ background-color:#db7e89; box-shadow:5px 5px 0 rgba(193,148,154,0.35); }
.newsletterBox .link_box .links .btn.paper span::before{ background-position: -8px -60px; width:35px; height:35px;  }
.newsletterBox .link_box .links .btn.search { background-color:#9281cb; box-shadow:5px 5px 0 rgba(161,148,203,0.35); }
.newsletterBox .link_box .links .btn.search span::before{ background-position: -6px -110px; width:40px; height:35px;  }


/*----------------------------------------------------------------------*/
/* 各期目錄 */
.MgzCatList::after { content:''; display:block; width:100%; clear:both; }
.MgzCatList .item { float:left; box-sizing:border-box; margin-bottom:30px; position:relative; }
.MgzCatList .item .img a{ padding-bottom:136%; background-size:cover; background-repeat:no-repeat; 
    background-position:center center; position:relative; box-shadow:0 0px 0px rgba(0,0,0,0); 
}
.MgzCatList .item .img a { display:block; width:100%; height:100%; z-index:2; }
.MgzCatList .item:nth-child(4n+1) .img a{ background-image:url('../../../layout/img_newsletter_default1.jpg'); }
.MgzCatList .item:nth-child(4n+2) .img a{ background-image:url('../../../layout/img_newsletter_default2.jpg'); }
.MgzCatList .item:nth-child(4n+3) .img a{ background-image:url('../../../layout/img_newsletter_default3.jpg'); }
.MgzCatList .item:nth-child(4n+4) .img a{ background-image:url('../../../layout/img_newsletter_default4.jpg'); }

.MgzCatList .item .cont { text-align:center; box-sizing:border-box; }
.MgzCatList .item .periods { margin-top:10px; margin-bottom:5px; font-size:1.5em; 
    font-weight:bold; color:#444;
}
.MgzCatList .item .info{ font-size:0.875em; color:#888; margin-bottom:2px; 
    border-bottom:1px solid #ddd; padding:3px 0;
}
.MgzCatList .item .info > span{ border-right:1px solid #bbb; padding-right:5px; display:inline-block; }
.MgzCatList .item .info > span:last-child{ border-right:0; padding-right:0; }
.MgzCatList .item .title a { font-size:0.938em; display:block; text-decoration:none; 
    color:#444; box-sizing:border-box; font-family:"Microsoft JhengHei", "微軟正黑體", sans-serif;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 48px;
}

.MgzCatList .item .btns { margin-top:10px; }
.MgzCatList .item .btns a { 
    display:inline-block; padding:0 12px; margin-bottom:5px; box-sizing:border-box; position:relative; 
    color:#fff; font-size:0.938em; font-weight:bold; line-height:32px; text-decoration:none;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
    -webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 6px rgba(0,0,0,0.2);
    box-shadow:0 0 6px rgba(0,0,0,0.2);
}
.MgzCatList .item .btns a:hover { opacity:0.8; padding:0 15px; }
.MgzCatList .item .btns a.detail { background-color:#38aa91; }
.MgzCatList .item .btns a.download { background-color:#ea5597; }

/* hover效果 */
.MgzCatList .item .title a:hover { color:#c2000b; }
.MgzCatList .item .img:hover { box-shadow:0 0 15px rgba(0,0,0,0.3);}


/*----------------------------------------------------------------------*/
/* 進階搜尋(選才電子報) */
.NewsletterSearch .title{ color: #c2000b; border-left: 6px solid #c2000b; padding-left: 10px;
    line-height: 30px; font-size: 1.5em; font-weight: 500; 
}
.NewsletterSearch .text{ color:#333; margin-bottom:25px; }
.NewsletterSearch .text span{ position:relative; z-index:99; box-shadow: inset 0 -0.33333em rgba(255,236,168,1); /* 螢光筆樣式 */ }
/*.NewsletterSearch .text span::after{ content:''; display:block; width:100%; height:5px; 
    background-color:#ffeca8; position:absolute; bottom:0; left:0; z-index:-1;
}*/ /*這是用絕對路徑寫的螢光筆*/

.NewsletterSearch .FormGroupWarp{ margin-bottom:30px; }
.NewsletterSearch .FormTableWrap{ margin-bottom:20px; }
.NewsletterSearch .form_group_title span{ background-color:#9281cb; }
.NewsletterSearch .FormGroupWarp .FormTable > tbody > tr > th, 
.NewsletterSearch .FormTable > tbody > tr > td{
    font-size:1em;  
}

/* 關鍵字搜尋結果頁 */
.ResultList h3.title{ font-size:1.25em; border-bottom:1px solid #333; }
.ResultList .item{ padding:25px 30px; background-color:#f5f5f5; margin-bottom:15px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.ResultList .it-info{ margin-bottom:8px; }
.ResultList .it-info > div{ display:inline-block; font-size:1.125em; font-weight:bold; color:#333; }
.ResultList .it-info > div::after{ content:'|'; color:#bbb; font-weight:normal; padding-left:5px; }
.ResultList .it-info > div:last-child::after{ display:none; }
.ResultList .it-title li{ padding:5px 0; }
.ResultList .it-title li a{ display:block; position:relative; line-height:150%; }
.ResultList .it-title li a::before{ content:''; width:6px; height:6px; background-color:#999; 
    display:inline-block; vertical-align:middle; margin-top:-3px; margin-right:5px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}


/*----------------------------------------------------------------------*/
/* 訂閱/取消電子報 */
.SubscriptPaper .form_group_title span{ background-color:#4ac3cb; }
.unsubBtn{ text-align:right; }
.unsubBtn a{ display:inline-block; padding:0 15px; height:40px; line-height:40px; background-color:#8a8a8a; 
    color:#fff; max-width:140px; position:relative;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.unsubBtn a::before{ content:'X'; font-family:'微軟正黑體', sans-serif; background-color:#fff; font-weight:bold; 
    color:#8a8a8a; width:20px; height:20px; display:inline-block; line-height:20px; text-align:center;
    margin-right:4px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}

/*----------------------------------------------------------------------*/
/* bxSlider_list共通設定 */
/* 不顯示子項目 */
.bxSlider_list li { float:left; list-style:none; position:relative; display:none; }
/* 顯示第一筆項目 */  
.bxSlider_list li:first-child { display:block; }
/* 當JS執行時顯示全部 */
.bx-viewport ul.bxSlider_list li { display:block; }

.bx-viewport { z-index:9998; position:relative; zoom:1; }
.bx-wrapper { position:relative; margin:auto; padding:0; zoom:1; }
.bx-wrapper .bx-controls-direction a.disabled { display:none; }


/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual { width:100%; clear:both; position:relative; z-index:999; overflow:hidden;}
#KeyVisual .bx-wrapper { overflow:hidden; padding-bottom:34.04255%; }
#KeyVisual .bx-wrapper img { width:100%; }
#KeyVisual .bx-viewport { height:auto !important; position:absolute !important; }

    /* 修改Key visual圖片載入時Slider高度過高問題 */
    #KeyVisual .bxSlider_list { position:relative; }
    /* 載入時顯示loading動畫,載完後圖片淡入 */
    #KeyVisual .bxSlider_list { background:url("../images/loader.gif") no-repeat center center; overflow:hidden; }
    #KeyVisual .bxSlider_list li img { 
        opacity:0; display:block; 
        -webkit-transition: all 2s ease;
        -moz-transition: all 2s ease;
        transition: all 2s ease;
        }
    #KeyVisual .bx-viewport .bxSlider_list { background-image:none; }
    #KeyVisual .bxSlider_list.show li img { opacity:1; }

#KeyVisual .bxSlider_list li { width:100%; }
#KeyVisual .bxSlider_list li a { display:block; width:100%; height:100%; }
#KeyVisual .bxSlider_list li img { width:100%; height:auto; }

/* DIRECTION CONTROLS (NEXT / PREV) */
#KeyVisual .bx-wrapper .bx-controls-direction a { 
    display:block; position:absolute; top:50%; text-indent:-10000px; z-index:9999;
    background-color:rgba(255,255,255,0.9);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
#KeyVisual .bx-wrapper .bx-controls-direction a::after { 
    content:''; display:block; position:absolute; top:50%;
    border-left:2px solid #333; border-top:2px solid #333; 
}
#KeyVisual .bx-wrapper .bx-controls-direction a:hover::after { 
    opacity:1;
}
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev { 
    left:20px; 
}
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next { 
    right:20px; 
}
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { 
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}
/* PAGER */
#KeyVisual .bx-wrapper .bx-pager { position:absolute; bottom:10px; width:100%; padding:0 40px; z-index:9999; 
    text-align:center; box-sizing:border-box; 
}
#KeyVisual .bx-wrapper .bx-pager .bx-pager-item,
#KeyVisual .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; }
#KeyVisual .bx-wrapper .bx-pager.bx-default-pager a { 
    text-indent:10000px; display:block; width:12px; height:12px; margin:0 6px; background-color:#fff; border:2px solid #444444;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
#KeyVisual .bx-wrapper .bx-pager.bx-default-pager a:hover,
#KeyVisual .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#444444; }


/*----------------------------------------------------------------------*/
/* 活動報名 */
.event_list_title{ border-bottom:1px solid #cf4747; padding-bottom:5px; margin-bottom:25px; }
.event_list_title span{ color:#cf4747; font-weight:bold; padding:0 10px; font-size:1.25em;
    font-family:'Arial', "Microsoft JhengHei", "微軟正黑體", sans-serif;
    line-height:140%;
}
.event_list_title span::before{ margin-right:8px;
    content:'\f073'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; 
}
.event_list_title span::after{ font-family: 'Font Awesome 5 Pro'; font-weight: 400; }
.event_list_title.st1{ border-bottom:1px solid #40bbc3; }
.event_list_title.st1 span{ color:#40bbc3; position:relative; padding-left:30px; }
.event_list_title.st1 span::before{ content:'\f0e2'; position:absolute; line-height: 30px;
    top:0; left:0;
}
.event_list_title.st1 span::after{ content:'\f017'; position:absolute;
   top:-2px; left:5px; font-size:13px; font-weight:900; 
}

.EventList::after{ content:''; display:block; clear:both; }
.EventList .item{ float:left; }
.EventList .item .img{ margin-left:auto; margin-right:auto; }
.EventList .item .img a{ display:block; }
.EventList .item .desc{ font-size:0.875em; color:#999; line-height:22px; margin-bottom:25px; }
.EventList .item .title{ font-family:'Arial', "Microsoft JhengHei", "微軟正黑體", sans-serif; 
    font-weight:bold;
}
.EventList .btn a:hover{ opacity: 0.8; }
.EventList .item.closed .btn a{ cursor:default; }
.EventList .item.closed .btn a:hover{ opacity: 1; }
.EventList .item.closed .btn a{ background-color:#d4d4d4; box-shadow:none; color:#888;
    padding:0 20px;
}
.EventList .item.closed .btn a::before{ display:none; }

/* 活動中 */
.EventList.active{ margin-bottom: 3.125rem; }
.EventList.active .item{ width:31.8%; background-color:#f5f5f5; 
    margin-left:20px; margin-bottom:20px;
}
.EventList.active .item > div{ padding:15px; }
.EventList.active .item .img{ max-width:270px; margin-bottom:15px; }
.EventList.active .item .img img{ width:100%; height:auto; 
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.EventList.active .item .img:hover img{ transform:scale(1.02); }
.EventList.active .item .title{ font-size:1.188em; margin-bottom:5px; }
.EventList.active .item .desc{
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 66px;
}
.EventList.active .btn{ text-align:center; margin-bottom:15px; }
.EventList.active .btn a{ background-color:#ca4757; border:0; line-height:40px;
    box-shadow:3px 3px 0 rgba(0,0,0,0.2); color:#fff; padding: 0 20px 0 40px;
    font-weight:bold;   
}
.EventList.active .btn a::before{ content:'\f234'; font-size:14px;
    font-family: 'Font Awesome 5 Pro'; font-weight: 400;
}

/* 已結束的活動 */
.EventList.fin{ margin-bottom:15px; }
.EventList.fin .item{ width:22.5%; margin-bottom:15px; margin-left:30px; }
.EventList.fin .item .img a{ border:1px solid #dddddd; display:inline-block; }
.EventList.fin .item .img { text-align:center; margin-bottom:10px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.EventList.fin .item .img img{ max-height:245px; margin:auto; border:10px solid #fff; }
.EventList.fin .item .img:hover{ transform:scale(1.02); }
.EventList.fin .item .title{ font-size:0.938em; text-align:center; margin-bottom:15px; }

/* 取消報名按鈕 */
.cancelBtn{ text-align:right; }
.cancelBtn a{ display:inline-block; background-color:#cf4747; 
    line-height:40px; color:#fff; font-weight:bold; padding:0 30px;
    -webkit-border-radius:35px;
    -moz-border-radius:35px;
    border-radius:35px;
}
.cancelBtn span::before{ margin-right:5px;
    content:'\f273'; font-family: 'Font Awesome 5 Pro'; font-weight: 400;
}
.cancelBtn a:hover{ opacity:0.8; }

/* 更多研習回顧 */
.event_moreBtn{ text-align:center; }
.event_moreBtn a{ line-height:40px; }

/* 正/候補名單 */
#Center .eventNameList{ max-width:900px; }
.eventNameList > div{ background-color:#fff; padding:30px 40px; 
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    box-shadow:0 0 20px rgba(0,0,0,0.15);
}
.eventNameList .popup_title{ font-size:1.5em; color:#000; border-bottom:1px solid #e5e5e5; 
    padding-bottom:10px; margin-bottom: 15px;
}
.eventNameList #Pagination{ margin-bottom:15px; }

/*----------------------------------------------------------------------*/
/* 報名內容頁 */
.EventContWrap .tagList{ text-align:center; }
.EventContWrap .ListTable{ width:100%; }
.EventContWrap .ListTable table{ border-spacing: 0; }
.EventContWrap .ListTable table th{ background-color:#f7e6c5; }
.EventContWrap .ListTable table td{ text-align:left; }

.EventContWrap .ListTable td.quota span{ color:#ff0101; }
.EventContWrap .ListTable td.status.full{ color:#ff0101; }
.EventContWrap .ListTable td.plan a,.EventContWrap .ListTable td.sign_up a,.EventContWrap .ListTable td.name a{
    display:inline-block; color:#fff;
    -webkit-border-radius:35px;
    -moz-border-radius:35px;
    border-radius:35px;
}
.EventContWrap .ListTable td.plan a:hover,.EventContWrap .ListTable td.sign_up a:hover,
.EventContWrap .ListTable td.name a:hover{
    opacity: 0.8;
}

.EventContWrap .ListTable td.plan a{ background-color:#9281cb; }
.EventContWrap .ListTable td.sign_up a{ background-color:#ca4757; }
.EventContWrap .ListTable td.name a{ background-color:#4ac3cb; }

/* 議程內容 */
.popup_detail .title{ color:#c94e4a; font-size:1.188em; font-weight:bold;
    font-family:'Arial', "Microsoft JhengHei", "微軟正黑體", sans-serif;
}
.popup_detail .EventContWrap .ListTable table th, .popup_detail .EventContWrap .ListTable table td{
    font-size:1em;
}
.popup_detail .ListSearch.FormElmt{ margin-bottom:5px;  }


/*----------------------------------------------------------------------*/
/* 資料填寫頁 */
/* 密碼登入 */
.fillBlock .box{ max-width:500px; margin:auto; padding:20px;
    background-color:#f6f6f6; border: 1px solid #dddddd;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px; 
}
.fillBlock .tt{ color:#c2000b; font-weight:bold; font-size:1.188em; border-bottom:1px solid #ddd; 
    padding-bottom:10px; margin-bottom:20px;
}
.fillBlock .tt::before{ font-family: 'Font Awesome 5 Pro'; font-weight: 400;  margin-right:5px; }
.fillBlock .tt.password::before{ content:'\f30d'; }
.fillBlock .tt.search::before{ content:'\f002'; font-weight: 900; }
    
.fillBlock .FormElmt input[type="password"], .fillBlock .FormElmt input[type="text"]{ background-color:#fff; 
    border-radius:0; border-color:#d0d0d0; margin-bottom:0; color:#444;
}
.fillBlock .ListSearch.FormElmt{ margin-bottom:0; padding:0; }
.fillBlock .ListSearch .item > span { vertical-align:middle; }
.fillBlock .ListSearch.FormElmt .item .label{ position:relative; }
.fillBlock .ListSearch.FormElmt .item .cont{ padding-top:0; }
.fillBlock .ListSearch.FormElmt .BtnCommon{ padding-top:0; }
.fillBlock .BtnCommon span{ background-color:#cf4747; }
.fillBlock .BtnCommon div:hover span{ background-color:#cf4747; }

/* 資訊說明 */
.applyInfo .title{ background-color:#eeeeee; padding:8px 10px; font-size:1.188em; font-weight:bold; 
    font-family:'Arial', "Microsoft JhengHei", "微軟正黑體", sans-serif; color:#333333;
}
.applyInfo li{ color:#333333; padding:10px 8px; border-bottom:1px solid #dddddd; }
.applyInfo li::after{ content:''; display:block; clear:both; }
.applyInfo li > div{ float:left; } 

.applyInfo .tt::after{ content:'：'; }
.applyInfo .tt::before{ color:#555; margin-right:5px; font-family: 'Font Awesome 5 Pro'; font-weight: 400; }
.applyInfo .date::before{ content:'\f073'; }
.applyInfo .time::before{ content:'\f017'; }
.applyInfo .people::before{ content:'\f0c0'; }
.applyInfo .subject::before{ content:'\f5db'; }
.applyInfo .place::before{ content:'\f3c5'; }

.applyInfo .cont span{ color:#ff0101; }


/*----------------------------------------------------------------------*/
/* 報名完成 */
.completedBlock .box1, .completedBlock .box2{ max-width:500px; margin:auto;
    text-align:center; margin-bottom:10px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.completedBlock .box1{ background-color:#f6f6f6; border:1px solid #dddddd;
    padding:30px 10px; 
}
.completedBlock .box1 .tt{ font-size:1.188em; }
.completedBlock .box1 .tt span::before{ content:'\f058'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; 
    color:#25c3af; font-size:24px; margin-right:5px;
}
.completedBlock .box2{ background-color:#f6edd6; border:1px solid #e0d6bd; padding:5px 10px; }
.completedBlock .box2 .text{ font-size:1.188em; color:#333333; }


/*----------------------------------------------------------------------*/
/* 簡報說明 */
.editable_content .brief_block{ max-width:1000px; margin:auto;  }
.editable_content .brief_block h4.st1{ color:#444; font-size:1.125em; margin-top:15px; margin-bottom:10px; }
.editable_content .brief_block hr{ height:1px; border:none; border-top:1px dashed #ccc; background-color:transparent; margin:35px 0; }
.editable_content .brief_block .item{ width:100%; height:100%; position:relative;}
.editable_content .brief_block .item::after{ content:''; display:block; clear:both; }
.editable_content .brief_block .MsgModule_Media{ margin:0; padding:0 !important; }
.editable_content .brief_block .cont{ max-width:100%; margin:0; }
.editable_content .brief_block .cont > div{ margin-bottom:10px; }
.editable_content .brief_block .download{ margin-bottom:10px; }
.editable_content .brief_block .download a{ display:inline-block; padding:5px 32px 5px 20px; background-color:#4ac3cb; 
    text-decoration:none; color:#fff; position:relative; font-size:0.938em; 
    -webkit-border-radius:35px;
    -moz-border-radius:35px;    
    border-radius:35px;
}
.editable_content .brief_block .download a::after{ content:''; display:block;
    width:5px; height:5px; position:absolute; top:50%; right:15px; margin-top:-3px ;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
    transform: rotate(-45deg);
}
.editable_content .brief_block .download a:hover{ background-color:#248990; }
.editable_content .brief_block .info{ margin:0; padding-left:5px; }
.editable_content .brief_block .info > span{ display:block; }


/*----------------------------------------------------------------------*/
/* 測驗單元共用 */

/* 小首頁 */
.testHomeBox .title{ border-left:5px solid #999; font-size:1.25em; line-height:130%; padding-left:5px; }

.testHomeBox .news_point{ width:100%; }
.testHomeBox .news_point .title{ position:relative; border:0; color:#fff; 
    letter-spacing:0.05em; height:100%; 
}
.testHomeBox .news_point .title::before{ content:'!'; width:24px; height:24px; display:inline-block; text-align:center; 
    border:2px solid #fff; font-family:"Times New Roman", serif; font-weight:bold; margin-right:8px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%; 
}
.testHomeBox .news_point .title::after{ display:block; position:absolute; top:0; right:-30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 30px 0 0;
    border-color: #999 transparent transparent transparent;
} 
.testHomeBox .news_point .cont{ height:100%; box-sizing:border-box;
    font-family:'Noto Sans TC', 'Arial', sans-serif; letter-spacing:0.03em; 
}
.testHomeBox .news_point .cont a{ display:block; line-height: 160%; }

.testHomeBox .exam_list .cont{ margin-bottom:20px; }
.testHomeBox .exam_list ul li{ border-bottom:1px dashed #ddd; padding:10px; line-height:150%; }
.testHomeBox .exam_list ul li .date{ color:#b1b1b1; font-family:'Arial', sans-serif; padding-right: 10px; }
.testHomeBox .btn{ text-align:right; }

.signUpBtn{ font-size:1.125em; color:#fff; text-align:center; }
.signUpBtn a{ color:#fff; display:inline-block; padding:20px 45px; position:relative;
    box-shadow: 4px 5px 0 rgba(0,0,0,0.25);
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
}
.signUpBtn a::after{ content:''; display:block; width:6px; height:6px; border-top:2px solid #fff; border-right:2px solid #fff;
    position:absolute; top:50%; right:25px; margin-top:-3px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
}
.signUpBtn a:hover{ opacity:0.8; }

.testHomeBox .col_test_box::after{ content:''; display:block; clear:both; }
.testHomeBox .col_test_box .item .title{ margin-top:20px; }
.testHomeBox .col_test_box .item .cont{ color:#444; margin-bottom:20px; line-height:30px; }


/* 學科能力測驗:小首頁 */
.subject_wrap .title{ border-color:#db7e89; }
.subject_wrap .news_point .title{ background-color:#db7e89; }
.subject_wrap .news_point .title::after{ border-color: #db7e89 transparent transparent transparent; }
.subject_wrap .news_point .cont{ background-color:#f6e8ea; }
.subject_wrap .news_point .cont a:hover{ color:#c54050; }
.subject_wrap .signUpBtn a{ background-color:#c54050; box-shadow: 4px 5px 0 rgba(110,8,20,0.85); }

/* 高中英語聽力:小首頁 */
.listen_wrap .title{ border-color:#4da7e0; }
.listen_wrap .news_point .title{ background-color:#4da7e0; }
.listen_wrap .news_point .title::after{ border-color: #4da7e0 transparent transparent transparent; }
.listen_wrap .news_point .cont{ background-color:#dce8f0; }
.listen_wrap .news_point .cont a:hover{ color:#006baf; }
.listen_wrap .signUpBtn a{ background-color:#006baf; box-shadow: 4px 5px 0 rgba(12,41,81,0.85); }

/* 指定科目考試:小首頁 */
.appoint_wrap .title{ border-color:#9281cb; }
.appoint_wrap .news_point .title{ background-color:#9281cb; }
.appoint_wrap .news_point .title::after{ border-color: #9281cb transparent transparent transparent; }
.appoint_wrap .news_point .cont{ background-color:#e2deed; }
.appoint_wrap .news_point .cont a:hover{ color:#715cb7; }
.appoint_wrap .signUpBtn a{ background-color:#715cb7; box-shadow: 4px 5px 0 rgba(44,21,119,0.85); }

/* 考試說明 */
.exam_btn_list{ margin-top:30px; }
.exam_btn_list ul li{ display:inline-block; vertical-align: top; box-sizing:border-box;
    margin-right:10px; margin-bottom:15px;
}
.exam_btn_list ul li:last-child{ margin-right:0; }
.exam_btn_list ul li a.name{ display: block; color:#fff; 
    text-align:center;box-sizing:border-box; min-width:120px;
    background-color:#ea5597; padding:8px 25px 8px 10px;  
    margin-bottom:5px;
    -webkit-border-radius:35px; 
    -moz-border-radius:35px; 
    border-radius:35px; 
    box-shadow: 3px 4px 0 rgba(218,122,165,0.2); 
}
.exam_btn_list ul li a.name span{ position:relative; }
.exam_btn_list ul li a.name span::after{ content:''; display:block; width:12px; height:15px; 
    background: url('../images/icon_download.png') no-repeat;
    position:absolute; top:50%; right:-18px; margin-top:-8px;
}
.exam_btn_list ul li a.name:hover{ opacity:0.85; }
.exam_btn_list ul li .desc{ display:block; font-size:0.875em; color:#333333; }


/*文字+檔案下載列表樣式*/
.testListTable { position:relative; margin-bottom:30px;  }
.testListTable table{ width:100%; border-collapse:separate; border-spacing:3px;}
.testListTable table th, .testListTable table td{ text-align:center; color:#333;}
.testListTable table caption{ text-align:left; color:#333333; font-size:1.125em; font-weight:bold; }
    
.testListTable table td.download li { display:inline-block; margin:5px 0; }
.testListTable table td.download li:last-child{ margin-right:0; }
.testListTable table td.download li a { padding-right:24px; white-space:nowrap; color:#333; text-decoration:underline; }
.testListTable table td.download li a:hover { color:#de1e19; }
.testListTable table td.download li .file_ext{ background-position:top right; }
.testListTable table td.desc::before{ display:block; color:#333; }

.testListTable table .text-left{ text-align:left;}
.testListTable table .text-center{ text-align:center;}

/*分類按鈕*/
.tagList ul li{ display:inline-block; text-align:center; }
.tagList ul li:last-child{ margin-right:0; }
.tagList ul li a{ background-color:#afafaf; display:block; padding:10px 20px; color:#fff; position:relative;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.tagList ul li a::after{ display:block; position:absolute; left:50%; bottom:-8px;
    margin-left:-5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #ea5597 transparent transparent transparent;
}
.tagList ul li a:hover{ opacity:0.8; }
.tagList ul li.active a{ background-color:#ea5597; }
.tagList ul li.active a::after{ content:''; }


/*----------------------------------------------------------------------*/
/* 常見問與答 */
.QnaList { border-top:1px solid #dddddd; margin-bottom:50px; margin-top:15px; }
.QnaList > ul > li { border-bottom:1px dashed #ccc; }

.QnaList .ques { padding-top:10px; padding-bottom:10px; padding-right:20px; font-weight:bold; 
    color:#777; line-height:25px; cursor:pointer; position:relative; 
}
.QnaList .ques::before { 
    display:block; position:absolute; top:0; left:0; content:"Q"; background-color:#eee; 
    text-align:center; color:#999; 
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.QnaList .ques::after { content:""; width:8px; height:8px; 
    display:block; position:absolute; top:50%; right:0; margin-top:-8px;
    border-right:3px solid #a4a4a4; border-top:3px solid #a4a4a4;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
 }
.QnaList .ques, .QnaList .ques::before, .QnaList .ques::after { 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.QnaList .slideDown .ques { color:#cf4747; }
.QnaList .slideDown .ques::before { background-color:#cf4747; color:#fff; }
.QnaList .slideDown .ques::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.QnaList .ans { display:none; padding-top:15px; padding-bottom:25px; line-height:22px; position:relative; }
.QnaList .ans::before{ display:block; position:absolute; content:"A"; background-color:#a1a1a1;
    text-align:center;  color:#fff; font-weight:bold; 
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}

/* 問與答裡面的編輯器 */
.QnaList .ans .editable_content ul, .QnaList .ans .editable_content ol{ margin-bottom:5px; }
.QnaList .ans .editable_content p{ margin-bottom:5px; }
.QnaList .ans .editable_content p, .QnaList .ans .editable_content li{ line-height:180%; }
.QnaList .ans .editable_content blockquote{ width:100%; text-align:left; padding:20px 25px !important; }
.QnaList .ans .editable_content blockquote::before, .QnaList .ans .editable_content blockquote::after{ display:none; }
.QnaList .ans .editable_content blockquote p{ margin-bottom:0; margin-top:0; }


/*----------------------------------------------------------------------*/
/* 出版品 */

/* 出版品列表 */
.publicationList::after{ content:''; display:block; clear:both; }
.publicationList .item{ float:left; }
.publicationList .item .img{ margin-bottom:10px; } 
.publicationList .item .img a{ display:block; width:100%; height:100%; }
.publicationList .item .img img{ width:auto; display:block; max-height:200px; margin:auto;}
.publicationList .item .img a:hover img{ box-shadow:0 0 10px rgba(0,0,0,0.2); }

.publicationList .item .cont{ text-align:center; }
.publicationList .item .title{ margin-bottom:5px; }
.publicationList .item .title a{ color:#000; font-family:'Arial', "Microsoft JhengHei", "微軟正黑體", sans-serif; }
.publicationList .item .title a:hover{ color:#cf4747; }
.publicationList .item .price{ font-size:0.875em; margin-bottom:10px; }
.publicationList .item .price .light{ color:#de0000; font-size:1.75em; font-weight:bold; }
.publicationList .item .bottom > span{ display:inline-block; }
.publicationList .item .amount select{ width:40px; height:28px; line-height:28px; }
.publicationList .item .addCart{ height:28px;line-height:28px; }
.publicationList .item .addCart a{ display:block; background-color:#cf4747; 
    width:100%; height:100%; color:#fff; font-size:0.875em; padding:0 10px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.publicationList .item .addCart a:hover{ background-color:#a63333; }

/* 標籤設定 */
.publicationList .item .tag{ display:inline-block; font-size:0.875em; margin:0 3px;
    letter-spacing:0.03em; font-weight:bold; background-color:#eee; padding:2px 8px; margin-bottom:4px; 
}
/* 1.集體  2.個人  3.最新出版  4.售完  5.補貨中  6.高中職限購  7.補習班限購  8.高中職/補習班限購  
   9.個人限購  10.滿件送  11.折扣  12.滿額免運  13.即將開賣 
*/
.publicationList .item .tag.tag01{ background-color:#fab5be; }
.publicationList .item .tag.tag02{ background-color:#fbceb6; }
.publicationList .item .tag.tag03{ background-color:#f8f19f; }
.publicationList .item .tag.tag04{ background-color:#befdcc; }
.publicationList .item .tag.tag05{ background-color:#b5e6db; }
.publicationList .item .tag.tag06{ background-color:#9beeeb; }
.publicationList .item .tag.tag07{ background-color:#b5dbfa; }
.publicationList .item .tag.tag08{ background-color:#c3d3ff; }
.publicationList .item .tag.tag09{ background-color:#d3c5ff; }
.publicationList .item .tag.tag10{ background-color:#f8cdfc; }
.publicationList .item .tag.tag11{ background-color:#ffb973; }
.publicationList .item .tag.tag12{ background-color:#ff9dc2; }
.publicationList .item .tag.tag13{ background-color:#c5e601; }

/* 出版品內頁 */
.ProductBrief{ margin-top:30px; }
.ProductBrief .desc h3{ color:#cf4747; font-size:1.5em; font-weight:400; margin-bottom:10px; }
.ProductBrief .info_list{ margin-bottom:20px; }
.ProductBrief .info_list ul li{ width:100%; 
    color:#555;  border-bottom:1px solid #ebebeb;
    padding:10px 5px;
}
.ProductBrief .info_list ul li:first-child{ border-top:1px solid #ebebeb; }
.ProductBrief .info_list li .tt{ font-weight:bold; }
.ProductBrief .info_list li .tt::after{ content:'：'; }
.ProductBrief .info_list li .text{ line-height:180%; }
.ProductBrief .info_list li .light{ font-size:1.625em; color:#d40000; font-weight:bold; }
.ProductBrief .info_list .notice{ color: #d40000; display: inline; font-weight: bold; }

.ProductBrief .notice_box{ background-color:#fee2a7; padding: 15px 15px 15px 4.5rem;
    line-height:160%; margin-bottom:20px;
    position:relative; color:#000;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.ProductBrief .notice_box::before{ content:''; display:block; width:48px; height:48px;
    position:absolute; top:50%; left:15px; margin-top:-24px;
    display:block; background-image:url('../images/icon_notice.png'); 
    background-repeat:no-repeat; background-size:contain; 
}

.ProductBrief .pro_add_box{ background-color:#fffce2; overflow:hidden; border:1px solid #fee2a7;
    padding:15px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.ProductBrief .pro_add_box ul{ color:#555; }
.ProductBrief .pro_add_box ul li{ width:100%; margin-bottom:10px; }
.ProductBrief .pro_add_box .tt{ font-weight:bold; }
.ProductBrief .pro_add_box .tt::after{ content:'：'; }
.ProductBrief .pro_add_box .text input[type="text"]{ width:40px; height:30px; line-height:30px; 
    padding:0 2px;
}
.ProductBrief .pro_add_box .discount{ color:#d40000; }
.ProductBrief .pro_add_box .discount > span{ display:block; margin-bottom:5px; }

/* 按鈕區 */
.add_cart_btn, .notice_btn, .id_btn{
    display:block; width:100%; max-width:100%; padding-left:30px; color:#fff; text-align: center;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.add_cart_btn span, .notice_btn span, .id_btn span{ position:relative; color:#fff; }
.add_cart_btn:hover, .notice_btn:hover, .id_btn:hover{ opacity:0.85; }
.add_cart_btn span::before, .notice_btn span::before, .id_btn span::before{
    content:''; display:block; position:absolute; top:50%; 
    background: url('../images/icon_btn_shopping.png') no-repeat 0 0; 
}
.add_cart_btn{ background-color:#cf4747; height:50px; line-height:50px; }
.add_cart_btn span::before{ left:-35px; width:35px; height:35px; margin-top:-16px; }
.notice_btn{ letter-spacing:0.2em; background-color:#38aa91; height:40px; line-height:40px; }
.notice_btn span::before{ left:-33px; width:26px; height:26px; background-position:0 -50px; margin-top:-14px; }
.id_btn{ background-color:#cf4747; height:40px; line-height:40px; }
.id_btn span::before{ left:-33px; width:22px; height:22px; background-position:0 -100px; margin-top:-11px; }


/*----------------------------------------------------------------------*/
/* 商品輪播 */
.ProductBrief { margin-bottom:30px; position:relative; }
.ProductBrief::after { content:''; display:block; clear:both; }
.ProductBrief .img { box-sizing:border-box; }
.ProductBrief .img h1 { border-left:5px solid #0047ba; padding-left:5px; margin-bottom:15px; font-size:125%; color:#0047ba; line-height:125%; display:none; }
.ProductBrief .img .brand { margin-top:-5px; margin-bottom:10px; display:none; }
.ProductBrief .img .brand img { max-width:120px; max-height:40px; }
.ProductBrief .img img { max-width:100%; max-height:100%; }
.ProductBrief .img .slider-for { width:100%; height:350px; margin-bottom:20px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
    /* 先隱藏第2個以後的圖片,loading完後再顯示全部 */
    .ProductBrief .img .slider-for > div:nth-child(1n+2) { opacity:0; }
    
.ProductBrief .img .slick-slide { box-sizing:border-box; vertical-align:middle; text-align:center; }
    .ProductBrief .img .slider-for .slick-slide { padding:10px 0; }
    .ProductBrief .img .slider-for .slick-slide:focus{ outline:none; }
.ProductBrief .img .slick-slide > * { vertical-align:middle; }
.ProductBrief .img .slick-slide span { display:inline-block; height:100%; }

.ProductBrief .img .slider-nav { padding:0 35px; position:relative; overflow:hidden; }
    /* 先隱藏縮圖,loading完後再顯示 */
    .ProductBrief .img .slider-nav { height:0; opacity:0; }
    .ProductBrief .img .slider-nav.slick-slider { height:auto; opacity:1; }
.ProductBrief .img .slider-nav .slick-slide { width:70px; height:70px; border:1px solid #ddd; padding:4px; margin:0 5px; box-sizing:border-box; cursor:pointer; }
.ProductBrief .img .slider-nav .slick-slide.slick-current { border-color:#cf4747; }
.ProductBrief .img .slider-nav .slick-slide:focus{ outline:none; }
.ProductBrief .img .slider-nav .slick-arrow { 
    position:absolute; top:50%; width:20px; height:30px; background-color:#bbb; text-indent:-10000px; border:0; 
    cursor:pointer; z-index:2; margin-top:-15px; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    }
    /*.ProductBrief .img .slider-nav .slick-arrow.slick-disabled { opacity:0; cursor:default; }*/
    .ProductBrief .img .slider-nav .slick-prev { left:0; }
    .ProductBrief .img .slider-nav .slick-next { right:0; }
    .ProductBrief .img .slider-nav .slick-arrow:focus { outline:0; }
    .ProductBrief .img .slider-nav .slick-arrow:hover {  }
.ProductBrief .img .slider-nav .slick-arrow::after { 
    content:''; position:absolute; top:50%; margin-top:-4px; width:6px; height:6px; border-top:2px solid #fff; border-left:2px solid #fff; 
    }
    .ProductBrief .img .slider-nav .slick-prev::after { 
        left:7px; 
        -webkit-transform: rotate(-45deg); 
        -moz-transform: rotate(-45deg); 
        transform: rotate(-45deg); 
        }
    .ProductBrief .img .slider-nav .slick-next::after { 
        right:7px; 
        -webkit-transform: rotate(135deg); 
        -moz-transform: rotate(135deg); 
        transform: rotate(135deg); 
        }
.ProductBrief .img .slider-nav .slick-arrow:hover { background-color:#999; }
.ProductBrief .desc { box-sizing:border-box; }


/*----------------------------------------------------------------------*/
/* 推薦商品 */
.recommendBuy { margin-top:3.5rem; }
.recommendBuy h4{ font-weight:500; color:#505050; font-size:1.125em; padding:10px 15px 10px 30px; 
  border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; position:relative;
  margin-bottom:20px;  
}
.recommendBuy h4::before{ content:''; display:block; width:23px; height:23px;
    background: url('../images/icon_recommend.png') no-repeat;
    background-size:contain; position:absolute; top:50%; left:0; margin-top:-12px;
}
.recommendBuy .item .img-box{ margin-bottom:8px; }
.recommendBuy .item .img-box img { width: auto; margin:auto; }
.recommendBuy .item .cont{ text-align:center; color:#000; font-size:0.875em; }

.recommendBuy .owl-carousel {  padding-left:30px; padding-right:30px; }
.recommendBuy .owl-carousel .owl-nav .owl-prev, .recommendBuy .owl-carousel .owl-nav .owl-next{ 
    text-indent:-99999px; position:absolute; background-color:#bbbbbb;
    width:22px; height:26px; top:50%; margin-top:-13px; 
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px; 
} 
.recommendBuy .owl-carousel .owl-nav .owl-prev::after, .recommendBuy .owl-carousel .owl-nav .owl-next::after{
    content:''; display:block; position:absolute; top:50%; margin-top:-4px; left:50%; 
    width:6px; height:6px;  
}
.recommendBuy .owl-carousel .owl-nav .owl-prev{ left:0; }
.recommendBuy .owl-carousel .owl-nav .owl-prev::after{ 
    border-left:2px solid #fff; border-top:2px solid #fff; margin-left:-3px;  
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);   
}
.recommendBuy .owl-carousel .owl-nav .owl-next{ right:0; }
.recommendBuy .owl-carousel .owl-nav .owl-next::after{ 
    border-left:2px solid #fff; border-top:2px solid #fff; margin-left:-5px; 
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    transform:rotate(135deg);      
}


/*----------------------------------------------------------------------*/
/* 購物車結帳小區塊按鈕 */
.shoppingCart_fixed{ position:fixed; z-index:10000;
    color:#555; background-color:#fff; border:2px solid #cf4747; text-align:center;
    font-size:0.875em; display:table; box-shadow:0 0 10px rgba(0,0,0,0.25);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.shoppingCart_fixed > div{ display:table-cell; vertical-align:middle; }
.shoppingCart_fixed .text, .shoppingCart_fixed .amount{ margin-bottom:2px; }
.shoppingCart_fixed .checkout a{ display:block; color:#008aff; font-size:1.125em; 
    text-decoration:underline; 
}
.shoppingCart_fixed .checkout a:hover { color:#cf4747; }


/*----------------------------------------------------------------------*/
/* popup 彈出視窗 */
.alert_box { position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; 
    width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:10005; font-size:16px;
    overflow-x: hidden; overflow-y: auto;    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.alert_box.close { opacity:0; visibility:hidden; }
.alert_box.open { opacity:1; visibility:visible;}
.alert_box > div{ background-color:#fff; position:relative; z-index:100000; text-align:left; 
    overflow:hidden; overflow-y:auto; box-sizing:border-box; padding:25px;
    border:2px solid #cf4747;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-border-radius:20px; 
    -moz-border-radius:20px; 
    border-radius:20px;
}
.alert_box .close{ display:block; width:38px; height:38px; line-height:38px; background-color:#cf4747; 
    box-sizing:border-box; z-index:1; text-decoration:none;
    font-family:Arial; text-align:center; 
    -webkit-border-radius:50%; 
    -moz-border-radius:50%; 
    border-radius:50%;
}
.alert_box .close:hover{ background-color:#b73737;  }
.alert_box .close a{ display:block; color:#fff; font-size:20px; width:100%; height: 100%; }


/*----------------------------------------------------------------------*/
/* 彈出視窗內容 */
.popupContBox .popup_title{ font-size:1.5em; color:#000; border-bottom:1px solid #e5e5e5; 
    padding-bottom:10px; margin-bottom: 15px;
}

/* 彈跳視窗裡的編輯器 */
.popup_detail .editable_content p{ margin-bottom:15px; }

/* 自己設定的純文字(目前沒有用,但先保留) */
.popup_detail .text{ color:#000; }
.popup_detail .text ol, .popup_detail .text ul{ margin-left:20px; }
.popup_detail .text ul li, .popup_detail .text ol li{ padding-top:7px; padding-bottom:7px; line-height:180%; }
.popup_detail .text ol li{ list-style:decimal; }
.popup_detail .text ul li{ list-style:disc; }
.popup_detail .text p{ line-height:180%; padding-top:5px; padding-bottom:5px; }


/*----------------------------------------------------------------------*/
/* 購物車清單 */
.SpCartWrap .text_box{ margin-bottom:20px; }
.SpCartWrap .text_box .text{ margin-bottom:10px; line-height:160%; }
.SpCartWrap .text_box .light{ color:#da0000; }
.SpCartWrap .text_box .strong{ color:#da0000; font-weight:bold; }

.SpCartWrap .cont_top{ position:relative; background-color:#fff; border-bottom:1px solid #dedede; }
.SpCartWrap .cont_top::after{ content:''; display:block; clear:both; }
.SpCartWrap .cont_top .tabs{ position:relative; z-index:99; overflow:hidden; display:inline-block; 
    margin-bottom: -1px;
}
.SpCartWrap .cont_top .tabs ul li{ float:left; border:1px solid #dedede; 
    text-align:center; min-width:100px; line-height:40px; 
}
.SpCartWrap .cont_top .tabs ul li:hover{ background-color:#f5f5f5; }
.SpCartWrap .cont_top .tabs ul li:not(:first-child){ margin-left:-1px; }
.SpCartWrap .cont_top .tabs li.tab a{ display:block; width:100%; height:100%; color:#999; }
.SpCartWrap .cont_top .tabs li.tab.active{ border-top:2px solid #cf4747; 
    line-height:39px; border-bottom-color:#fff; 
}
.SpCartWrap .cont_top .tabs li.tab.active a{ color:#cf4747; }
.SpCartWrap .cont_top .tabs li.tab.active:hover{ background-color:#fff; }
.SpCartWrap .cont_top .popup_btns{ display:inline-block; }
.SpCartWrap .cont_top .popup_btns a{ width: inherit; padding: 0 20px 0 50px; display: inline-block; margin-right: 5px;}
.SpCartWrap .cont_top .popup_btns a:last-child{ margin-right:0; }
.SpCartWrap .cont_top .popup_btns a.notice_btn{ letter-spacing:0; }

.SpCartWrap .info_box{ width:100%; text-align: right; }
.SpCartWrap .info_box::after{ content:''; display:block; clear:both; }
.SpCartWrap .info_box > div{ display:inline-block; }
.SpCartWrap .info_box .identity{ text-align:right; }
.SpCartWrap .info_box .identity > div{ display:inline-block; }
.SpCartWrap .info_box .identity .tt::after{ content:'：'; }
.SpCartWrap .info_box .identity .text{ margin-bottom:5px; }

.pro_list table{ width:100%; }
.pro_list table tr{ position:relative; }
.pro_list table tr:nth-child(even){ background-color:#ffffff; }
.pro_list table tr:nth-child(odd){ background-color:#f7f7f7; }
.pro_list table tr th{ background-color:#e8e8e8; }
.pro_list table tr th, .pro_list table tr td{ text-align:center; vertical-align:top;
    color:#333; line-height:160%;
} 
.pro_list .title{ font-family:'Arial', "Microsoft JhengHei", "微軟正黑體", sans-serif; }
.pro_list .title a{ color:#000; }
.pro_list .title a:hover{ text-decoration:underline; }
.pro_list table .dele a{ display:inline-block; background-color:#da0000; padding:5px 10px;
    color:#fff; 
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px; 
}
.pro_list table .amount input[type="text"]{ width:40px; line-height:30px; height:30px; padding: 0 3px; }
.pro_list .discount{ color:#da0000; }
.pro_list .img img{ width:auto; }


/* 總金額 */
.total_amount{ margin-bottom:20px; }
.total_amount ul{  border:3px solid #cf4747; padding:10px;
    box-shadow:0 0 10px rgba(0,0,0,0.25);
    -webkit-border-radius:10px; 
    -moz-border-radius:10px; 
    border-radius:10px;  
}
.total_amount ul li{  margin-bottom:5px; }
.total_amount .light{ color:#e20000; font-weight:bold; }


/* 贈送商品 */
.free_gift .pro_list{ margin-top:10px; }
.free_gift .pro_list table .title{ margin-bottom:0; }


/*----------------------------------------------------------------------*/
/* 結帳設定 */
.SpCartWrap.checkout .cont_top{ border-bottom:0; }
.checkout h3.p_title{ border-left:4px solid #cf4747; color:#333; font-size:1.25em; 
    line-height:140%; padding-left:7px; font-weight:500;
}
.checkout .pro_list{ margin-top:10px; }
.checkout .FormGroupWarp .FormGroup > div:last-child{ margin-bottom:0; }
.checkout .FormGroupWarp .FormTableWrap{ margin-bottom:20px; }
.checkout .FormGroupWarp .free_gift .pro_list{ margin-bottom:0; }


/* 表格樣式 */
.form_table_st1 tr th::after{ content:'：'; }
.form_table_st1 .light{ color:#dd0000; }
.form_table_st1 .bold{ font-weight:bold; }
.text_group.light{ color:#dd0000; }


/*----------------------------------------------------------------------*/
/* 問卷表單 */
.QuesWarp .FromSubGroup{ border:0; padding:0; margin-top:30px; }
.QuesWarp .form_subgroup_title{ position:relative; border-left:3px solid #cf4747; margin-bottom:5px; }
.QuesWarp .form_subgroup_title span{ display:block; border:0; background-color:#eee;
    font-size:1.125em; letter-spacing:0.03em; color:#333; padding: 3px 12px;
    -webkit-border-radius:0;
    -moz-border-radius:0;   
    border-radius:0;
}
.QuesWarp .editable_content p{ line-height:170%; }
.QuesWarp .editable_content .imgleft{ margin-right:15px;  }
.QuesTable tr{ padding:15px 5px 10px; display:block; width:100%; border-bottom:1px dashed #ddd; }
.QuesTable tr:last-child{ border-bottom:0; }
.QuesTable tr th{ text-align:left; width:auto; margin-bottom:8px; position:relative; }
.QuesTable tr th::after{ content:''; }
.QuesTable tr td{ padding-left:2.375rem; }
.QuesTable tr th, .QuesTable tr td{ display:block; border:0; }
    
.QuesTable tr:first-child th, .QuesTable tr:first-child td{ border-top:0; }
.QuesTable tr th > div{ display:inline-block; vertical-align:middle; }
.QuesTable .q_title{ padding-left:38px; line-height:28px; }
.QuesTable .no{ position:absolute; top:0; left:0;
    background-color:#eaeaea; width:30px; height:30px; line-height:30px; text-align:center; 
    color:#333; font-size:14px; font-style:italic;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.text_box{ margin-bottom:15px; 
/*  background-color:#ecf0f2; padding:15px 20px; 
    -webkit-border-radius:10px; 
    -moz-border-radius:10px; 
    border-radius:10px; */
}
.text_box p{ line-height:180%; }

.QuesTable .editable_content div.district p{ padding:0; }
.QuesTable .item{ position:relative; margin-bottom:10px; }
.QuesTable .item > *{ display:inline-block; vertical-align:top; }
.QuesTable .item label{ padding-left:15px; }
.QuesTable .item input[type="radio"], .QuesTable .item input[type="checkbox"]{
    position:absolute; top:7px; left:0;
}

/* 問卷結果 */
.scoreResult{ margin-bottom:20px; }
.scoreResult .item{ position:relative; background-color:#f5f5f5; 
    padding:30px 25px; margin-bottom:35px;
    -webkit-border-radius:10px; 
    -moz-border-radius:10px; 
    border-radius:10px; 
}
.scoreResult .item::after{ content:''; display:block; clear:both; }
.scoreResult .item .top{ text-align:center; margin-bottom:15px; }
.scoreResult .item .top > div{ display:inline-block; vertical-align:middle; }

.scoreResult .img{ text-align:center; margin-right:5px; max-width:100px; }
.scoreResult .img img{ width:100%; height:auto; }

.scoreResult .score{ font-size:2em; font-weight:bold; text-align:center; color:#333; letter-spacing:0.03em; }
.scoreResult .score span{ font-size:2em; }
.scoreResult .desc .editable_content ul{ list-style:none; margin-left:auto; }
.scoreResult .desc li{ margin-bottom:10px; background-color:rgba(255,255,255,0.75);
    padding:8px 20px; line-height:180%;
    -webkit-border-radius:10px; 
    -moz-border-radius:10px; 
    border-radius:10px;
}
.scoreResult .desc li::before{ content:"\f0da"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; 
    margin-right:5px; 
}
.scoreResult .desc li:last-child{ margin-bottom:0; }

/* 樣式 */
.scoreResult .item.score-box1{ background-color:#e9f5fd; border:4px solid #afd8f3; }
.scoreResult .item.score-box1 .icon span::before{ content:"\f582"; color:#2498e5; }

.scoreResult .item.score-box2{ background-color:#eaf7f4; border:4px solid #62cfb9; }
.scoreResult .item.score-box2 .icon span::before{ content:"\f5b8"; color:#20c2a1; }

.scoreResult .item.score-box3{ background-color:#faf5e5; border:4px solid #f5da89; }
.scoreResult .item.score-box3 .icon span::before{ content:"\f11a"; color:#e7ad23; }

.scoreResult .item.score-box4{ background-color:#f8eae8; border:4px solid #ed9b93; }
.scoreResult .item.score-box4 .icon span::before{ content:"\f119"; color:#ea7267; }

.scoreResult .item.score-box5{ background-color:#ebeaf5; border:4px solid #b7b0e3; }
.scoreResult .item.score-box5 .icon span::before{ content:"\f582"; color:#867dc4; }

.scoreResult .item.score-box6{ background-color:#f8eaf4; border:4px solid #f4bcd9; }
.scoreResult .item.score-box6 .icon span::before{ content:"\f582"; color:#ef7fb9; }

.scoreResult .item.score-box7{ background-color:#eaf3f3; border:4px solid #9ac5c7; }
.scoreResult .item.score-box7 .icon span::before{ content:"\f582"; color:#6ab2b5; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#Breadcrumbs{ margin-bottom:20px; }
#Breadcrumbs ul { display: inline-block;}
#Breadcrumbs ul li { float:left; padding-right:20px; font-size:87.5%; color:#444; line-height:24px; position:relative; }
#Breadcrumbs ul li a { display:block; color:#999; text-decoration:none; }
	#Breadcrumbs ul li:last-child{ padding-right:6px;}
	#Breadcrumbs ul li::after { content:'/'; position:absolute; top:0px; right:8px; color:#d9d9d9; font-size:14px; }
	#Breadcrumbs ul li:last-child::after{ content:'';}
	#Breadcrumbs ul li:last-child a{ color:#333;} 
	#Breadcrumbs ul li a:hover { text-decoration:underline;}

/* 工具列 */
.ToolBar { overflow:hidden; font-size:87.5%; position:relative; }
.ToolBar dl.font_size, .ToolBar dl.share { height:32px; }
.ToolBar .colm_left a, .ToolBar dl.font_size dt, .ToolBar dl.share dt { line-height:32px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd, .ToolBar dl.font_size a, .ToolBar dl.share dd, .ToolBar dl.share a { width:32px; height:32px; }

.ToolBar .colm_left a, .ToolBar dl.font_size dd, .ToolBar dl.share dd a, .ToolBar .colm_left a span::before{ 
	-webkit-transition: background-color 0.5s ease, opacity 0.3s ease, border 0.3s ease;
	-moz-transition: background-color 0.5s ease, opacity 0.3s ease, border 0.3s ease;
	transition: background-color 0.5s ease, opacity 0.3s ease, border 0.3s ease;
	}
.ToolBar .colm_left, .ToolBar dl.font_size, .ToolBar dl.share { padding-bottom:5px; }

.ToolBar .colm_left { float:left; text-align:center;}

.ToolBar .colm_left a { text-indent:-9999px; display: inline-block; float:left; position:relative; text-decoration:none; color:#000; 
    width:32px; height:32px; margin-right:15px; padding-left:30px; 
}
.ToolBar .colm_left a span::before { 
	content:''; display:inline-block; width:32px; height:32px; position:absolute; top:0px; left:0px; border:1px solid transparent; 
	background:url("../images/icon_toolbar.png") no-repeat;	
}
.ToolBar .colm_left a span::before:hover{ background-color:#f0f0f0; }
	.ToolBar .colm_left a.return span::before { background-position:8px 8px; }
	.ToolBar .colm_left a.print span::before { background-position:7px -22px; }
	
.ToolBar .colm_left a:hover{ color:#666; background-color:#f0f0f0;}	


.ToolBar dl.font_size{ position:relative; padding-right:5px;}
.ToolBar dl.font_size > * { float:left; }
.ToolBar dl.font_size dd { margin-right:6px; }

.ToolBar dl.font_size a { display:block; background:url("../images/icon_toolbar.png") no-repeat; text-indent:-10000px; border:1px solid transparent; }
	.ToolBar dl.font_size dd.font_small a { background-position:8px -50px; }
	.ToolBar dl.font_size dd.font_medium a { background-position:8px -84px; }
	.ToolBar dl.font_size dd.font_big a { background-position:6px -115px; }
.ToolBar dl.font_size a:hover{ background-color:#f0f0f0; }

.ToolBar dl.share > * { float:left; }
.ToolBar dl.share dt {}
.ToolBar dl.share dd { margin-right:6px; opacity:1; }
.ToolBar dl.share dd:last-child{ margin-right:0;}
.ToolBar dl.share dd a { display:block; background-color: #fff; background:url("../images/icon_toolbar.png") no-repeat; text-indent:-10000px; cursor:pointer; border:1px solid transparent; }
	.ToolBar dl.share dd a:hover{ background-color:#f0f0f0; }
    .ToolBar dl.share dd.facebook a { background-position:10px -146px; }
/*	.ToolBar dl.share dd.facebook a:hover{ border:1px solid #92a6cd; }*/
	.ToolBar dl.share dd.twitter a { background-position:7px -173px; }
/*	.ToolBar dl.share dd.twitter a:hover{ border:1px solid #8ed5f3; }*/
	.ToolBar dl.share dd.google_plus a { background-position:8px -204px; }
/*	.ToolBar dl.share dd.google_plus a:hover{ border:1px solid #e9a2a6; }*/
    .ToolBar dl.share dd.line a { background-position:6px -234px; }
/*  .ToolBar dl.share dd.line a:hover{ border:1px solid #85cd85; }*/
	

/*----------------------------------------------------------------------*/
/* 分類下拉 */
.CatTitle { margin-bottom:20px; }
.CatTitle::after { content:''; display:block; width:100%; clear:both; }
.CatTitle h3 {display:inline-block; font-size:1.25rem; line-height:35px; font-weight:normal; color:#c40d1a; }
.CatTitle .cat_select { line-height:35px; }
.CatTitle .cat_select .btn {
    color:#fff; box-sizing:border-box; border:0; margin:0 0 0 5px; padding:0 15px; height:35px; line-height:35px;
    background-color:#c40d1a; font-size:1em;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.CatTitle .cat_select select{ background-color:#f0f0f0; }
.CatTitle .cat_select .btn:hover, .CatTitle .cat_select .btn:focus {opacity:0.8; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top;  }


/*----------------------------------------------------------------------*/
/* 搜尋表單 */
.ListSearch{ overflow:hidden; }
.ListSearch .item{ display:inline-block; max-width:100%; line-height:35px; position:relative; 
    float:left; margin-right:15px;
}
.ListSearch .item:last-child{ margin-right:0; }
.ListSearch .item span.label::after{ content:'：';}
.ListSearch.FormElmt input[type="text"], .ListSearch.FormElmt select{ vertical-align:top; margin-bottom:0;}

.ListSearch.FormElmt{ margin-bottom:20px;}
.ListSearch.FormElmt .item{ position:relative; }
.ListSearch.FormElmt .item .label{ position:absolute; top:0; left:0; line-height:20px; }
.ListSearch.FormElmt .item .cont{ padding-top:25px; display:inline-block; }
.ListSearch.FormElmt select{ padding:0 15px; background-color:#f0f0f0;}
.ListSearch.FormElmt .BtnCommon{ position:inherit; display:inline-block; padding-top:25px; border: 0px;}
.ListSearch.FormElmt .BtnCommon input[type="submit"]{ padding:0; line-height:35px; width:80px; font-size:100%;}

.ListSearch.FormElmt .search{ position:relative; }
.ListSearch.FormElmt .btn{ width:35px; height:35px; position:absolute; top:0; right:0; text-align:center; line-height:35px; }
.ListSearch.FormElmt .btn::before{ content:'\f002'; font-family: 'Font Awesome 5 Pro'; font-weight: 900; color:#555; text-align:center; }
.ListSearch.FormElmt .btn input{ text-indent: -9999px; border:0; background:none; padding:0; } 
   


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult { margin-top:15px; margin-bottom:30px; }
.SearchResult .results_count{ background-color:#efefef; padding:10px 15px; border-radius:5px; }
.SearchResult .item { background-color:#fff; border-bottom:1px dashed #BCBCBC; padding:20px; overflow:hidden; }
.SearchResult .item > div{ margin-bottom:5px; }
.SearchResult .title { margin-bottom:10px; line-height:150%; font-size: 1.25em; letter-spacing:0.03em;}
.SearchResult .title a { display:block; color:#333;  }
.SearchResult .title a:hover { color:#c40d1a;}
.SearchResult .desc { color:#555; line-height:160%;}
.SearchResult .item span { color:red; }
.SearchResult .cat a {color: #8b8b8b;text-decoration: none;}
.SearchResult .date {
    margin-right: 20px;
    color: #8b8b8b;
    font-size: 87.5%;
    line-height: 175%;
    background: url(../images/icon_date.png) no-repeat 0 center;
    padding-left: 16px;
    font-family:Arial, sans-serif;
}

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { position:relative; }
.ListTable table{ width:100%; border-collapse:separate; border-spacing:3px;}
.ListTable table th, .ListTable table td{ text-align:center; color:#333;}

.ListTable table th.title { font-family:"Heiti TC", "黑體-繁", "Microsoft JhengHei", "微軟正黑體", sans-serif;}
.ListTable table td.title { text-align:left; letter-spacing: .015rem;}
.ListTable table td.title a { display:inline-block; color:#333; text-decoration:none; line-height:1.6;}
.ListTable table td.title a:hover { color:#c40d1a;}
.ListTable table td.date{font-family: Arial, sans-serif; font-size:93.8%;}
.ListTable table td.download li { display:block; }
.ListTable table td.download li a { white-space:nowrap; color:#333; text-decoration:underline; }
.ListTable table td.download li a:hover { color:#de1e19; }
.ListTable table td.download .file_ext{ background-position:top right; padding-right:24px; }
.ListTable table th.thum { width:150px; }
.ListTable table td.thum { width:150px; text-align:center; }
.ListTable table td.thum img { max-width:150px; }

.ListTable table tr td.title-link{ text-align:left; line-height:150%;}
.ListTable table .text-left{ text-align:left;}
.ListTable table .text-center{ text-align:center;}


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.editable_content + .ListPicText { margin-top:0; }
.ListPicText::after, .ListPicText .item > div::after { content:''; display:block; width:100%; clear:both; }
.ListPicText .item, .ListPicText .item > div, .ListPicText .img, .ListPicText .img > div, .ListPicText .cont, .ListPicText .btn { box-sizing:border-box; }

.ListPicText { margin-left:-10px; margin-right:-10px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; overflow:hidden; }
.ListPicText .item > div { 
    background-color:#fff; height:100%; position:relative;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    }
.ListPicText .img { position:relative; overflow:hidden; padding:10px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    }
.ListPicText .img > div {
    padding-bottom:75%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    }
.ListPicText .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-10000px; }

.ListPicText .date { color:#8b8b8b; line-height:180%; }
.ListPicText .title { margin-bottom:10px; }
.ListPicText .title a { 
    display:block; color:#000; line-height:150%; text-decoration:none; 
    /*描述最多顯2行，但此語法IE、Firefox皆不支援*/
    /*line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;*/
    /*不支援上述語法時的備案*/
    /*max-height:3em;*/
    }
.ListPicText .title a:hover, .ListPicText .title a:focus { color:#cf4747; text-decoration:underline; }
.ListPicText .desc { 
    margin-bottom:15px; color:#757575; line-height:180%; 
    /*描述最多顯示3行，但此語法IE、Firefox皆不支援*/
    /*line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;*/
    /*不支援上述語法時的備案*/
    /*max-height:4.5em;*/
    }
.ListPicText .btn a { 
    display:inline-block; border:1px solid #bbb; height:30px; line-height:30px; box-sizing:border-box;
    color:#6c6c6c; font-size:0.875rem; text-align:center; text-decoration:none; padding:0 20px 0 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    }
.ListPicText .btn a::before{ font-size:16px; }
.ListPicText .btn a:hover, .ListPicText .btn a:focus { border:1px solid #bbb; background-color:#bbb; color:#fff; }


/*----------------------------------------------------------------------*/
/* 延伸閱讀 */
.related_articles { margin-top:30px; margin-bottom:10px; box-sizing:border-box; 
    border-left:4px solid #cf4747; background-color:#f5f5f5; padding: 20px 15px;
}
.related_articles .title { font-size:112.5%; font-weight:normal;
    line-height:150%; color:#333; position:relative; padding: 0 0 10px 40px;
}
.related_articles .title::before { 
    content:''; display:block; position:absolute; top:2px; left:10px; width:24px; height:24px; 
    background:url("../images/icon_related_articles.png") no-repeat 0 0; background-size:cover; 
}
.related_articles .list { list-style-type:decimal; margin-left:30px; }
.related_articles .list li { padding:8px 0; color:#595959; line-height:150%; }
.related_articles .list a { display:block; color:#595959; text-decoration:none; }
.related_articles .list a:hover { color:#cf4747; }


/*----------------------------------------------------------------------*/
/* 頁碼 */
#Pagination { clear:both; text-align:center; }
#Pagination .pages { display:inline-block; font-size:87.5%; }
#Pagination a { display:inline-block; width:30px; text-decoration:none; line-height:30px;  color:#333; 
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px;  
}
    
#Pagination a:hover { color:#c2000b; }
#Pagination a.focuz { color:#fff; background-color:#c2000b; border: none;}
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { 
    border: 1px solid #d6d6d6; 
    background-color:#f2f2f2;
    width:auto; padding:0 10px; 
    -webkit-border-radius:35px; 
    -moz-border-radius:35px; 
    border-radius:35px;      
}
#Pagination .current { width:auto; background-color:transparent; cursor:default; padding: 0 10px; border:0;}
#Pagination .current:hover { color:#333; background-color:transparent; }
    
#Pagination .setting { display:block; clear:both; padding-top:15px; line-height:32px; color:#515151; font-size:75%; }
#Pagination .setting select { padding:6px 0 5px; border:1px solid #ccc;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px; 
}
#Pagination .setting input[type="text"] { width:38px; height:32px; border:1px solid #ccc; 
    vertical-align:bottom; padding: 0 3px;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px; 
}
#Pagination .per_page select, #Pagination .goto input[type="text"]{ margin:0 5px; }
#Pagination .setting input[type="submit"] { height:32px; padding:0 6px; margin-left:3px; }
#Pagination .setting input[type="button"]{ border:0; width:40px; height:32px; background-color:#ddd; color:#000;
    border:1px solid #ddd;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px; 
}
#Pagination .setting  input[type="button"]:hover{ background-color:#ccc; border-color:#ccc; }


/* 內頁頁碼 */
.inPagination { margin-top:30px; clear:both; text-align:center; font-size:81.25%; display:none; }
.inPagination .pages { display:inline-block; }
.inPagination a {
    display:inline-block; width:35px ;margin:0 4px 12px 4px; border:1px solid #d6d6d6; background-color:#f2f2f2; 
    color:#7b7b7b; text-decoration:none; line-height:35px;
    -webkit-border-radius:50%; 
    -moz-border-radius:50%; 
    border-radius:50%;  
}
.inPagination a:hover { border:1px solid #c8c8c8; background-color:#c8c8c8; }
.inPagination a.focuz { color:#fff; background-color:#c2000b; border:1px solid #c2000b; }


/* 檔案下載icon */
.file_ext { background-repeat:no-repeat; display:inline-block !important; }
	.file_doc { background-image:url("../images/file_ext/doc.png"); }
	.file_img { background-image:url("../images/file_ext/img.png"); }
	.file_mov { background-image:url("../images/file_ext/mov.png"); }
	.file_other { background-image:url("../images/file_ext/other.png"); }
	.file_pdf { background-image:url("../images/file_ext/pdf.png"); }
	.file_ppt { background-image:url("../images/file_ext/ppt.png"); }
	.file_txt { background-image:url("../images/file_ext/txt.png"); }
	.file_xls { background-image:url("../images/file_ext/xls.png"); }
	.file_zip { background-image:url("../images/file_ext/zip.png"); }
    .file_odp { background-image:url("../images/file_ext/odp.png"); }
    .file_csv { background-image:url("../images/file_ext/csv.png"); }
    .file_ods { background-image:url("../images/file_ext/ods.png"); }
    .file_odt { background-image:url("../images/file_ext/odt.png"); }
	.file_xml { background-image:url("../images/file_ext/xml.png"); }



/* 2018-08-31上線時暫時用的 */
.ListTable table td.title .a_st{ text-decoration:underline; }