@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:220px; padding:10px 0; }

/* footer */
@media screen and (max-width:799px) {
#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 20px 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; }
}
@media screen and (min-width:800px) {
#Footer .location .item { margin-right:30px; margin-bottom:10px; }
#Footer .footer_info .copyright { flex-direction:column; align-items:flex-end; }
#Footer .footer_info .organizer { justify-content:flex-end; }
#Footer .footer_info .bottom { justify-content:flex-end; }
}


/*----------------------------------------------------------------------*/
/* 首頁 */
.banner_slider .slick-prev, .banner_slider .slick-next { width:43px; height:43px; }
.banner_slider .slick-prev { left:12px; }
.banner_slider .slick-next { right:12px; }
.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:10px; }

/* 首頁第一區 */
.IndexArea01 { padding-top:60px; }
.IndexArea01:before { top:14%; height:86%; }

/* 智農新聞 */
.IndexNews { padding-bottom:60px; }
@media screen and (max-width:879px) {
.IndexNewsList .item { width:50%; }
.IndexNewsList .desc { display:none; }
.IndexNewsList .title { padding:15px 0 8px; }
}
@media screen and (min-width:880px) {
.IndexNewsList .item { width:33.33%; }
}

/* 活動課程 */
.IndexEvents { margin:0 14px; }
.IndexEvents .IndexMoreBtn { padding-top:30px; }
.IndexEvents .IndexTitle h2 { color:#25507b; text-shadow:3px 5px 0 rgba(0,0,0,.1); font-size:2.8125rem; letter-spacing:.15em; text-align:center; margin-bottom:20px; }
.IndexEventsList .item > div { font-size:1.125rem; }
.IndexEventsList .date { width:20%; }
.IndexEventsList .title { width:80%; }
.IndexEventsList .title a { text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; }

/* 首頁客製樣式 */
.editable_content .index_edit .desc span { display:inline; }

/* 推動現況與實例-圖像牆 */
.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:767px) {
.IndexArticleList .item { width:50%; }
}
@media screen and (min-width:768px) {
.IndexArticleList .item { width:33.33%; }
}


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


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

/* 標題 */
.PageTitle { height:55px; }
.PageTitle h2 { font-size:2.25rem; }
h3.article_title { font-size:1.75rem; }

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

/* 麵包列 */

/* 工具列 */
.ToolBar .colm_left { display:none; }
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:right; }

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

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

/* 編輯器 */
.editable_content blockquote { padding:25px 45px; }
.editable_content blockquote::before, .editable_content blockquote::after { font-size:7rem; }
.editable_content .MsgModule_Media .describe:after { font-size:7rem; }
.editable_content .MsgModule_Media .describe { padding:38px 30px 44px; }

.editable_content .guest_tabs .item { margin:10px 10px 18px; }
.editable_content .guest_tabs a { font-size:1.25rem; padding:10px 46px; }

/* 智農是什麼-客製樣式 */
.editable_content .aboutBox { padding:35px 0 20px; margin:35px 0; }
.editable_content .aboutBox h3 { font-size:2rem; padding:9px 35px; }
.editable_content .aboutBox h4 { font-size:2rem; }
.editable_content .aboutBox > p, .editable_content .aboutBox > .imgBox { padding:15px 35px; }
.editable_content .aboutBox .block { padding:40px 35px 30px 35px; }
.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 14px; line-height:60px; }
.editable_content .PageNav .nav_item { font-size:1.25rem; padding:14px; }

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

/*----------------------------------------------------------------------*/
/* 按鈕 */
.BtnCommon.large div[class] a, .BtnCommon.large div[class] input { padding-left:52px; padding-right:25px; }
.BtnCommon.large div[class] span:before { left:25px; }
.BtnCommon.mid div[class] a, .BtnCommon.mid div[class] input { padding-left:52px; padding-right:25px; }
.BtnCommon.mid div[class] span:before { left:25px; }

/*----------------------------------------------------------------------*/
/* 表單 */
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:top; }
.FormTable > tbody > tr > th { width:125px; padding:15px 15px 15px 0; text-align:right; }
.FormTable > tbody > tr > th:empty::after { display:none; }
.FormTable > tbody > tr > td { padding:10px 0 4px; }
.FormTable.lectureForm > tbody > tr > th { padding:18px 15px 18px 0; }
.FormTable.lectureForm > tbody > tr > td { padding:14px 15px 7px 0; }

/* 表單元件 */
.FormElmt .input_group > div { display:inline-block; white-space:nowrap; margin-right:12px; }
.FormElmt input + input, .FormElmt input + select, .FormElmt select + input, .FormElmt select + select { margin-left:4px; }

.input_table li { width:33.33%; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.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 15px; }
.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:#555; font-size:0.875rem; position:relative; }
.ListTable td.date br { display:none; }
.ListTable td.title { font-size:1.375rem; }
.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; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText > div { margin-left:-10px; margin-right:-10px; }
.ListPicText .item { padding-left:15px; padding-right:15px; margin-bottom:30px; }
.ListPicText .btn a { font-size:0.875rem; }
.ListPicText.list-view .btn { text-align:right; }
.ListPicText.grid-view .date { margin-top:-2.75em; background:#fff; padding-left:.75em; padding-right:.75em; }

@media screen and (max-width:767px) {
.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; }

/* list-view 一律以兩欄顯示 */
.ListPicText.list-view .img { float:none; }
.ListPicText.list-view .item { float:left; width:50%; }
.ListPicText.list-view .date { margin-top:-2.75em; background:#fff; padding-left:.75em; padding-right:.75em; }
.ListPicText.list-view .btn { text-align:center; }

/* grid-view 一律以兩欄顯示 */
.ListPicText.grid-view .item { float:left; width:50%; }
}

@media screen and (min-width:768px) {
.ListPicText .cont { padding:20px 20px 74px 20px; }
.ListPicText .title { font-size:1.25rem; }
.ListPicText .date { font-size:0.8125rem; }
.ListPicText .desc { font-size:0.875rem; }
.ListPicText .btn { bottom:20px; }

/* list-view */
.ListPicText.list-view .img { float:left; width:360px; max-width:50%; padding-right:15px; }
.ListPicText.list-view .cont > div { padding-bottom:50px; }
    
/* 單欄 */
.ListPicText.list-view.single .title a { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.ListPicText.list-view.single .desc { -webkit-line-clamp:2; }
.ListPicText.list-view.single .item > div { padding-left:360px; }
.ListPicText.list-view.single .cont { min-height:253px; padding:20px 25px 20px 5px; }
.ListPicText.list-view.single .img { padding:20px; width:360px; position:absolute; left:0; top:0; }
.ListPicText.list-view.single .btn { padding-right:25px; }
    
 /* 兩欄 */
.ListPicText.list-view.bisection .item { padding-left:20px; padding-right:20px; }
.ListPicText.list-view.bisection .item > div { padding-left:315px; min-height:315px; }
.ListPicText.list-view.bisection .cont { padding:20px 20px 20px 0; }
.ListPicText.list-view.bisection .img { padding:20px; width:315px; float:none; position:absolute; left:0; top:0; }
.ListPicText.list-view.bisection .btn { padding-right:20px; }
.ListPicText.list-view.bisection .title a { font-size:1.375rem; }
.ListPicText.list-view.bisection .date { font-size:1rem; }
.ListPicText.list-view.bisection .desc { font-size:1rem; }

/* grid-view 一律以三欄顯示 */
.ListPicText.grid-view .item { float:left; width:33.3333%; }
.ListPicText.grid-view.bisection .item { width:50%; }
}

/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.AdvancedSearch .item { width:calc((100% - 60px) / 3); }