@charset "utf-8";

body { margin: 0; padding: 0; color: #666; font-size: 13px; font-family: '微軟正黑體', Microsoft JhengHei, Arial, Helvetica, PMingLiU; }
img { border: 0; text-decoration: none;}
form, input, textarea, select, label { margin: 0; padding: 0; color: #333; font-size: 12px;}
input, textarea, select, label { font-family: '微軟正黑體', Microsoft JhengHei,Verdana, PMingLiU;}
textarea { resize: none;}
a{ color: #000; text-decoration: none; outline: none;}
.clearBoth { height: 0; font-size: 0; line-height: 0; clear: both;}
.displayNone { display: none;}

/* index */
#wrap{ width: 100%; background: url(../images/topbk.gif) 0 0 repeat-x;}
#content{ width: 1000px; margin: 0 auto; overflow: hidden;}
#header{ width: 1000px; margin: 0 auto 18px; height: 106px;}
h1{ width: 395px; height: 67px; overflow: hidden; padding: 0; margin: 22px 0; float: left;}
#nav{ width: 480px; float: right;}
ul#qlink{ float: right; margin: 18px 0 0; padding: 0;}
#qlink li{ float: left; margin-right: 5px; list-style: none;}
#menu{ width: 480px; background: url(../images/menuline.png) 0px 18px no-repeat; float: right; margin: 3px 3px 0 0; padding: 0; position: relative;}
#banner{ width: 990px; height: 250px; overflow: hidden; padding: 1px; border: 1px solid #eaeaea; margin: 0 auto 20px; background: #fff;}

/* news */
#news{ width: 585px; overflow: hidden; float: left; background: url(../images/newsti.gif) 0 0 no-repeat; padding: 5px 0 0;}
a.moreBtn{ background: url(../images/more.gif) 0 0 no-repeat; width: 90px; height: 17px; overflow: hidden; display: block; float: right; text-indent: -999px;}
a.moreBtn:hover{ background-position: 0 -17px;}
table#newsList{ width: 100%; border-spacing: 0; font-weight: bold; font-size: 13px; line-height: 22px; margin: 15px 0 10px;}
table#newsList tr:nth-child(odd){ background: #e1f1ff;}
table#newsList th.date{ width: 100px; color: #00498e;}
table#newsList th, table#newsList td{ padding: 7px 0;}
table#newsList td.newsTi{ background: url(../images/icon.png) 0 14px no-repeat; padding-left: 15px;}
table#newsList td.newsTi a{ color: #000;}
table#newsList td.newsTi a:hover, 
table#newsList tr:hover{ background: #00498e; color: #fff;}
table#newsList tr:hover th.date, table#newsList tr:hover td.newsTi a, table#newsList tr:hover th.no{ color: #fff;}
table#newsList tr:hover td.newsTi{ background-image: url(../images/iconhover.png)}
#inlineNews, #inlineDownload{ padding: 70px 20px 30px; background: url(../images/conbk.gif) 0 55px repeat-x;}

/* download */
#download{ background: url(../images/downrp.gif) 0 0 repeat-y; width: 385px; overflow: hidden; float: right; margin-bottom: 10px;}
.downTi{ width: 335px; height: 30px; overflow: hidden; background: url(../images/downti.gif) 0 0 no-repeat; text-align: right; padding-right: 15px; line-height: 20px; margin-bottom: 10px}
.downTi a{ color: #4a4a4a;}
.downTi a:hover{ color: #00498e;}
.downTop{ background:url(../images/downtop.gif) 0 0 no-repeat; height: 4px;}
.downBot{ background:url(../images/downbot.gif) 0 0 no-repeat; height: 5px;}
.downCon{ padding: 15px 20px 10px 15px;}
a.downlist{ display: block; width: 328px; overflow: hidden; padding: 5px; font-weight: bold; background: url(../images/arealine.gif) 25px bottom no-repeat; margin: 5px 0; border: 1px solid #fff;}
a.downlist:hover { background: #f2f9ff; border: 1px solid #9fcbf0;}
a.downlist .cata{ width: 38px; height: 38px; overflow: hidden; float: left;}
a.downlist .folder{ background: url(../images/folder.png) 0 0 no-repeat;}
a.downlist .file{ background: url(../images/file.png) 0 0 no-repeat;}
a.downlist:hover .folder, a.downlist:hover .file{ background-position: 0 -38px;}
a.downlist .desc{ width: 280px; overflow: hidden; float: right; }
a.downlist .desc .date{ color: #7ea800; font-size: 13px; margin-bottom: 3px;}
a.downlist:hover .desc .date{ color: #276fb3;}
a.downlist .desc .name{ color: #000000; font-size: 14px;}
/*#inlineDownload{ padding: 70px 10px 10px; background-color:Blue;}
#inlineDownload .downBox{ width: 420px; overflow: hidden;  background-color:Blue;}
#inlineDownload .downBox a.downlist{ width: 398px;}
#inlineDownload .downBox a.downlist .desc{ width: 350px;}
#inlineDownload .hd{ height:30px; margin-top: 10px; background: url(../images/pagebk.gif) center repeat-y; font-weight: bold; padding: 3px 0 0;}
#inlineDownload .hd table{ margin: 0 auto;}
#inlineDownload .hd ul{ padding: 0; margin: 0 20px;}
#inlineDownload .hd ul li{ float: left; width: 8px; height: 8px; margin-right: 5px; overflow: hidden; text-indent:-999px; cursor: pointer; background: url(../images/nav.png) 0 -8px no-repeat;}
#inlineDownload .hd ul li.on{ background-position: 0 0px;}
#inlineDownload .bd{ width: 900px; overflow:hidden; background-color:Gray;}
#inlineDownload .bd ul{ overflow: hidden; margin: 0; padding: 0;}
#inlineDownload .bd ul li{ float:left; width: 440px; margin: 0 0 0 10px; padding: 0; list-style: none; background-color:Red;}*/
.prev, .next{ display: block; width: 55px; height: 20px; overflow:hidden; cursor:pointer; background: url(../images/pv.png) left center  no-repeat; text-align: right; line-height: 20px;}
.next{ background: url(../images/nt.png) right center no-repeat; text-align: left;}
.prev:hover, .next:hover{ color: #006ca1}

/* downloadPage */
/*#downloadPage .downBox{ float: left; margin: 0 5px;}
#downloadPage .downBox{ width: 490px; overflow: hidden; }
#downloadPage .downBox a.downlist{ width: 468px; background: #f6f6f6; margin-bottom: 10px;}
#downloadPage .downBox a.downlist:hover { background: #f2f9ff;}
#downloadPage .downBox a.downlist .desc{ width: 420px;}*/

#downloadPage a.downlist{ display: block; width: 468px; overflow: hidden; padding: 5px; font-weight: bold; background: url(../images/arealine.gif) 25px bottom no-repeat; margin: 5px 0; border: 1px solid #fff;}
#downloadPage a.downlist:hover { background: #f2f9ff; border: 1px solid #9fcbf0;}
#downloadPage a.downlist .cata{ width: 38px; height: 38px; overflow: hidden; float: left;}
#downloadPage a.downlist .folder{ background: url(../images/folder.png) 0 0 no-repeat;}
#downloadPage a.downlist .file{ background: url(../images/file.png) 0 0 no-repeat;}
#downloadPage a.downlist:hover .folder, a.downlist:hover .file{ background-position: 0 -38px;}
#downloadPage a.downlist .desc{ width: 420px; overflow: hidden; float: left; margin: 0 5px;}
#downloadPage a.downlist .desc .date{ color: #7ea800; font-size: 13px; margin-bottom: 3px;}
#downloadPage a.downlist:hover .desc .date{ color: #276fb3;}
#downloadPage a.downlist .desc .name{ color: #000000; font-size: 14px;}

.pageTi{ width: 996px; height: 36px; overflow: hidden; background: url(../images/tiline.gif) bottom repeat-x; margin: 0 auto 10px}
.pageTi .ti{ width: 250px; height: 36px; overflow: hidden; float: left;}
.searchForm{ width: 245px; height: 22px; overflow: hidden; border: 1px solid #e5e5e5; float: right;}
.searchForm input{ border: none; outline: none;}
.inBox{ font-family: "新細明體"; font-size: 12px; color: #000; width: 210px; background: none; float: left; line-height: 20px; padding: 1px 1px 1px 5px;}
.inBox::-webkit-input-placeholder { color: #e5e5e5;}
.inBox::-moz-placeholder { color: #e5e5e5;}
.inBox:-ms-input-placeholder { color: #e5e5e5;}
input.inBox:-moz-placeholder { color: #e5e5e5;}
.btnSearch{ background: url(../images/search.gif) 0 0 no-repeat; width: 27px; height: 20px; float: right; cursor: pointer;}
.btnSearch:hover{ background-position: 0 -20px;}

/* page */
#page{ background: url(../images/pagebk.gif) center repeat-y; width: 1000px; overflow: hidden; margin: 0 auto; text-align: center; font-weight: bold; padding: 3px 0;}
#page table{ margin: 0 auto;}
#page th a{ color: #4f4f4f; float: left; padding: 2px 5px; margin: 0 3px;}
#page th span{ float: left; padding: 2px 5px; margin: 0 3px; background: #006ca1; color: #fff;}
#page th a:hover{ background: #006ca1; color: #fff;}
#page th{ padding: 0 20px;}
#page td{ width: 30px;}


/* about */
#about{ font-size: 15px; color: #555; line-height: 25px; width: 950px; margin: 20px auto;}
#about a{ color: #5a7700;} 
#about a:hover{ color: #ec8300; text-decoration: underline;}
.ab1{ float: left; width: 560px;}
.ab2{ float: right; width: 360px;}
.ab401{ float: left; width: 540px;}
.ab402{ float: right; width: 390px;}
.ab402 table{ width: 390px; text-align: center; border: 2px solid #a1def2; border-spacing: 0; margin-top: 10px;}
.ab402 table td{ border-top: 1px dotted #ccc; font-size: 14px; color: #000;}
.ab402 table th{ background: url(../images/adminmenu.gif) 0 0 repeat-x; color: #2787a6; line-height: 30px;}
#about strong{ font-size: 17px; color: #0055a6; line-height: 25px; border-bottom: 1px solid #0055a6; padding-bottom: 5px; margin-bottom: 5px;}
/* uni */
#uni{ width: 996px; margin: 0 auto; overflow: hidden;}
#uni table{ width: 100%; line-height: 22px; border-spacing: 0; font-weight: bold; font-size: 13px; margin: 1px 0;}
#uni table th{ color: #000; border-bottom: 1px solid #fff;}
#uni table td{ width: 155px; vertical-align: top; border-bottom: 1px solid #fff;}
#uni table td a{ width: 145px; padding: 3px 5px; display: block; overflow: hidden;}
#uni table td a:hover{ color: #fff;}
#uni table.bk01 tr:nth-child(odd){ background: #eff9da;}
#uni table.bk01, #uni table.bk01 th{ background: url(../images/uni1.gif) 0 0 repeat-y;}
#uni table.bk01 td a:hover{ background: #7fbb00;}
#uni table.bk02 tr:nth-child(odd){ background: #fff6de;}
#uni table.bk02, #uni table.bk02 th{ background: url(../images/uni2.gif) 0 0 repeat-y;}
#uni table.bk02 td a:hover{ background: #f6b300;}
#uni table.bk03 tr:nth-child(odd){ background: #dff8ff;}
#uni table.bk03, #uni table.bk03 th{ background: url(../images/uni3.gif) 0 0 repeat-y;}
#uni table.bk03 td a:hover{ background: #00a9dd;}
table#newsList th.no{ width: 40px; color: #000;}
#link table#newsList td.newsTi{ background: url(../images/link.png) 0 11px no-repeat; padding-left: 25px;}
#link table#newsList tr:hover td.newsTi{ background-image: url(../images/linkhover.png)}
#link table#newsList tr:nth-child(odd){ background: #eff7db;}
#link table#newsList td.newsTi a:hover, #link table#newsList tr:hover{ background: #7aa200;}
#link #page{ background: url(../images/pagebk2.gif) center repeat-y;}
#link #page th span, #link #page th a:hover{ background: #7aa200;}
#link #page .prev{ background: url(../images/pv2.png) left center no-repeat;}
#link #page .next{ background: url(../images/nt2.png) right center no-repeat;}
#link #page .prev:hover, #link #page .next:hover{ color: #5a7700;}

/* editBox */
#wrapEdit{ width: 100%; background: url(../images/editop.gif) 0 0 repeat-x;}
#editBox{ width: 910px; overflow: hidden; margin: 65px auto;}
#editLeft{ width: 165px; overflow: hidden; float: left; background: url(../images/editti.gif) 0 0 no-repeat; padding-top: 33px;}
#edBox{ background: url(../images/edct.gif) 0 0 repeat-y; width: 164px; overflow: hidden;}
.edLink{ width: 159px; text-align: center; line-height: 43px; overflow: hidden; font-size: 16px; font-weight: bold; padding-left: 1px;}
.edLink a{ width: 160px; height: 43px; overflow: hidden; display: block;}
.edLink a:hover, .edLink a.hover{ background: #ebf8ff; color: #0053a1;}
.edBot{ background: url(../images/edbot.gif) 0 0 no-repeat; width: 163px; height: 4px; overflow: hidden;}
#editRight{ width: 705px; overflow: hidden; float: right;}
#userBox{ border-bottom: 1px solid #e5e5e5;}
.user{ background: url(../images/user.gif) 0 0 no-repeat; padding-left: 20px; font-size: 15px; font-weight: bold; color: #000; float: left;}
.logout{ width: 112px; height: 33px; overflow: hidden; float: right;}
a.logoutBtn{ width: 112px; height: 33px; overflow: hidden; display: block; background: url(../images/editbtn.gif) 0 0 no-repeat; text-align: center; line-height: 33px; font-size: 15px; color: #fff;}
a.logoutBtn:hover{ background-position: 0 -33px;}
.title{ background: url(../images/icon.png) 0 18px no-repeat; font-weight: bold; color: #000; font-size: 14px; line-height: 20px; padding: 10px 0 10px 15px; margin: 5px 0;}
.inText{ border: 1px solid #e5e5e5; overflow: hidden; line-height: 25px;}
.w580{ width: 580px; overflow: hidden;}
.btnBar, .btn2Bar{ width: 100%; margin: 10px 0;}
.btnReset ,.btnSend{ width: 99px; height: 27px; overflow: hidden; outline: none; border: none; cursor: pointer; color: #000; font-size: 13px; font-weight: bold; border: 1px solid #e5e5e5}
.btnReset:hover ,.btnSend:hover{ color: #00498e; border-color: #565757;}
.btnReset{ background: url(../images/reset.gif) 0 0 no-repeat; padding-left: 20px;}
.btnSend{ background: url(../images/submit.gif) 0 0 no-repeat; padding-right: 20px;}
a.folder, a.file{ height: 35px; line-height: 35px; border: 1px solid #e5e5e5; display: block; float: left; padding-left: 50px; font-size: 14px; font-weight: bold; margin: 15px 15px 15px 0;}
a.folder{ width: 83px; background: url(../images/folder.gif) 0 0 no-repeat;}
a.file{ width: 70px; padding-left: 40px;  background: url(../images/file.gif) 0 0 no-repeat;}
a.folder:hover, a.file:hover, a.here{ border-color: #585858;}
.ifile{ display: none;}
.w280{ width: 280px; overflow: hidden;}
.fileBox{ width: 685px; background: #eeeeee; padding: 10px 10px 10px 10px; margin-bottom: 10px;}
.fileName, .fileTitle{ background: url(../images/icon.png) 0 8px no-repeat; font-weight: bold; color: #000; font-size: 14px; line-height: 20px; width: 420px; padding-left: 15px; overflow: hidden; float: left;}
.fileCase{  width: 240px; overflow: hidden; float: right;}
.btnbk, a.addMore{ height: 27px; line-height: 27px; background: url(../images/btnbk.gif) 0 0 repeat-x; border: 1px solid #e5e5e5; text-align: center; display: block; font-size: 15px; font-weight: bold; width: 75px; float: left; outline: none;}
.btnbk:hover, a.addMore:hover{ color: #00498e; border-color: #00498e; cursor: pointer;}
.w150{ width: 160px; overflow: hidden; float: left;}

.fileTitle{ width: 670px; float: none;}
.fileTitle .w580{ width: 575px;}
.fileList{ width: 665px; padding-left: 40px; margin-bottom: 15px;}
.fileList .fileName{ padding-left: 0; background: none;}
.folderArea{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.btn2Bar, .moreFile{ padding-left: 119px;}
a.addMore{ width: 280px; float: none;}

/* system */
#system{ width: 1000px; overflow: hidden; margin: 40px auto;}
#title{ width: 970px; height: 31px; overflow: hidden; padding: 6px 15px; background: url(../images/admintibk.gif) 0 0 no-repeat; font-size: 16px; color: #fff; line-height: 24px;}
#title table{ width: 970px;}
.alRight{ text-align: right; font-size: 15px;}
.adminUser{ background: url(../images/adminuser.png) 0 1px no-repeat; padding-left: 23px; color: #b6e7ff;}
#title table a{ color: #ffee5d;}
#title table a:hover{ color: #fff;}
#systemBox{ width: 998px; overflow: hidden; border: 1px solid #0071a9;}
#systemMenu{ width: 998px; overflow: hidden; background: url(../images/adminmenu.gif) 0 0 repeat-x; height: 32px; overflow: hidden; line-height: 33px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #b9e8ff;}
#systemMenu a{ color: #004a96;}
#systemMenu a:hover{ color: #000; text-decoration: underline;}
#systemMenu ul{ margin: 0; padding: 0; list-style: none;}
#systemMenu li{ margin: 0; padding: 0 20px; background: url(../images/menuline.png) 0px 11px no-repeat; float: left;}
#systemMenu li:nth-child(1){ background: none;}

/* contact */
#ct01, #ct02{ background: url(../images/ct01.gif) 0 0 no-repeat; width: 472px; height: 119px; overflow: hidden; float: left; padding: 45px 0 0 10px; line-height: 25px; color: #000; font-size: 16px; margin: 20px 5px;}
#ct02{ background: url(../images/ct02.gif) 0 0 no-repeat; float: right;}
#contact a{ text-decoration: underline;}
#contact a:hover{ color: #fff;}

/* footer */
#footer{ border-top: 2px solid #006ca1; margin-top: 10px; padding: 10px 0;}
#footer #fot{ background: url(../images/fotlogo.gif) 15px 0 no-repeat; text-align: right; padding: 7px 25px 7px 100px; line-height: 20px; color: #000; font-weight: bold; font-size: 13px;}