@charset "utf-8";
/* 基本設定 */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width:1000px;
	margin:auto;
	overflow-x:hidden;
    overflow-y:auto;
    }
a{text-decoration:none; color:#003366;}
a:hover{color: #205490;}

/* 最外框 */
#WARPPER{
  background-color:#fffce7;background-position:top;}

/* 頁首 */
#HEADER{ 
  display:block; 
  background-image:url(../../../images/header.jpg); 
  background-position: center top; 
  background-repeat:no-repeat; 
  height:115px;
  width:1000px;}
  
/* 登入頁 */
#LOGIN{ 
  display:block; 
  background-image:url(../../../images/login_bg.jpg); 
  background-position: center top; background-repeat:repeat-x; 
  height:600px;width:1000px;text-align:center;}
#MAIN{ 
  display:block; 
  background-image:url(../../../images/login.jpg); 
   background-repeat:no-repeat;text-align:left; position:relative; 
  height:507px;width:741px; margin:auto; margin-top:35px;}

#MAIN_EmptyR{ 
  display:block; 
  background-image:url(../../../images/login_emptyr.jpg); 
   background-repeat:no-repeat;text-align:left; position:relative; 
  height:507px;width:741px; margin:auto; margin-top:35px;}
.uidstyle{position:absolute;left:420px;top:268px; }
.pwdstyle{position:absolute;left:420px;top:298px; }
.capstyle{position:absolute;left:420px;top:328px; }
.logstyle{position:absolute;left:357px;top:365px;}
.repstyle{position:absolute;left:422px;top:365px;}
.cipstyle{position:absolute;left:487px;top:365px;}

.btn {
    cursor: pointer;
    min-width: 60px;
    padding: 8px 16px;
    border: 0;
    border-radius: 5px;
    font-weight: 700;
    color: #ffffff;
    background: linear-gradient(#0078c4, #0045a1);
}

.chknum{position:absolute;left:327px;top:325px;
    width: 80px;
}
.agn{position:absolute;left:527px;top:331px;color:#666;}
.p0 {color: #013e84;position:absolute;left:129px;top:440px;}
.p5 {color: #fb7f07;}
#RELATE{display:block; height:110px;width:185px; position:absolute;left:130px;top:265px;letter-spacing:1px; font-size:13px; font-weight:400;color: #4b5f3c;}
#RELATE ul{ padding:2px;line-height:2.2;_line-height:2.6;}
.p6{ font-family: "新細明體";color: #2c3f54;}
.icon{ display:block; background-image:url(../../../images/icon.jpg); background-repeat:no-repeat; height:15px; width:15px;
float:left; margin-top:5px;}


/* 選單 */
#MAIN_NAV {
	width: 310px;_width:360px;#width:310px;
	margin-top:6px;
    margin-right:6px;
	float: right;}
#MAIN_NAV ul { float: left;}
#MAIN_NAV li{ float: left; text-align: right;}
#MAIN_NAV li a{ 
  display:block; color:#58674d; padding:0 5px 0 5px; 
  text-decoration:none; font-size:12px;
  background-color:none;
  border-right:#cccccc 1px solid; height: 12px;
   margin-top: 2px;
  _float: left;}
#MAIN_NAV li a:hover{ color: #64a832;}
.logout{ margin:0px 3px 0px 3px; _margin:0px ;}



#TOOL_RIGHT	{width: 900px;
    margin-top:20px;
    margin-right:0px;
	float: right;
	line-height:150%;}  
#TOOL_RIGHT table{
	width:220px;
	float:right;
	text-align:right;}
	
#TOOL_RIGHT table th{color:#0068b7;text-align:right;}
	


/* 內容 */
#CONTENT_L{ 
  display:block; 
  width:178px;
  height:503px;float:left;
  #height:510px;
  _height:535px;
  background-color:#ecfdc4;
  }
  
#LEFT_MENU{padding:9px}
#LEFT_MENU ul{ }
.r_link1 {display:block;background-image:url(../../../images/menu_01.jpg);width:110px;height:22px;background-repeat: no-repeat;
	      padding-left: 49px;padding-top: 8px; letter-spacing:2px;color:#fff;}
.r_link2 {display:block;background-image:url(../../../images/menu_02.jpg);width:110px;height:22px;background-repeat: no-repeat;
	      padding-left: 49px;padding-top: 8px; letter-spacing:2px;color:#fff;}
.r_link3 {display:block;background-image:url(../../../images/menu_03.jpg);width:110px;height:22px;background-repeat: no-repeat;
	      padding-left: 49px;padding-top: 8px; letter-spacing:2px;color:#fff;}
.r_link4 {display:block;background-image:url(../../../images/menu_04.jpg);width:110px;height:22px;background-repeat: no-repeat;
	      padding-left: 49px;padding-top: 8px; letter-spacing:2px;color:#fff;}
.r_link5 {display:block;background-image:url(../../../images/menu_05.jpg);width:110px;height:22px;background-repeat: no-repeat;
	      padding-left: 49px;padding-top: 8px; letter-spacing:2px;color:#fff;}
.r_link6 {display:block;background-image:url(../../../images/menu_06.jpg);width:110px;height:22px;background-repeat: no-repeat;
	      padding-left: 49px;padding-top: 8px; letter-spacing:2px;color:#fff;}
.r_link7 {display:block;background-image:url(../../../images/menu_07.jpg);width:110px;height:22px;background-repeat: no-repeat;
	      padding-left: 49px;padding-top: 8px; letter-spacing:2px;color:#fff;}
.r_link8 {display:block;background-image:url(../../../images/menu_08.jpg);width:110px;height:22px;background-repeat: no-repeat;
	      padding-left: 49px;padding-top: 8px; letter-spacing:2px;color:#fff;}
.r_link9 {display:block;background-image:url(../../../images/menu_09.jpg);width:110px;height:22px;background-repeat: no-repeat;
	      padding-left: 49px;padding-top: 8px; letter-spacing:2px;color:#fff;}

#LEFT_MENU a:hover { color:#00539f;}
#LEFT_BOOK {}
.th_book {display:block;background-image:url(../../../images/th_book.jpg);width:159px;height:26px;background-repeat: no-repeat;
          margin:25px 0px 0px 10px;}

.book {display:block;background-image:url(../../../images/book.jpg);width:88px;height:124px;background-repeat: no-repeat;
          margin:0px 0px 0px 45px;}

#CONTENT_R{ float:right; height:503px;display:block; width:192px; border-left: 1px solid #d5ddc1;}


/* 搜尋 */
.th_search {display:block;background:url(../../../images/th_search.jpg);width:159px;height:26px;background-repeat:             no-repeat;margin:5px 0px 0px 3px;}

#SEARCH {
	display:block;	
	font-family:Arial, Helvetica, sans-serif;
}

#SEARCH li {float:left;}

#SEARCH input {
display:block;
border: 1px solid #CCC;
margin:2px 0px 0px 10px;
padding:2px 10px 2px 2px;
color:#999999;
font-size:12px;
}

#SEARCH a {
display:block;
background:url(../../../images/search_bt.jpg);
width:44px;height:22px;
margin:2px 0px 0px 2px;
}

/* 飲用水管理系統 */
#WATER {display:block; margin-top:35px;}
.th_water {display:block;background:url(../../../images/w.jpg);width:189px;height:26px;background-repeat:no-repeat;
           margin:5px 0px 0px 3px; }
		   
#WATER li{ padding:2px 0px 2px 12px; margin-top:3px; }

#WATER li a{
	display:block;
	background-image: url(../../../images/point.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	text-decoration:none;
	margin:2px;color:#00539f;
}	

#WATER li a:hover{ border-bottom:#6085a7 1px dotted;}

/* 系統文件 */
#PROJECT {display:block; margin-top:10px;}
.th_project {display:block;background:url(../../../images/d.jpg);width:189px;height:26px;background-repeat:no-repeat;
           margin:5px 0px 0px 3px;}		   
#PROJECT li{ padding:2px 0px 2px 12px; margin-top:3px; }
#PROJECT li a{
	display:block;
	background-image: url(../../../images/icon/icon_arow_left.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	text-decoration:none;
	margin:2px;
	color:#bf5304;}
#PROJECT li a:hover{ border-bottom:#a67d60 1px dotted;}

#CONTENT_C{ margin-left:190px; margin-right:200px; padding-top:12px;}
#POS{display:block;background:url(../../../images/pos.gif);background-repeat:no-repeat;
	padding-left: 20px;color:#555555; width:300px;}
.t_pos{color:#5c9b26;}
#POS a:hover{color:#00539f;}

/*** 內頁_內容 ***/
#CONTENT_N{margin-left:190px; margin-right:0px; padding-top:12px;}
#PAGE{ margin-top:10px; margin-left:8px; margin-right:8px;display:block;text-align:center;padding-top:5px;}
#PAGE table{text-align: left;}
.p1{ color:#F00;}
.p2 {color: #666;}

/*** 標題中間 ***/
.th_title-center{
	text-align: center;
	background-image:url(../../../images/part1-title-center.gif);
	height:31px;
	background-repeat:repeat-x;
	color:#315518;
	font-size:16px;
	font-weight:bold;
	background-position: center top;
	width: 100%;} 

/*** TABLE ***/
.bt{display:block;padding-right: 30px;}
.add{ display:block; background-image:url(../../../images/add.gif); background-repeat:no-repeat; color:#446000; margin-left:5px;}
.th_01{background:url(../../../images/th_01.jpg);height:17px;background-repeat:repeat-x;color:#756b62;font-family: "新細明體"; font-size:14px;font-weight:700;padding-left:5px;padding-top: 8px; text-align:center;letter-spacing:1px;}	
#PAGE table td{ text-align:center;}
.th_bottom {display:block;background:url(../../../images/table_bottom.jpg);height:40px;background-repeat:no-repeat;}	
.th_bottom_p5{
	background-image:url(../../../images/p5.gif);
	height:31px;
	background-repeat:repeat-x;
	background-position: center top;
	width: 100%;} 

/* 控制字級大小 */
#TOOLBAR {
display:block;top:0px;line-height:19px;float:right;margin-top:-15px;margin-right:10px;_margin-right:3px;width: 120px;#width: 125px;_width: 125px;}
#TOOLBAR li {float:left;padding:0 2px;}
#word_size_s{ display:block; background-image:url(../../../images/word_size_01.gif); width:17px; height:19px; text-indent:-9999px;}
#word_size_m{ display:block; background-image:url(../../../images/word_size_02.gif); width:17px; height:19px; text-indent:-9999px;}
#word_size_b{ display:block; background-image:url(../../../images/word_size_03.gif); width:17px; height:19px; text-indent:-9999px;}
#TOOLBAR a:hover {background-position:bottom;}



/* 代辦事項 */
#AGENCY {display:block; margin-top:10px;}
.th_agency {display:block;background:url(../../../Images/Icon/agency.jpg);width:600px;height:26px;background-repeat:no-repeat;clear:both;}		   
#AGENCY table th {
	text-align: center;
	color:#8e5319;
	font-family: "新細明體"; font-size:14px;font-weight:700;
	padding:2px;letter-spacing:2px;}
.th2{ width:5%;}

#AGENCY table td{padding:2px;letter-spacing:1px;}
.td1{text-align:center;color:#8e5319;}
.td2{color:#d40101;}
.td3{color:#d40101; text-align: left;font-weight:500;font-size:12px;}
.td4{color:#000; text-align: left;font-weight:500;font-size:12px;}
.td5{color:#8e5319;text-align:right;font-size:12px;font-weight:700; float:right;}
a:hover .td5 { color:#367cab;}
a:hover .td4 { color:#367cab;}
a:hover .td3 { color:#367cab;}

/* 最新消息 */
#NEW {display:block; margin-top:10px; }
.th_new {display:block;background:url(../../../Images/Icon/new.jpg);width:600px;height:26px;background-repeat:no-repeat;}
.d_line {display:block;width:1%;height:225px;background-image: url(../../../images/line.jpg);background-repeat: repeat-y; margin-top:25px;}
.img{
	display:block;
	background-repeat:no-repeat;
	float:left;
	border:1px solid #ccc; margin-right: 8px;margin-bottom: 4px;}

#NEW li{ float:left;letter-spacing:1px;}
#NEW ul li p {color:#000000;display:block;font-size:12px;font-weight:100;padding-left: 3px; text-align: left; margin:10px;padding-top:0px;_padding-top:1px;#padding-top:1px;}

.td8{color:#6b8e19;text-align:right;font-size:12px;font-weight:700; float:right; }
a:hover .td8 { color:#367cab;}
.td6{color:#6b8e19; text-align: left;font-weight:500;font-size:12px;}
a:hover .td6 { color:#367cab;}






/* 頁尾 */
#FOOTER{ display:block ; background-image:url(../../../images/footer.jpg); background-repeat:repeat-x; height:140px;background-position:right; letter-spacing:2px;background-size:contain;}
.h2{display:block ; padding-left:165px; font-size:12px; padding-top:15px; color:#0068b7; font-weight:bold;}
#FOOTER a{color:#0068b7;}
#FOOTER p{
	display:block;
	padding-left:165px;
	font-size:12px;
	padding-top:5px;
	color:#000;
	font-weight:100;}
/* 清除float */
.clearfloat{
clear:both;height:0;font-size:1px;line-height:0;}

.button1
{
    background-color:#FFF; border: #CCC 1px solid; padding:2px 4px 1px 4px; color: #333333; font-size:small; cursor:pointer;
}
.titlestyle
{
    background-color: #deefff;
    width: 100%;
    height: 23px;
    /*cursor: move;*/
}
.titleClose
{
    position: absolute;
    color: #369;
    font-size: 17px;
    top: 3px;
    cursor: pointer;
    right: 6px;
    font-weight: bold;
}
.windowtitle
{
    position: absolute;
    color: #369;
    font-size: 1.25em;
    top: 5px;
    font-weight: bold;
    left: 10px;
}
.onvimg
{
    width:16px;
    text-align:center;
    border-bottom: #aac6e6 1px solid;
    position: absolute;
    border-left: #aac6e6 1px solid;
    padding-bottom: 0px;
    padding-left: 1px;
    padding-right: 1px;
    color: #369;
    font-size: 15px;
    border-top: #aac6e6 1px solid;
    top: 3px;
    cursor: pointer;
    right: 4px;
    font-weight: bold;
    border-right: #aac6e6 1px solid;
    padding-top: 0px;
}
#blogin
{
    z-index: 99999;
    border-bottom: #aac6e6 1px solid;
    position: absolute;
    border-left: #aac6e6 1px solid;
    width: 400px;
    display: none;
    height: auto;
    border-top: #aac6e6 1px solid;
    top: 30px;
    right: 60px;
    border-right: #aac6e6 1px solid;
    z-index:1000;
}
.tbg
{
    background-color: #eff5ff;
    font-size:14px;
}
.mask
{
    z-index: 4;
    position: absolute;
    width: 0px;
    background: #eee;
    height: 0px;
    top: 0px;
    left: 0px;
}
.op
{
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
}