@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html { height:100% }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; letter-spacing:1px; -webkit-text-size-adjust:none; font-size:12px; overflow:auto;}
body, td, th {font-size:12px;font-family: /*Arial,*/ "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif;}
.iframech { display:none }
.middle{ vertical-align:middle; }
.form_text_Sort { width:25px; border:1px solid #CC9966; text-align:center; height:22px; line-height:22px; }

/*button*/
.btn1{ border:0; letter-spacing:1px; color:#FFF !important; font-size:15px; width:auto; padding:12px 35px; display:inline-block; background:#51af0f; cursor:hand; cursor:pointer; -webkit-border-radius: 25px;-moz-border-radius:25px; border-radius: 25px; }
.btn1:hover{ color:#fff !important; background:#8ec540; -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;
 -ms-transition: all .4s ease
}

.btn2{ border:0; letter-spacing:1px; color:#FFF !important; font-size:15px; width:auto; padding:12px 35px; display:inline-block; background:#727272; cursor:hand; cursor:pointer; -webkit-border-radius: 25px;-moz-border-radius:25px; border-radius: 25px; }
.btn2:hover{ color:#fff !important; background:#909090; -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;
 -ms-transition: all .4s ease
}

/*連結*/
.link{ font-size:15px; color:#666; text-decoration:none; }
.link:hover{ text-decoration:underline; }

/*分頁*/
.pager{ width:100%; text-align:center; margin:30px auto; }

/*提示文字內容*/
#tip_box { position: fixed; line-height:22px; background-image:url(../../images/tip_bg.png); color: #FFF; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-left:10px; }
/*提示圖片處理*/
.tip { cursor:pointer; cursor:hand }
.require{ color:#F00; padding-right:3px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Common <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#wrapper{ width:100%; background:url(../../images/bg.png) repeat; }
#wrapper .container-bg{ width:1400px; overflow:hidden; margin:0 auto; background:url(../../images/container-bg2.png) no-repeat bottom right; }
#wrapper .container{width:1400px;position: relative;padding: 0 0 200px 0;overflow:hidden;background:url(../../images/container-bg.png) no-repeat top;background-position-y: 80px;}
#header{ position:relative; width:100%; min-height:575px;  }
#header .header-logo{ margin-top: 30px; top:30px; left:30px; }
#header .header-title{ position:absolute; top:230px; left:60px; color:#646464; font-size:48px; }
#header .header-title span{ width:450px; color:#295564; font-size:30px; display:block; margin:30px 0 0 0; letter-spacing:2px; padding:10px 0; line-height:50px; text-transform:uppercase; }

/*Nav*/
#nav{ position:absolute; right:20px; top:60px; z-index:9999; color:#000000; font-size:14px;
-webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;
 -ms-transition: all .4s ease
}
#nav img{ vertical-align:middle; }
#nav a{ color:#000000; text-decoration:none; letter-spacing:2px; }
#nav a:hover{
    border-bottom: 3px solid #65b60b;
	padding-bottom:5px;
}

/*頁面排版*/
.layout-left{ width:850px; float:left; }
.layout-right{ width:550px; float:left; }

.inner-left{width: 355px;margin: 0 20px 0 30px;float:left;}
.inner-right{width: 990px;float:left;}

.inner-full{ width:100%; }

/*框1*/
.frame-area{position:relative;width:100%;min-height:380px;margin: 20px 10px 50px 10px;box-sizing: border-box;overflow:hidden;padding: 15px 20px 75px 20px;background:url(../../images/frame-bg.png) no-repeat bottom;background-color:#FFFFFF;border:1px solid #ebebeb;box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.25);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.frame-area .title{ font-size:24px; color:#65b60b; text-shadow: 1px 1px 1px #CCC; }
.frame-area .title span{ padding-left:15px; font-size:14px; color:#949494; }
.frame-area .title img{ vertical-align:-40%; padding-right:15px; }
.frame-area .line{ width:100%; height:5px; margin:10px 0 30px 0;  background:url(../../images/border.png); background-size:cover; }
.frame-area .btn-area{ position:absolute; bottom:7px; right:20px; }

/*框2*/
.frame-area2{position:relative;width:100%;min-height:200px;margin: 20px 20px 50px 20px;box-sizing: border-box;overflow:hidden;background-color:#FFFFFF;border:1px solid #ebebeb;box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.25);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.frame-area2 .title{font-size:24px;padding:20px 0 15px 0;color: #ffffff;text-shadow: 1px 1px 1px #CCC;background:#4fae0f;}
.frame-area2 .title span{padding-left:15px;font-size:14px;color: #ffffff;}
.frame-area2 .title img{ vertical-align:-40%; padding-right:15px; }
.frame-area2 .content{ min-height:200px; padding:20px; color:#636363; font-size:15px; line-height:25px; }
.frame-area2 .editor{ padding:50px; }
.frame-area2 .date{ color:#000000; font-size:20px; text-align:center; padding:50px 0; }
.frame-area2 .btn-area{ width:100%; margin:0 auto; }
.frame-area2 .btn-area{ text-align:center; margin:0px auto 80px auto; }

/*左方子選單*/
.frame-area3{ position:relative; width:100%;min-height:200px;margin: 20px 0 50px 0;box-sizing: border-box;overflow:hidden;background-color:#FFFFFF;border:1px solid #ebebeb;box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.25);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.frame-area3 .title{font-size:24px;padding: 25px 15px;color: #ffffff;text-shadow: 1px 1px 1px #CCC;background: #77bb32;}
.frame-area3 .title span{padding-left:15px;font-size:14px;color: #ffffff;}
.frame-area3 .title img{ vertical-align:-40%; padding-right:15px; }
.frame-area3 ul{ margin:0; padding:0 10px; background:#f6f6f6; }
.frame-area3 ul li{ font-size:18px; color:#343434; padding:25px 0; border-bottom:1px dotted #000000; line-height:25px; }
.frame-area3 ul li:last-child{ border-bottom:0; }
.frame-area3 ul li:before{ content:url(../../images/icon-arrow3.png); padding:0 10px; }
.frame-area3 ul li a{ color:#5d5d5d; text-decoration:none; }
.frame-area3 ul li a.on{ color:#537d35; }
.frame-area3 ul li a:hover{ color:#537d35; }


/*地圖導覽區塊*/
.sitemap-content{position:relative;width:100%;min-height:200px;margin: 20px 20px 50px 20px;box-sizing: border-box;overflow:hidden;background-color:#FFFFFF;border:1px solid #ebebeb;box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.25);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.sitemap-content .title{font-size:24px;padding:20px 0 15px 0;color: #ffffff;text-shadow: 1px 1px 1px #CCC;background: #4fae0f;}
.sitemap-content .title span{padding-left:15px;font-size:14px;color: #ffffff;}
.sitemap-content .title img{ vertical-align:-40%; padding-right:15px; }
.sitemap-content .content{ min-height:200px; padding:20px; color:#636363; font-size:15px; line-height:30px; }
.sitemap-content .editor{ padding:20px; }
.sitemap-content .date{ color:#000000; font-size:20px; text-align:center; padding:50px 0; }
.sitemap-content .btn-area{ width:100%; margin:0 auto; }
.sitemap-content .btn-area{ text-align:center; margin:0px auto 80px auto; }

.sitemap-area{position:relative;width:100%;min-height:300px;margin: 20px 40px 50px 20px;box-sizing: border-box;overflow:hidden;padding: 15px 20px 75px 20px;background-color:#FFFFFF;border:1px solid #ebebeb;box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.25);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;float: left;}
.sitemap-area .title{font-size:24px;color: #65b60b;text-shadow: 1px 1px 1px #CCC;}
.sitemap-area .title span{ padding-left:15px; font-size:14px; color:#949494; }
.sitemap-area .title img{ vertical-align:-40%; padding-right:15px; }
.sitemap-area .line{ width:100%; height:5px; margin:10px 0 30px 0;  background:url(../../images/border.png); background-size:cover; }
.sitemap-area .btn-area{ position:absolute; bottom:7px; right:20px; }


/*表格*/
#table-list{ border-bottom: 1px solid #cccccc; margin:0 0 30px 0; }
#table-list tr{}
#table-list tr th{ font-size:18px; color:#636363; font-weight:normal;border-bottom: 1px dashed #cccccc;padding:0 0 20px 0; }
#table-list tr td{text-align:center;font-size:18px;padding: 8px 0;color:#636363;border-bottom: 1px dashed #cccccc;}
#table-list tr:nth-child(odd) td{ background:#f6f6f6;}
#table-list tr:last-child td{border-bottom:0;}
#table-list tr td a{ color:#636363; text-decoration:none; }
#table-list tr td a:hover{ text-decoration:underline; }


/*Footer*/
#footer{width:100%;min-height:150px;padding:30px 0;position: absolute;bottom: 0;}
#footer .visitor{ width:100%; color:#3d8809; font-size:13px; text-align:right; padding:0 50px 0 0; border-bottom:1px solid #d7d7d7; padding-bottom:10px; margin:0 0 10px 0; text-shadow: 1px 1px 1px #CCC; }
#footer .copyright{ text-align:right; font-size:13px; color:#2c2c2c; line-height:25px; }
#footer .copyright span{ display:block; color:#949494; font-size:12px; }
#footer .copyright span a{ color:#949494; font-size:12px; text-decoration:none; }
#footer .copyright span a:hover{ text-decoration:underline; }





/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Index <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*首頁最新消息*/
.news-list table tr td{padding: 10px 0;border-bottom:1px dashed #bfbfbf;}
.news-list .news-date{ color:#7e623f; font-size:14px; width:140px; }
.news-list .news-title{ color:#000000; font-size:15px; line-height:20px; }
.news-list .news-title a{ color:#000000; text-decoration:none; }
.news-list .news-title a:hover{ color:#65b60b; }

.precautions{position:relative;width:100%; overflow:hidden;margin: 0 20px;}
.precautions .title{ color:#317106; font-size:24px; text-shadow: 1px 1px 1px #CCC; }
.precautions .title span{ padding-left:15px; font-size:14px; color:#949494; }
.precautions .content{ font-size:15px; color:#000000; line-height:23px; margin:30px 0 0 0; padding:0 0 70px 0; }
.precautions .btn-area{ position:absolute; bottom:7px; right:20px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Login <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.login-table td{ color:#505050; font-size:20px; padding:25px 0; }
.login-table td input[type=text],input[type=password]{ border:1px solid #cfcfcf; background:#f5f5f5; width:520px; height:50px; padding:0 20px; font-size:20px; letter-spacing:1px; box-sizing:border-box; color:#666;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> News <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.news-title{ position:relative; border-bottom:1px solid #CCC; padding-bottom:20px; margin:0 0 30px 0; font-size:20px; }
.news-title span{ position:absolute; right:0; font-size:14px; color:#999 }
.news-dowon td img{ padding-right:10px;}
.news-dowon a{ font-size:16px; color:#666; text-decoration:none; }
.news-dowon a:hover{ text-decoration:underline; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Upload <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.upload_note{ background:#F7F5EF; color:#00498F; margin:10px; padding:10px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> table_css <<<-------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*表格外框*/
.table_Box { /*border:1px solid #E7E2D1;*/ }
/*表格大標題靠左*/
.table_Bigtitle_Left {/* padding-left:10px; *//* padding-right:10px; */ font-weight:bold; padding: 10px 10px;/* margin-bottom: 30px; */box-sizing: border-box;background: #ebebeb;/* border-bottom: 1px solid #cccccc; *//* background-color:#D6CDAF; */font-size: 15px;text-align:left;height:25px;line-height:25px;}
/*表格大標題靠右*/
.table_Bigtitle_Right { padding-left:10px; padding-right:10px; background-color:#D6CDAF; text-align:right; height:25px; line-height:25px; }
/*表格分類抬頭*/
.table_Title_NoWidth {height:25px;font-size: 13px;text-align:center;background-color:#E1E7CD;line-height:25px;}
/*表格分類抬頭 60*/
.table_Title_Width60 { width:60px; text-align:center; height:25px; line-height:25px; background-color:#E1E7CD; text-align: center; }
/*表格分類抬頭 80*/
.table_Title_Width80 { width:80px; text-align:center; height:25px; line-height:25px; background-color:#E1E7CD; text-align: center; }
/*表格分類抬頭內容*/
.table_Title_Main { padding-left:15px; padding-right:15px; text-align:left }
/*表格分類編輯刪除..等*/
.table_Title_Type { text-align: center; }
/*表格內容*/
.table_Main { padding-left:10px; padding-right:10px; text-align:left}
/*表格排序數字抬頭*/
.table_Number_Title { height:25px; line-height:25px; text-align:center; background-color:#E1E7CD; width:25px }
/*表格排序數字*/
.table_Number_Main { height:22px; line-height:22px; text-align:center; width:25px }

/* -----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> form_Css <<<---------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------*/

/*表單送出表格大小*/
.table_from_Bottom { height:50px; text-align:center; }
/*表單新增抬頭*/
.table_from_Title {text-align:right;padding: 10px 0;font-size: 14px;/* height:25px; */width: 200px;line-height:25px;}
/*表單text輸入NoWidth*/
.form_text_Nowidth { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width50*/
.form_text_width50 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:50px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width100*/
.form_text_width100 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:100px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width150*/
.form_text_width150 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:150px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width200*/
.form_text_width200 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:200px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width250*/
.form_text_width250 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:250px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width300*/
.form_text_width300 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:300px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width350*/
.form_text_width350 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:350px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width400*/
.form_text_width400 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:400px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width450*/
.form_text_width450 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:450px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單textarea輸入height50*/
.form_textarea_h50w450 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:450px; height:50px; line-height:22px; border:1px solid #CCCCCC; padding:5px; }
/*表單textarea輸入height100*/
.form_textarea_h100w450 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:450px; height:100px; line-height:22px; border:1px solid #CCCCCC; padding:5px; }
/*表單textarea輸入height150*/
.form_textarea_h150w450 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:450px; height:150px; line-height:22px; border:1px solid #CCCCCC; padding:5px; }
/*表單排序輸入*/
.form_text_Sort { width:25px; border:1px solid #CC9966; text-align:center; height:22px; line-height:22px; }
/*表單select*/
.form_Select { margin-left:5px; letter-spacing:1px; padding:2px;border:1px solid #CCCCCC; }
/*表單抬頭select*/
.form_Title_Select { letter-spacing:1px; padding:2px;border:1px solid #CCCCCC; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position:relative; height: 100%; width: 0%; position: fixed; overflow:auto; top: 0; left: 0; overflow:auto; background-color:rgba(0, 0, 0, 0.5); z-index:100000000 }
.Loadaction {width: 220px;height: 55px;top: 42%;padding: 15px 0 0 0;position: absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;background-color:rgba(0, 0, 0, 0.5);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.Actionupload_Text {font-size:13px;color:#FFFFFF;height: 20px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cssa { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:10px; padding-left:10px }
.cssb { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:5px; padding-left:5px }
.cssc { padding-bottom:3px; letter-spacing:1px; font-size:12px; padding-left:10px; padding-right:10px; height:40px }
.cssd { font-family:Verdana; font-size:12px; letter-spacing:2px; height:10px; border:1px solid #FFFFFF }
a.pagelink_no:link { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink_no:visited { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:active { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:hover { color: #003399; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:link { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink:visited { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:active { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:hover { color: #333333; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_ch:link { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:visited { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:active { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:hover { color: #cc3300; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> accesskey <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#gotocenter{ position:absolute; top:5px; left:5px; color: #FFFFFF;}
#gotocenter:focus{ color: #666666;}

a[accesskey] { position: absolute;}
#AU[accesskey] { color: #666666; right:170px;}
#AC[accesskey] { color: #666666; left:5px;}
#AZ[accesskey] { color: #666666; right:130px;}
#AU:focus,  #AC:focus,  #AZ:focus{ color: #666666;}

@media screen and (max-width: 991px)  {
    #AU[accesskey] {
    /* color: #00416F; */
    }
}

/* 無障礙通用 */
input:focus
{
	background-color: #52A4E7 !important;
	color : #000 !important;
}
textarea:focus
{
	background-color: #52A4E7 !important;
	color : #000 !important;
}

a:focus
{
	outline:2px dashed #51af0f;
	border-style:dashed !important;
	border-color:#51af0f !important;
	outline:#51af0f dashed solid !important;
}

/*無障礙選單*/
a.MenuCss { color: #000; text-decoration: none;  }

.copyright{display: flex;  justify-content: space-between;}
.f-notice{width: 50%;text-align: left;}
.f-copyright{width: 50%;}