@charset "utf-8";
/*導盲磚*/
.messages .guide{ color:#222; font-size:0.875rem; text-decoration:none; position:absolute; top:-35px; left:0px; z-index:9; }
#C,#D,#E{color: #FFE966;}

/*banner*/
.banner{ width:100%; font-size:0rem;; position:relative; }
.banner .imgbox{ width:100%; }
.banner .imgbox img{ width:100%; }
.banner .controls{ position:absolute; right:20px; bottom:15px; z-index: 10; }
.banner .controls .btn_left{ width:44px; height:44px; display:inline-block; vertical-align:middle; margin:0 0 0 15px; background-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250207052328/https://www.kdais.gov.tw/images/index/btn_left.png); background-size:100%; cursor:pointer; font-size:0rem;; }
.banner .controls .btn_right{ width:44px; height:44px; display:inline-block; vertical-align:middle; margin:0 0 0 15px; background-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250207052328/https://www.kdais.gov.tw/images/index/btn_right.png); background-size:100%; cursor:pointer; font-size:0rem;; }

/*訊息*/
.messages{ background:rgba(255,255,255,0.5); position:relative;}
.m-line02{top: 51px;}
.m-line03{top: 101px;}
.bulletin{ position:relative; margin-top:51px; display: table;width: 100%;}
.bull02{ position:relative;margin-top: 0px;}
.bull03{ position:relative;margin-top: 0px;}
.bulletin .b_grids .column{ position:absolute; width:25%; top:-51px;  }
.bull02 .b_grids .column{ position:absolute; width:25%;}
.bull03 .b_grids .column{ position:absolute; width:25%;}

.bulletin .b_grids .column .gtable { width: 100%; display: table; }
.bulletin .b_grids .column .gtable .gtd { display: table-cell; vertical-align: middle; font-size:1.05rem; font-weight: bold; color:#222; text-align: right; padding: 10px 3px;}
.bulletin .b_grids .column .gtable .gtd.whs { width: 200px; text-align: left; }

.bulletin .b_grids .column .gtable .gtd .mores { background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250207052328/https://www.kdais.gov.tw/images/index/icon_more.png); font-size:0.938rem; color:#222; display: inline-block; vertical-align: middle; border-width: 1px; border-style: solid; border-color:#222; padding: 3px 5px 3px 28px; background-repeat: no-repeat; background-position: 5px center; text-decoration: none; border-radius: 3px; }
.bulletin .b_grids .column .gtable .gtd .dates { border: 1px solid #222; padding: 3px 5px 3px 28px; background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250207052328/https://www.kdais.gov.tw/images/index/icon_date.png); background-repeat: no-repeat; background-position: 5px center; font-size:0.938rem; color: #222; text-decoration: none; border-radius: 3px; display: inline-block; vertical-align: middle; }

.bulletin .b_grids.color_deep .column{ background:#fff6c1; left:0px; }
.bulletin .b_grids.color_deep .column:hover{ background:#FFE966;}
.bulletin .b_grids.color_deep .column.holds{ background:#FFE966;}

.bulletin .b_grids.color_shallow .column{ background:#d3edd3; left:25%; }
.bulletin .b_grids.color_shallow .column:hover{background:#6EC56F;}
.bulletin .b_grids.color_shallow .column.holds{background:#6EC56F;}

.bulletin .b_grids.dcolor02 .column{ background:#ff726b; left:0px; }
.bulletin .b_grids.dcolor02 .column:hover{ background:#ff726b;color: #fff;}
.bulletin .b_grids.dcolor02 .column.holds{ background:#ff726b;color: #fff;}

.bulletin .b_grids.scolor02 .column{ background:#6CC0FF; left:25%; }
.bulletin .b_grids.scolor02 .column:hover{background:#6CC0FF;}
.bulletin .b_grids.scolor02 .column.holds{background:#6CC0FF;}

.bulletin .b_grids.dcolor03 .column{ background:#FFAA54; left:0px; }
.bulletin .b_grids.dcolor03 .column:hover{ background:#FFAA54;}
.bulletin .b_grids.dcolor03 .column.holds{ background:#FFAA54;}

.bulletin .b_grids.scolor03 .column{ background:#D7FF90; left:25%; }
.bulletin .b_grids.scolor03 .column:hover{background:#D7FF90;}
.bulletin .b_grids.scolor03 .column.holds{background:#D7FF90;}

.bulletin .b_grids.mov-a .column{ left:auto; right:25%; }
.bulletin .b_grids.mov-b .column{ left:auto; right:0px; }

.messages .txtbox{ padding:15px 10px; font-size:0rem;; }
.messages .bull02 .txtbox{margin-top:0px; }
.messages .bull03 .txtbox{margin-top:0px; }
.messages .bull02 .txtbox .grids{margin-top: 0px;}
.messages .bull03 .txtbox .grids{margin-top: 0px;}

.messages .txtbox .grids{ width:23%; margin:1%; display:inline-block; vertical-align:top; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position: relative; text-decoration:none; }
.messages .txtbox .grids .headline{ border-bottom:1px solid #dadada; padding:12px 15px; font-size:1rem; color:#000; height:70px; }
.messages .txtbox .grids .headline .news_type{position: absolute;top: 0;right: 0;background: #47AAD0;color: #fff;padding: 3px;-webkit-border-radius: 0px 0px 0px 8px;-moz-border-radius: 0px 0px 0px 8px;border-radius: 0px 0px 0px 8px;border-right: solid 3px #5db0d8;}
.messages .txtbox .grids .headline .txt{ overflow:hidden; width:100%; height:100%; }
.messages .txtbox .grids .article{ font-size:0.938rem; color:#444; height:42px; padding:0 60px 0 20px; margin: 5px 0; overflow:hidden; }
.messages .txtbox .grids .goicon{ width:27px; height:27px; background-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250207052328/https://www.kdais.gov.tw/images/index/icon_go_a.png); background-size:100%; position:absolute; right:15px; bottom:15px; }

.bulletin .b_grids.color_deep .txtbox .grids{ border:1px solid #5db0d8; }
.bulletin .b_grids.color_deep .txtbox .grids .headline span{ color:#0b7700; display:block; padding:0 0 5px 0; }
.bulletin .b_grids.color_deep .txtbox .grids:hover{ background:#e4f2d9; }
.bulletin .b_grids.color_deep .column:hover:after { content: ""; display: block; width: 0; height: 0px; border-style: solid; border-color: #FFE966 transparent transparent transparent; border-width: 10px 10px 10px 10px; position: absolute; left: 0px; right: 0px; margin: auto; }

.bulletin .b_grids.color_shallow .txtbox .grids{ border:1px solid #65b559; }
.bulletin .b_grids.color_shallow .txtbox .grids .headline span{ color:#3C814E; display:block; padding:0 0 5px 0; }
.bulletin .b_grids.color_shallow .txtbox .grids:hover{ background:#EEFFEE; }
.bulletin .b_grids.color_shallow .column:hover:after { content: ""; display: block; width: 0; height: 0px; border-style: solid; border-color: #6EC56F transparent transparent transparent; border-width: 10px 10px 10px 10px; position: absolute; left: 0px; right: 0px; margin: auto; }

.bulletin .b_grids.color_deep .holds:after { content: ""; display: block; width: 0; height: 0px; border-style: solid; border-color: #FFE966 transparent transparent transparent; border-width: 10px 10px 10px 10px; position: absolute; left: 0px; right: 0px; margin: auto; }
.bulletin .b_grids.color_shallow .holds:after { content: ""; display: block; width: 0; height: 0px; border-style: solid; border-color: #6EC56F transparent transparent transparent; border-width: 10px 10px 10px 10px; position: absolute; left: 0px; right: 0px; margin: auto; }

.bulletin .b_grids.dcolor02 .column:hover:after {border-color: #ff726b transparent transparent transparent;}
.bulletin .b_grids.dcolor02 .holds:after{border-color: #ff726b transparent transparent transparent;}
.bulletin .b_grids.scolor02 .column:hover:after {border-color: #6CC0FF transparent transparent transparent;}
.bulletin .b_grids.scolor02 .holds:after{border-color: #6CC0FF transparent transparent transparent;}
.bulletin .b_grids.dcolor03 .column:hover:after {border-color: #FFAA54 transparent transparent transparent;}
.bulletin .b_grids.dcolor03 .holds:after{border-color: #FFAA54 transparent transparent transparent;}
.bulletin .b_grids.scolor03 .column:hover:after {border-color: #D7FF90 transparent transparent transparent;}
.bulletin .b_grids.scolor03 .holds:after{border-color: #D7FF90 transparent transparent transparent;}


.bulletin .b_grids .txtbox .grids:hover .headline{ color:#222; }
.bulletin .b_grids .txtbox .grids:hover .headline span{ color:#222; }
.bulletin .b_grids .txtbox .grids:hover .article{ color:#222; }
.bulletin .b_grids .txtbox .grids:hover .goicon{ background-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250207052328/https://www.kdais.gov.tw/images/index/icon_go_b.png); }

/*主題館*/
.themetable{ display:table; width:100%;margin-top: 101px;}
.themetable .tds-a{ display:table-cell; width:10%; vertical-align:middle; background: #3C814E; height:120px; text-align:center; }
.themetable .tds-b{ display:table-cell; vertical-align:middle; height:120px; font-size:0rem;; }

.themetable .tds-a .headline{ margin:0 auto; width:105px; font-size:1.15rem; font-weight:bold; color:#fff; text-align:center; }
.themetable .tds-a .headline .btnsbox{ text-align:center; }
.themetable .tds-a .headline .btns-left{ width:22px; height:22px; display:inline-block; vertical-align:middle; background-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250207052328/https://www.kdais.gov.tw/images/index/btn_th_left.png); cursor:pointer; margin:0 0 0 5px; font-size:0rem;; }
.themetable .tds-a .headline .btns-right{ width:22px; height:22px; display:inline-block; vertical-align:middle; background-image:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250207052328/https://www.kdais.gov.tw/images/index/btn_th_right.png); cursor:pointer; margin:0 5px 0 5px; font-size:0rem;; }

.themetable .tds-b .grids{ display:inline-block; width:7.69%; height:120px; overflow:hidden; position:relative; text-decoration:none; background-size:cover; }
.themetable .tds-b .grids .flexcen{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:relative; z-index:1; display: inline-flex; align-items: center; }
.themetable .tds-b .grids .flexcen .txts{ font-size:1.15rem; font-weight:bold; color: #fff; text-align:center; width:100%; }
.themetable .tds-b .grids img{ position:absolute; left:0px; top:0px; bottom:0px; right:0; margin:auto; max-width:100%; }
.themetable .tds-b .grids:hover .flexcen{ display:none; }

/*相關*/
.relateds{ display:table; width:100%; }
.relateds .tds{ width:50%; display:table-cell; vertical-align:top;  padding: 0px 20px 10px 20px; background:#e4f2d9; }
.relateds .tds:nth-child(1){ background:#e4f2d9; }
.relateds .tds:nth-child(2){ background:#F9FFFD; }

.relateds .btds{ width:33%; display:table-cell; vertical-align:top;  padding: 0px 20px 10px 20px; background:#fff; border-top:1px solid #88bebb; border-left:1px solid #88bebb;}
.relateds .btds:first-child{ border-left:none; }

.rtable { width:100%; display:table; margin:0 0 10px 0; }
.rtable .rtd { display:table-cell; vertical-align:middle; font-size:1.25rem; font-weight:bold; color:#000; padding:10px 0; text-align:right; }
.rtable .rtd.whs { width:150px; text-align:left; }
.rtable .rtd.whs-a { width:125px; text-align:left;}
.rtable .rtd .mores { border: 1px solid #222; padding:0 5px 0 28px; background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250207052328/https://www.kdais.gov.tw/images/index/icon_more.png); background-repeat: no-repeat; background-position: 5px center; font-size:0.938rem; color: #222; text-decoration: none; border-radius:3px; display: inline-block; vertical-align: middle; line-height:22px; }
.rtable .rtd .r_right{ display:inline-block; vertical-align:middle; width:22px; height:22px; border:1px solid #222; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250207052328/https://www.kdais.gov.tw/images/index/r_right.png); background-repeat:no-repeat; background-position:center center; border-radius:3px; cursor:pointer; font-size:0rem;; }
.rtable .rtd .r_left{ display:inline-block; vertical-align:middle; width:22px; height:22px; border:1px solid #222; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250207052328/https://www.kdais.gov.tw/images/index/r_left.png); background-repeat:no-repeat; background-position:center center; border-radius:3px; cursor:pointer; font-size:0rem;; }

.serviceMs{ /*border: 1px dashed #02785d;*/-webkit-border-radius: 10px;-moz-border-radius: 10px;
border-radius: 10px; padding:10px ; text-decoration:none; display:block; }
.serviceMs:after{ content:""; clear:both; display:block; }
.serviceMs .serimg{ float:left; width:110px; }
.serviceMs .serbox{ width: 100%; }
.serviceMs .serbox .txts{ margin: 5px 0;padding: 3px 0;text-align: center;margin-bottom: 12px;border-bottom: 1px dashed #ddd;}
.serviceMs .serbox .txts img{display: inline-block;width: 15px; padding-right: 10px;opacity: 0.4;mix-blend-mode: luminosity;}
.serviceMs .serbox .txts a{font-size:1.05rem; color:#02785d; margin: 10px 0;padding:5px 0; text-decoration: none;}
.serviceMs .serbox span .inline{ display: inline-block;}
.serviceMs .serbox .inline a{ font-size:0.938rem; color:#02785d;  text-decoration: none;letter-spacing: 0.5px;margin: 5px 0;}
.serviceMs .serbox .nonemob{ color:#02785d;}
.farming_video{ position:relative; width:100%; height:0px; padding-bottom:56%; }
.farming_video img{ width:100%; height:100%; position:absolute; top:0px; left:0px; }
.farming_video a:focus img{ outline:2px solid #6badff; }
.linksRebox{ font-size:0rem;; padding: 0 30px; }
.linksRe{ display:inline-block; vertical-align:top; width:48%; margin:0 3% 3% 0;}
.linksRe:nth-child(even){ margin:0 0 1% 1%; }
.linksRe img{ width:100%; height: 40px; }
.linksRebox .no_js{ display: block!important;float: left; }
@media screen and (min-width:1024px) and (max-width:1300px){
.farming_video{padding-bottom: 56%;}
}

/*介紹*/
.intblock{ width: 100%;background: #fff; padding:0; }
.itds{ width:33%; display:table-cell; vertical-align:top;  padding: 0px 20px 10px 20px; background:#fff; border-top:1px solid #88bebb; border-left:1px solid #88bebb;}
.relateds .btds:first-child{ border-left:none;}


.itable { width:100%; display:table; margin:0 0 10px 0; }
.itable .itd { display:table-cell; vertical-align:middle; font-size:1.25rem; font-weight:bold; color:#000; padding:10px 0; text-align:right; }
.itable .itd.whs { width:200px; text-align:left; }
.itable .itd .mores { border: 1px solid #222; padding:0 5px 0 28px; background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250207052328/https://www.kdais.gov.tw/images/index/icon_more.png); background-repeat: no-repeat; background-position: 5px center; font-size:0.938rem; color: #222; text-decoration: none; border-radius:3px; display: inline-block; vertical-align: middle; line-height:22px; }
.itable .itd .i_right{ display:inline-block; vertical-align:middle; width:22px; height:22px; border:1px solid #222; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250207052328/https://www.kdais.gov.tw/images/index/r_right.png); background-repeat:no-repeat; background-position:center center; border-radius:3px; cursor:pointer; font-size:0rem;; }
.itable .itd .i_left{ display:inline-block; vertical-align:middle; width:22px; height:22px; border:1px solid #222; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250207052328/https://www.kdais.gov.tw/images/index/r_left.png); background-repeat:no-repeat; background-position:center center; border-radius:3px; cursor:pointer; font-size:0rem;; }

.servicepic .listpic{ display: inline-block; width:110px;margin: 5px;text-align: center;padding: 0 8px; }
.servicepic .listpic img{ width:100%;height: 100%;max-height: 100px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .2);-moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .2);box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .2); }
.servicepic .listpic_food{ display: inline-block; width:60px;margin: 5px;text-align: center;padding: 0 10px; }
.servicepic .listpic_food img.food{ width:60px;height: 80px;text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .2);-moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .2);box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .2); }


.igridsblock{ font-size:0rem;; }
.igridsblock .grids{ width:23%; margin:0 1%; display:inline-block; vertical-align:top; background:#fff; padding:10px; text-decoration:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.igridsblock .grids .imgs{ width:100%; height:0px; padding-bottom:100%; position:relative; }
.igridsblock .grids .imgs img{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; max-width:100%; }
.igridsblock .grids .texttab{ display:table; width:100%; height:52px; }
.igridsblock .grids .texttab .tds{ display:table-cell; vertical-align:middle; color:#000; font-size:1.25rem; text-align:center; }

/*================================●●●●●●●●●●●●電腦版●●●●●●●●●●●●================================*/
@media screen and (max-width:1456px){
.bulletin .b_grids .column .gtable .gtd .mores{ padding:0; width:30px; height:26px; font-size:0rem;; background-position:center; }
.bulletin .b_grids .column .gtable .gtd .dates{ padding:0; width:30px; height:26px; font-size:0rem;; background-position:center; }

/*訊息*/
.bulletin .b_grids .column .gtable .gtd.whs{ width:200px; }
.bulletin .b_grids .column .gtable .gtd .dates{ width:22px; height:21px; }
.bulletin .b_grids .column .gtable .gtd .mores{ width:18px; height:18px;background-size: 70%; }

/*相關*/
.serviceMs .serimg{ float:none; margin:0 auto; }
.serviceMs .serbox{ float: left;margin-left: 20px;clear: both;}

}



/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){
/*標題*/
.maintitle .tds-title{ display:block; padding: 10px 0 0 0; }
.maintitle .tds-nav{ display:block; padding: 10px; }

/*訊息*/
.bulletin{ margin-top:46px; }
.bulletin .b_grids .column{ top:-46px; }
.bulletin .b_grids .column .gtable .gtd{ font-size:1.125rem; }
.bulletin .b_grids .column .gtable .gtd.longtxt{font-size: 0.875rem;letter-spacing: 0.5;}
.m-line02,.m-line03{top: 0;}

/*主題館*/
.themetable{margin-top: 0; }
.themetable .tds-b .grids{}
.themetable .tds-b .padnone{ display:none; }

/*相關*/
.rtable .rtd .mores{ padding: 0; width:25px; height: 22px; font-size: 0rem; background-position: center; }

.serviceMs .serimg{ float:none; margin:0 auto; }
.serviceMs .serbox{ margin:0; }

.linksRe{ width:48%; margin:0 0 10px 0; }
.linksRe:nth-child(even){ margin: 0 0 10px 0; }


.presentbox .present img{ width:70%;height: 100%;}

.farming_video{padding-bottom:56%; }
.farming_video iframe{ width:100%; height:100%;}

/*農民曆*/

.weatherbox .weatherbox_r .frame{height: 100%;}
.weatherbox .weatherbox_r .moon{height: 15%;}
.weatherbox .weatherbox_r .day{height: 85%;padding-bottom: 10px;padding-top:0px;}

}



/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
/*導盲磚*/
.messages .guide{ top:15px; }

/*banner*/
.banner .controls{ right:10px; }
.banner .controls .btn_left{ width:22px; height:22px; }
.banner .controls .btn_right{ width:22px; height:22px; }	
	
/*訊息*/
.messages{ position:relative; }
.m-line02,.m-line03{top: 0;}
.messages .column .grids{ display:block; width:100%; padding:0 60px 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.bulletin{ margin:auto; }
.bulletin .b_grids{display: block;width: 100%;}
.bulletin .b_grids .column{ width:auto; left:auto; top:auto; position:static; }

.messages .txtbox{ display:block !important; }
.messages .txtbox .grids{ width:auto; display:block; margin:0 0 10px 0; }
.messages .txtbox .grids:nth-child(n+2){ display:none; }
.messages .txtbox .grids .headline{ padding:10px; }
.messages .txtbox .grids .article{ padding:0 35px 0 10px; }
.messages .txtbox .grids .goicon{ right:7px; }
.messages .column .grids .gtable .gtd .mores{ height:20px; }

/*主題館*/
.themetable{ display:block;margin-top: 0; }
.themetable .tds-a{ display:block; width:auto; height:auto; padding:10px; }
.themetable .tds-a .headline{ width:auto; }
.themetable .tds-a .headline .btnsbox{ display:inline-block; }
.themetable .tds-b{ display:block; }
.themetable .tds-b .grids{}
.themetable .tds-b .mobnone{ display:none; }
.themetable .tds-b .grids .flexcen .txts{ font-size:1rem; }

/*相關*/
.relateds{ display:block; width:auto; }
.relateds .tds{ display:block; border:none; width:auto; padding:0 10px 20px 10px; }

.relateds .btds{width: auto;display:block;}
.linksRe img {width: 100%;height: 30px;}

.presentbox .present img{ width:100%;height: 100%;}

.farming_video{padding-bottom:56%;padding-left: auto;padding-right: auto; }

/*農民曆*/
.weatherbox{ width: 100%;display:block}
.weatherbox .weatherbox_l{width:auto;display:block}
.weatherbox .weatherbox_r{width:auto;display:block}

.weatherbox .weatherbox_r .frame{height: 100%;}
.weatherbox .weatherbox_r .moon{height: 15%;}
.weatherbox .weatherbox_r .day{height: 85%;padding-bottom: 10px;padding-top:0px;}


/*介紹*/
.intblock{width: auto;display:block; }
.itds {width: auto;display:block;}
.igridsblock .grids{ width:48%; margin:1%; }
.igridsblock .grids .texttab .tds{ font-size:1.125rem; }

}

.active{ display:block}
.active_show{ display:block}
.active_inline{ display:inline-block}
.active_hidden{ display:none !important}






/*
     FILE ARCHIVED ON 5:23:28 二月 7, 2025 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 20:54:05 五月 22, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/