@charset "utf-8"; 
/*首頁*/
.vision_index{background-color:#efefef;height: 120px;background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517102518/https://ezland.afa.gov.tw/Content/images/vision_index.jpg");background-position: center center;
}	
 
.contentBG{background-color: #fff; background-image: none;}

.headerTitle {padding:20px;padding-right: 0px;}
.headerTitle h2{display: inline-block;font-size: 1.5em; margin: 0px; padding: 0px;font-weight: 600;line-height: 46px;} 
.headerTitle img{display: inline-block;vertical-align: top;margin-right: 5px;}
.btn-index{padding: 8px 30px;font-size: 1em;font-weight: 600;}

.indexTop{background-color: #fff; }
.indexTop::after{display: block;content: "";clear: both;}

.indexNews{float: left;width:calc(100% - 830px);height:330px; } 
.indexNews .newsbox{padding: 0px 30px;margin-top: 20px;}
.newslist{border-bottom: solid 1px #90AD1B;position: relative;padding-left: 140px;height: 50px;line-height: 50px;margin-bottom: 10px;}
.newslist .date{display: block;color: #E7EECF;background-color: #90AD1B;width: 130px;text-align: center;position: absolute;top: :0px;left: 0px;}
.newslist a.txt{display: block; color: #000;width:100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;color: #333; }
.newslist a.txt:hover{color: #F03D02;}

.indexSearch{float: left;background-color: #EDF3E9;height:330px;width: 530px;}
.indexSearch .content{margin: 0px 40px;} 
.indexSearch .row{margin-bottom: 5px;}
.indexSearch .row li{padding: 5px;}
.indexSearch .row li h5{font-size: 0.6em;color: #666;padding-left: 5px;}
.indexSearch .form-check{display: inline-block;}
.indexSearch .form-check input{margin-right: 5px;} 

.indexMapsearch{float: left;width: 300px;height:330px;background-color: #b4f1ff;} 
.indexMapsearch a{display: block;}
.indexMapsearch a .txtBG{stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.indexMapsearch .AreaNorth .area{transition: all 0.5s;}
.indexMapsearch .AreaNorth:hover .area{fill:#1747FF;}
.indexMapsearch .AreaNorth:hover .txtBG{fill:#1A1A1A;} 
.indexMapsearch .AreaMiddle .area{transition: all 0.5s;}
.indexMapsearch .AreaMiddle:hover .area{fill:#4A5C00;}
.indexMapsearch .AreaMiddle:hover .txtBG{fill:#1A1A1A;} 
.indexMapsearch .AreaSouth .area{transition: all 0.5s;}
.indexMapsearch .AreaSouth:hover .area{fill:#FF9600;}
.indexMapsearch .AreaSouth:hover .txtBG{fill:#1A1A1A;} 
.indexMapsearch .AreaEast .area{transition: all 0.5s;}
.indexMapsearch .AreaEast:hover .area{fill:#00734F;}
.indexMapsearch .AreaEast:hover .txtBG{fill:#1A1A1A;} 
.indexMapsearch .AreaOutside .area{transition: all 0.5s;}
.indexMapsearch .AreaOutside:hover .area{fill:#8C00B9;}
.indexMapsearch .AreaOutside:hover .txtBG{fill:#1A1A1A;} 


.farmArea{padding: 10px 0px;background-color: #fff;}
 
.farmArea ul.farmTab{margin:0px auto;width: 400px;text-align: center;position: relative;}
.farmArea ul.farmTab li{}
.farmArea ul.farmTab li a{display: block;font-size: 1.2em;color: #000;font-weight: 600;width: 200px;text-align: center;transition: all 0.5s;}
.farmArea ul.farmTab li a i{color: #107661;display: block;opacity: 0;}
.farmArea ul.farmTab li a:hover{color: #29A000;background-color: rgba(255,255,255,0.5);}
.farmArea ul.farmTab li a.active{color: #107661;background-color: #fff;}
.farmArea ul.farmTab li a.active i{opacity: 1;}

.farmArea .farmPane{background-color: #fff; padding:10px 0px;position: relative;}
            
  .farmArea .farmPane ul.slickitems{padding: 0px;margin: 10px 0px;}
  .farmArea .farmPane ul.slickitems li{padding:0px;}

.farmArea .farmPane ul.slickitems .slick-arrow.slick-next {right: 0px;}
.farmArea .farmPane ul.slickitems .slick-arrow.slick-prev{left: 0px;z-index: 1;}


.farmbox{border:solid 1px #fff;position: relative;}	
.farmbox .dataimg{box-sizing: border-box;width:100%;height:350px;
background-color: #efefef; background-size: cover;background-repeat: no-repeat;background-position: center center;
}
.farmbox h3{display: block; font-size: 2em;font-weight: 600;padding: 10px;margin: 0px;text-shadow: 0px 0px 5px rgba(255,255,255,0.75); 
    position: absolute;top: 10px;
	overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.farmbox ul{background-color: #fff;margin: 0px;}
.farmbox ul li{padding:10px;} 
.farmbox ul li .item{margin:3px 10px;padding-bottom: 5px; border-bottom: solid 1px #666666;font-size: 1.2em;font-weight: 600;}
.farmbox ul li:nth-child(5) .item ,  .farmbox ul li:nth-child(6) .item{border-style: none;}
.farmbox ul li .tt{display:block;color: #198707; }
 
 ul.slickitems li:nth-child(odd) .farmbox ul{background-color: #d4d4d4;}
 ul.slickitems li:nth-child(even) .farmbox ul{background-color: #efefef;}

.indexDeal{}
.indexDeal .tablebox{}  
.indexDeal .main_Table{font-size: 1.3em;line-height: 1.8em;}
.indexDeal .main_Table th {padding: 20px;}
.indexDeal .main_Table td{padding: 15px;}

@media only screen and (max-width: 1330px){	 
.indexNews{width: 100%;float: none;height: auto;padding-bottom: 30px;} 
.indexSearch{width:calc(100% - 380px);}  
}
@media only screen and (max-width: 768px){	 
    
.vision_index{height: 80px;background-size: cover;}	 
.newslist{padding-left: 0px;height:auto;}
.newslist .date{position: relative;width: auto;} 
 .newslist a.txt{ overflow:inherit;text-overflow: inherit;white-space: inherit;line-height: 25px;padding: 10px; }
    
.indexSearch{width: 100%;float: none;height: auto;padding-bottom: 30px;}  
.indexSearch select{font-size: 0.8em;}
.indexMapsearch{width: 100%;float: none;height: auto;} 


     
}

 






/*
     FILE ARCHIVED ON 10:25:18 五月 17, 2024 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 21:57:47 五月 24, 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)).
*/
