﻿ 
body {
	/*背景*/
	background-image: url(../images/asd-1.png);
	background-repeat: repeat;
	font-size: 10pt;


font-family:Verdana,細明體,Arial,
line-height: 180%;
}
/* CSS Document */
* { margin:0; padding:0; list-style:none;}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
#login_body #login_index {
	height: 550px;
	width: 900px;
	margin-left: -450px;
	position: absolute;
	left: 50%;
	margin-top: -275px;
	top: 50%;
	background-image: url(img/017.png);
	background-repeat: no-repeat;
}
#login_index #login_ad {
	height: 150px;
	width: 400px;
	position: absolute;
	top: 290px;
	left: 430px;
}
#login_ad .log_idname {
	color: #FFF;
	display: block;
	margin-bottom: 5px;
	position: relative;
	height: 25px;
	line-height: 25px;
}
#login_ad .log_id {
	height: 40px;
	width: 250px;
	display: block;
	margin-bottom: 20px;
	position: relative;
}
.log_id .id_inp {
	margin: 5px;
	height: 25px;
	width: 240px;
	border: 1px solid #FFF;
	font-size: 16px;
}
#login_ad .login_save {
	height: 95px;
	width: 95px;
	font-size: 30px;
	background-image: url(../images/LOGIN_INDEX2.png);
	background-repeat: no-repeat;
	position: absolute;
	float: right;
	margin-top: -117px;
	font-weight: bold;
	color: #FFF;
	margin-left: 260px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#homelogin {
position: absolute;
width:750px;
height:398px;
left:50%;
top:50%;
margin-left:-375px;
margin-top:-199px;
background-image: url('img/login.png'); 
background-repeat: repeat  ; 
}


#login{
position: absolute;
width:350px;
height:130px;
top: 205px ;
left:310px;
 
}
#login2{
	position: absolute;
	width:550px;
	height:200px;
	border: 10px solid #CC6666;
	margin-right: -275px;
	margin-bottom: -100px;
	right: 50%;
	bottom: 50%;
	padding: 20px;
	font-size: x-large;
	color: #990000;
	line-height: 1.8em;
	font-weight: bold;
 
}

.text-1{font-size:10pt; 
}


.text-2 {font-size:10pt;  margin-top: 8px;}
.text-2   A:link { COLOR: #333333; text-decoration:none; margin-top: 8px;}
.text-2   A:active { COLOR:#333333; text-decoration:none; margin-top: 8px;}
.text-2   A:visited {COLOR:#333333 ; text-decoration:none; margin-top: 8px;}
.text-2   A:hover {COLOR: #98BECD; text-decoration:none; margin-top: 8px;}


.text-3 {font-size:10pt;  margin-top: 8px;}
.text-3   A:link { COLOR: #ffffff; text-decoration:none; margin-top: 8px;}
.text-3   A:active { COLOR:#ffffff; text-decoration:none; margin-top: 8px;}
.text-3   A:visited {COLOR:#ffffff ; text-decoration:none; margin-top: 8px;}
.text-3   A:hover {COLOR: #98BECD; text-decoration:none; margin-top: 8px;}

.text-4 {font-size:10pt;  margin-top: 8px;COLOR:#ffffff}

.text-5 {font-size:10pt;   ;COLOR:#98BECD}

.text-6 {font-size:10pt;   ;COLOR:#ffffff ; }

.tbox{
height:20; font:9pt; BORDER-BOTTOM: #cccccc 1px groove; BORDER-RIGHT: #cccccc 1px groove;   ORDER-LEFT: #cccccc1px groove;     background-color:#ECE9D8;
}
.thickbox {
height:20; font:9pt; BORDER-BOTTOM: #cccccc 1px groove; BORDER-RIGHT: #cccccc 1px groove;   ORDER-LEFT: #cccccc1px groove;     background-color:#ECE9D8;
}

.tbox2{
height:20; font:9pt;  ;  
}


.tbox1{
FONT: 9pt Verdana,Geneva,sans-serif;
 BORDER-RIGHT: #ffffff 1px groove; BORDER-TOP: #ffffff 1px groove;  BORDER-LEFT: #ffffff 1px groove;   BORDER-BOTTOM: #000000 1px groove; HEIGHT: 19px; BACKGROUND-COLOR: #ffffff
}


#layer1{

position: absolute;
width:150px;
height:30px;
top: 180px ;
left:490px;
}

#layer11{
	position: absolute;
	width:100px;
	height:25px;
	top: 132px;
	left:520px;
}

#layer11a{
	position: absolute;
	width:50px;
	height:25px;
	top: 132px;
	left:470px;
}

#layer9{
	position: absolute;
	width:150px;
	height:30px;
	top: 147px;
	right: 20px;
}
#layer19{
	position: absolute;
	width:150px;
	height:30px;
	top: 141px;
	right: 20px;
}
#layer2{
	position: absolute;
	width:150px;
	height:30px;
	top: 257px;
	left:420px;
}

.text-7{
	font-size:10pt;
	;
	COLOR:#ffffff;
	height:60px;
	background-COLOR:#0094A0;
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 13px;
	MARGIN: 0px;
	PADDING-TOP:13px;
 }
 
.text-8{font-size:10pt;   height:28px;   PADDING-LEFT: 5px;  PADDING-TOP: 5px; PADDING-BOTTOM: 3px;PADDING-RIGHT: 5px;}
.text-8-1{font-size:10pt;   height:28px;   PADDING-LEFT: 5px;  PADDING-TOP: 5px; PADDING-BOTTOM: 3px;PADDING-RIGHT: 5px;COLOR:#FF0000 ;}



.text-9{
	BACKGROUND-IMAGE: url(img/d012.gif);
	WIDTH: 106px;
	font-size:10pt;
	height:31px;
	FLOAT: left;
	line-height: 31px;
	text-align: center;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.text-9   A:link { COLOR: #333333; text-decoration:none;  }
.text-9   A:active { COLOR:#333333; text-decoration:none;  }
.text-9   A:visited {COLOR:#333333 ; text-decoration:none;  }
.text-9   A:hover {COLOR: #98BECD; text-decoration:none;  }




.text-9_1{
	BACKGROUND-IMAGE: url(img/d012_1.gif);
	WIDTH: 155px;
	font-size:10pt;
	height:31px;
	FLOAT: left;
	line-height: 31px;
	text-align: center;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.text-9_1   A:link { COLOR: #333333; text-decoration:none;  }
.text-9_1   A:active { COLOR:#333333; text-decoration:none;  }
.text-9_1   A:visited {COLOR:#333333 ; text-decoration:none;  }
.text-9_1   A:hover {COLOR: #98BECD; text-decoration:none;  }



.text-10{
	BACKGROUND-IMAGE: url(img/d013.gif);
	WIDTH: 106px;
	font-size:10pt;
	height:31px;
	FLOAT: left;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	line-height: 31px;
	text-align: center;
	display: block;
}
 .text-10   A:link { COLOR: #333333; text-decoration:none;  }
.text-10   A:active { COLOR:#333333; text-decoration:none;  }
.text-10   A:visited {COLOR:#333333 ; text-decoration:none;  }
.text-10   A:hover {COLOR: #98BECD; text-decoration:none;  }


.text-10_1{
	BACKGROUND-IMAGE: url(img/d013_1.gif);
	WIDTH: 155px;
	font-size:10pt;
	height:31px;
	FLOAT: left;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	line-height: 31px;
	text-align: center;
	display: block;
}
 .text-10_1   A:link { COLOR: #333333; text-decoration:none;  }
.text-10_1   A:active { COLOR:#333333; text-decoration:none;  }
.text-10_1   A:visited {COLOR:#333333 ; text-decoration:none;  }
.text-10_1   A:hover {COLOR: #98BECD; text-decoration:none;  }




.text-11{
	font-size:10pt;
	PADDING-LEFT: 3px;
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 3px;
	PADDING-RIGHT: 3px;
	background-Color:#F4FBF0
}
.text-12{
	font-size:10pt;
	PADDING-LEFT: 3px;
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 3px;
	PADDING-RIGHT: 3px;
	background-Color:#E8FBFD
}
.text-11_r{
	font-size:10pt;
	PADDING-LEFT: 3px;
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 3px;
	PADDING-RIGHT: 3px;
	background-Color:#FF0000
}

.text-13{
	TEXT-ALIGN:right;
	PADDING-TOP: 4px;
	COLOR: #FFFFFF;
	font-size:9pt;
}
.text-13   A:link {
	COLOR: #FFFFFF;
	text-decoration:none;
}
.text-13   A:active {
	COLOR:#FFFFFF;
	text-decoration:none;
}
.text-13   A:visited {
	COLOR:#FFFFFF;
	text-decoration:none;
}
.text-13   A:hover {COLOR: #ffffff; text-decoration:none;  }

.text-14{  FLOAT: left; PADDING-TOP: 4px; FONT-WEIGHT: bold;}

.text-15{
	font-size:10pt;
	;
	COLOR:#ffffff;
	background-COLOR:#0094A0;
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 4px;
	MARGIN: 0px;
	PADDING-TOP:4px;
	FONT-WEIGHT: bold;
 }
 
.text-16{ width:146;  FONT-WEIGHT: bold;BACKGROUND-IMAGE: url(img/d015.gif);  width:150px;font-size:10pt;PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 4px; MARGIN: 0px 0px 4px; PADDING-TOP: 5px;}
 
.text-17{  font-size:10pt;PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px;  PADDING-TOP: 3px;width:146;}
.text-17   A:link { COLOR: #ffffff; text-decoration:none;  }
.text-17   A:active { COLOR:#ffffff; text-decoration:none;  }
.text-17   A:visited {COLOR:#ffffff ; text-decoration:none;  }
.text-17   A:hover {COLOR: #98BECD;   }


.text-17_a{
	font-size: 10pt;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 26px;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px;
	width: 130;
}
.text-17_a   A:link { COLOR: #ffffff; text-decoration:none;  }
.text-17_a   A:active { COLOR:#ffffff; text-decoration:none;  }
.text-17_a   A:visited {COLOR:#ffffff ; text-decoration:none;  }
.text-17_a   A:hover {COLOR: #98BECD;   }



.text-18     {  width:146px; background-COLOR:#6F9CA8 ; height:100%; FLOAT: left;}

.text-19     {  width:6px; background-COLOR:#276379 ; FLOAT: left;}

.text-20    {  width: auto;   height: auto; FLOAT: left;}

.text-21{
	font-size:10pt;
	;
	COLOR:#ffffff;
	background-COLOR:#0094A0;
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 7px;
	MARGIN: 0px;
	PADDING-TOP:7px;
 }
 
 
 
 
 
 .text-22{PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND-IMAGE: url('img/d012.gif'); PADDING-BOTTOM: 5px; WIDTH: auto; PADDING-TOP: 5px; font-size:10pt;        height:20px; FLOAT: left; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:4px }
.text-22   A:link { COLOR: #333333; text-decoration:none;  }
.text-22  A:active { COLOR:#333333; text-decoration:none;  }
.text-22  A:visited {COLOR:#333333 ; text-decoration:none;  }
.text-22  A:hover {COLOR: #98BECD; text-decoration:none;  }

.text-23{PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND-IMAGE: url('img/d013.gif'); PADDING-BOTTOM: 5px; WIDTH: auto; PADDING-TOP: 5px; font-size:10pt;        height:20px; FLOAT: left; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:4px }
.text-23   A:link { COLOR: #333333; text-decoration:none;  }
.text-23   A:active { COLOR:#333333; text-decoration:none;  }
.text-23   A:visited {COLOR:#333333 ; text-decoration:none;  }
.text-23   A:hover {COLOR: #98BECD; text-decoration:none;  }



#loading {
position: absolute; width:340px; height:70px;  left:50%; top:50%; margin-left:-170px; margin-top:-35px;
}






  
         
 
            #shadow{
                position:absolute;
                left:0;
                top:0;
                width:100%;
                height:100%;
                background:#333333;
                z-index:100;
                filter:alpha(opacity=90);
                opacity:0.9;
            }.voice_1 {
	font-size: 16px;
	line-height: 28px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
}
.select-1 {
	width: 250px;
	overflow: hidden;
}
.OK_01 {
	height: 200px;
	width: auto;
	overflow: scroll;
}
.OK_01 ul {
	list-style-type: none;
	width: 350px;
}
.OK_01 li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #286379;
	display: block;
}
.dsIN2 {
	width: 50px;
}
.dsIN {
	width: 50px;
}
#menu a {
	color: #333333;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	font-size: 13px; 
}
#menu a:hover {
	background-color: #A5D6ED;
	display: block;
 
}#superuser a {
	position: absolute;
	height: 50px;
	width: 40px;
	left: 100px;
	bottom: 60px;
	display: block;
}
.dfff {
	text-align: right;
}
.fg0001 {
	padding: 20px;
}
.fg0001 li {
	background-image: url(img/s022.png);
	height: 80px;
	background-repeat: no-repeat;
	line-height: 80px;
	display: block;
}
.fg0001 li a {
	font-size: 16px;
	color: #036;
	text-decoration: none;
	display: block;
	padding-left: 80px;
}
.Font_R {
	background-color: #F00;
}
.Font_Y {
	background-color: #FF0;
}
