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

/*----------------------------------------------------------------------*/
/* Header */
.header_info, .MenuBar { display:none; }
#Header .logo { margin:0 auto; text-align:center; }
#Header .logo a { height:40px; max-width:200px; padding:10px 0; }

/* footer */
#Footer .location, #Footer .footer_info { width:100%; max-width:720px; margin-left:auto; margin-right:auto; }
#Footer .location { text-align:center; }
#Footer .location .item { margin:0 10px 10px; }
#Footer .footer_info { padding-top:20px; border-top:1px solid rgba(255,255,255,.3); margin-top:12px; }
#Footer .footer_info .copyright { flex-direction:column; align-items:center; text-align:center; }
#Footer .footer_info .organizer { justify-content:center; text-align:center; }
#Footer .footer_info .bottom { justify-content:center; }

/* Btn Top */
.BtnTop { width:45px; height:45px; }
.BtnTop a { width:45px; height:45px; }
.BtnTop a:after { left:16px; top:14px; }
.BtnTop a:before { left:21px; top:13px; }

/*----------------------------------------------------------------------*/
/* 首頁 */
.banner_slider .slick-prev, .banner_slider .slick-next { width:35px; height:35px; }
.banner_slider .slick-prev { left:10px; }
.banner_slider .slick-next { right:10px; }
.banner_slider .slick-prev:before, .banner_slider .slick-next:before { width:10px; height:10px; margin-top:-5px; }
.slick-dots { bottom:10px; }
.slick-dots li button { height:8px; }

/* 首頁第一區 */
@media screen and (max-width:599px) {
.IndexArea01 { padding-top:35px; }
.IndexArea01:before { top:6%; height:94%; }
}
@media screen and (min-width:600px) {
.IndexArea01 { padding-top:40px; }
.IndexArea01:before { top:10%; height:90%; }
}

/* 智農新聞 */
.IndexNews { padding-bottom:50px; }
.IndexNews .IndexTitle h2 { font-size:2.25rem; }
.IndexNews .IndexTitle h2:before { height:55px; width:62px; background-size:contain; }
.IndexNewsList .desc { display:none; }
.IndexNewsList .title { padding:15px 0 8px; }
@media screen and (max-width:599px) {
.IndexNewsList .item { float:none; }
.IndexNews .IndexTitle h2 { margin-bottom:30px; }
}
@media screen and (min-width:600px) {
.IndexNewsList .item { width:50%; }
}

/* 活動課程 */
.IndexEvents { margin:0 14px; padding-bottom:50px; }
.IndexEvents .IndexMoreBtn { padding-top:30px; }
.IndexEvents .IndexTitle h2 { color:#25507b; text-shadow:3px 5px 0 rgba(0,0,0,.1); font-size:2.25rem; letter-spacing:.15em; text-align:center; margin-bottom:20px; }
.IndexEventsList .th { display:none; }
.IndexEventsList .item { padding:12px 15px; flex-wrap:wrap; }
.IndexEventsList .item > div { font-size:1.125rem; padding:2px 0; text-align:left; }
.IndexEventsList .date { width:100%; }
.IndexEventsList .title { width:100%; }
.IndexEventsList .title a { display:block; }

/* 首頁客製樣式 */
.editable_content .index_edit { height:600px; }
.editable_content .index_edit h2 { font-size:2.25rem; }
.editable_content .index_edit .desc { font-size:1.25rem; }
.editable_content .index_edit .desc span { display:inline; }

/* 推動現況與實例-圖像牆 */
.IndexArticle .IndexTitle h2 { font-size:1.75rem; }
.IndexArticle .IndexTitle h2:before { height:40px; width:45px; background-size:contain; }
.IndexArticle { padding:50px 0; }

.IndexArticleList { margin-left:-5px; margin-right:-5px; }
.IndexArticleList > div { padding:0 5px; display:flex; flex-wrap:wrap; }
.IndexArticleList .item { padding-left:10px; padding-right:10px; margin-bottom:30px; position:relative; }
.IndexArticleList .item a {  }
.IndexArticleList .title { padding-top:8px; padding-bottom:8px; font-size:1.125rem; color:#000; }
.IndexArticleList .desc { font-size:0.875rem; line-height:150%; color:#444; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.IndexArticleList .img { padding-bottom:67.135%; }
.IndexArticleList .item a:hover .title, .IndexArticleList .item a:focus .title { text-decoration:underline; }
@media screen and (max-width:479px) {
.IndexArticleList .item { width:100%; }
}
@media screen and (min-width:480px) {
.IndexArticleList .item { width:50%; }
}

/*----------------------------------------------------------------------*/
/* 內頁 */
#Content { padding-bottom:20px; }

/*----------------------------------------------------------------------*/
/* 內頁元素 */
#MainBar { padding:20px 0; }

/* 標題 */
.PageTitle { height:45px; }
.PageTitle h2 { font-size:2rem; }
h3.article_title { font-size:1.5rem; }

/* 左側欄選單 */
#ColumnLeft { display:none; }

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

/* 工具列 */
.ToolBar .colm_left { display:none; }
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:right; }
@media screen and (max-width:369px) {
    .ToolBar dl.font_size, .ToolBar dl.share { float:none; }
    .ToolBar dl.share { padding-left:40px; margin-top:10px; }
}

/* 分類下拉 */
.CatTitle .cat_select { margin-top:10px; }

/* 頁碼 */
#Pagination a { margin:0 5px; display:none;	}
#Pagination a.prev, #Pagination a.next, #Pagination .current { display:inline-block; }
#Pagination .setting { display:none; }

/* 編輯器 */
.editable_content blockquote { padding:20px 30px; font-size:1.25rem }
.editable_content blockquote::before, .editable_content blockquote::after { font-size:6rem; }
.editable_content blockquote::after { bottom:-68px; }
.editable_content .MsgModule_Media .describe { padding:22px 20px 28px; }
.editable_content .MsgModule_Media .describe:after { font-size:6rem; bottom:-68px; }
.editable_content h4.ext_title { font-size:1.5rem; text-align:center; }
h4.ext_title span { margin:0 auto; }
h4.ext_title:before { top:22px; }
.editable_content ol { margin-left:20px; }
.editable_content ul { margin-left:20px; }
.editable_content .imgleft, .editable_content .imgright { float:none !important; clear:both; max-width:100%; text-align:center; margin-top:0; margin-bottom:20px; margin-left:auto; margin-right:auto; }
@media screen and (max-width:559px) {
.editable_content .imgleft, .editable_content .imgright { width:100%; text-align:center; }
}
.mob_hide { display:none; }
.dep_hide { display:block; }

.editable_content .guest_tabs .item { margin:8px 8px 5px; }
.editable_content .guest_tabs a { font-size:1.125rem; padding:8px 26px; }

/* 智農是什麼-客製樣式 */
.editable_content .aboutBox { padding:30px 0 15px; margin:30px 0; }
.editable_content .aboutBox h3 { font-size:1.5rem; padding:9px 25px 9px 20px; }
.editable_content .aboutBox h4 { font-size:1.5rem; }
.editable_content .aboutBox > p, .editable_content .aboutBox > .imgBox { padding:15px 20px; }
.editable_content .aboutBox .block { padding:40px 20px 30px 20px; }
.PageNavFix .editable_content .PageNav > div { display:flex; overflow-x:auto; overflow-y:hidden; height:60px; padding-left:60px; }
.PageNavFix .editable_content .PageNav .nav_item { white-space:nowrap; padding:0 10px; line-height:60px; }
.editable_content .PageNav .nav_item { font-size:1.125rem; padding:10px; }

/* colorbox */
#colorbox_thum a { width:140px; margin:5px; }

/* 文章列表 */
h3.article_title { margin-top:10px; }

/*----------------------------------------------------------------------*/
/* 表單 */
.FormGroup { padding:18px 12px; margin-bottom:15px; }
.FormTable, .FormTable > tbody, .FormTable > tbody > tr, .FormTable > tbody > tr > th, .FormTable > tbody > tr > td { display:block; }
.FormTable > tbody > tr > th { text-align:left; }
.FormTable > tbody > tr > td { }
.FormTable > tbody > tr { padding:10px 0; border-bottom:1px dashed #d3d3d3; }

.input_table li { width:50%; }

/* 驗證碼 */
.FormElmt .randomcode .img img { margin-bottom:11px; }

/*----------------------------------------------------------------------*/
/* 按鈕 */
.BtnCommon.btn_form div { margin:5px; }
.BtnCommon.large div[class] a, .BtnCommon.large div[class] input { padding-left:45px; padding-right:20px; }
.BtnCommon div[class] span:before { left:20px; }
.BtnCommon.mid div[class] a, .BtnCommon.mid div[class] input { padding-left:45px; padding-right:20px; }
.BtnCommon.mid div[class] span:before { left:20px; }
.BtnCommon.mid a, .BtnCommon.mid input { font-size:0.875rem; }
.BtnCommon.large a, .BtnCommon.large input { font-size:1rem; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { margin-bottom:20px; }
.ListTable table, .ListTable tbody, .ListTable tr, .ListTable th, .ListTable td { display:block; }
.ListTable tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable tr { padding:10px; }
.ListTable tr:nth-child(2n+1) { background-color:#ddedf3; }

.ListTable td { margin:5px 0; text-align:left; }
.ListTable td.no { display:inline-block; background:#003b59; color:#fff; padding:0 .5em; }
.ListTable td:before { font-weight:bold; content:attr(data-th)"："; }
.ListTable td.no:before, .ListTable td.title:before, .ListTable td.date::before, .ListTable td.cont::before { content:""; }
.ListTable td.date { margin-bottom:-5px; margin-top:0; color:#666; font-size:0.875rem; position:relative; }
.ListTable td.date br { display:none; }
.ListTable td.title { font-size:1.25rem; }
.ListTable td.download a.file_ext { width:32px; height:32px; line-height:32px; }
.ListTable td.download a.file_ext::before { width:32px; height:32px; }
.ListTable td.download a.file_ext::after { width:24px; height:24px; margin:-12px 0 0 -12px; }
.ListTable td.download.desc li { display:block; }
.ListTable td.download.desc a.file_ext { text-indent:0; width:auto; padding-left:34px; }
.ListTable td.download.desc a.file_ext::after { left:4px; margin-left:0; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
/* 639px~480px時 一律以圖上文下雙欄顯示,479以下時，一律以圖上文下單欄顯示 */
.ListPicText .item { padding-left:10px; padding-right:10px; margin-bottom:20px; }

.ListPicText .img { float:none; }
.ListPicText .cont { padding:15px 15px 70px 15px; }
.ListPicText .title { font-size:1.25rem; }
.ListPicText .date { font-size:0.8125rem; }
.ListPicText .desc { font-size:0.875rem; }
.ListPicText .btn { bottom:20px; }
.ListPicText .btn a { font-size:0.875rem; }
.ListPicText .date { margin-top:-2.75em; background:#fff; padding-left:.75em; padding-right:.75em; }

@media screen and (max-width:480px) {
    .ListPicText .item { width:100%; max-width:360px; margin-left:auto; margin-right:auto; margin-bottom:30px; }
}

@media screen and (min-width:479px) {
    .ListPicText .item { float:left; width:50%; }
}

/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.AdvancedSearch .item { width:200px; }