/*global---------------->*/
A {
	COLOR: #444; TEXT-DECORATION: none
}
A:visited {
	COLOR: #444; TEXT-DECORATION: none
}
A:active {
	COLOR: #f24600; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #f24600; TEXT-DECORATION: underline
}
img{
	border:0px;
	padding-bottom:0px; 
	margin:0px;
	padding-top:0px; 
}
body { 
	text-align:center; 
	background-color: #fff;
	margin-top:0px;
	margin-bottom:0px;
	margin: auto;
} 

/*layout---------------->*/
#body {
     width:800px;
	 background-color: #fff;
	 font-size:14px;
	 margin: 50px auto;
	 position:relative;
	 font-family:arial;
	 }


#index_l {
	float:left;
	font-size:0px;
	width:7px; 
	BACKGROUND-POSITION: left top; 
	height:419px;
	BACKGROUND-IMAGE: url(../images/index_l.gif); 
	BACKGROUND-REPEAT: no-repeat;
}     
#index_c {
    float:left;
    width:726px;
	height:453px;
	BACKGROUND-IMAGE: url(../images/index_c.gif); 
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-POSITION: left top;
}
#index_r {
	float:left;
	font-size:0px;
	width:15px; 
	BACKGROUND-POSITION: left top; 
	height:369px;
	BACKGROUND-IMAGE: url(../images/index_r.gif); 
	BACKGROUND-REPEAT: no-repeat;
} 
#index_key {
    float:left;
    width:33px;
	height:369px;
    font-size:0px;
}
#logo {
	padding-left:11px;
	margin-top:11px;
	width:293px;
	height:80px;
    float:left;
}
#header {
     display:block;
	 width:100%;
	 height:100px;
     padding-left:5px;
}
#container {
	left:20px;
	width:100%;
	height:440px;
	background:#fff;
	padding:0px;
	position:absolute;
}
#nav {
    float:right;
	padding-top:65px;
	padding-right:31px;
	font-size:14px;
	color:#000;
}
#content {
	float:left;
	clear:left;
	height:269px;
}
.key {
    padding-top:290px;
}
#note {
    text-align:left;
	margin-left:47px;
	clear:right;
	margin-top:9px;
}
.note_top {
    width:320px;
	height:12px;
    font-size:0px;
	/*BACKGROUND-IMAGE: url(../images/index_note_top.gif); 
	BACKGROUND-REPEAT: no-repeat;  
	BACKGROUND-POSITION: left top;*/
}
.note_c {
    width:350px;
	height:110px;
    /*border-left: #aaa 1px solid;
    border-right: #aaa 1px solid;*/
}
.note_bottom {
    width:320px;
	height:4px;
	font-size:0px;
  	/*BACKGROUND-IMAGE: url(../images/index_note_bottom.gif); 
	BACKGROUND-REPEAT: no-repeat;  
	BACKGROUND-POSITION: left top;*/
}
.about {
    font-size:14px;
	float:left;
	line-height:25px;
	text-align:left;
	padding-left:12px;
	padding-top:10px;
	line-height:150%;
}
.service {
    font-size:14px;
	clear:left;
	float:left;
    padding-top:20px;
	text-align:left;
	width:240px;
	padding-left:12px;
}

#login {

	height:230px;
	padding-right:31px;
	padding-top:31px;

}
.line {
    margin-bottom:12px;
	text-align:right;
	letter-spacing:1px;
	color:#000;
}
.code {
    margin-bottom:8px;
	text-align:right;
	font-size:12px;
}
.input {
    border-top: #444 1px solid;
    border-left: #444 1px solid;
    border-right: #d9d9d9 1px solid;
    border-bottom: #d9d9d9 1px solid;
    width:125px;
	height:26px;
	font-size:14px;
	padding-top:4px;
	margin-bottom:-2px;
	font-family:verdana;
	padding-left:2px;
}
.cinput {
    border-top: #444 1px solid;
    border-left: #444 1px solid;
    border-right: #d9d9d9 1px solid;
    border-bottom: #d9d9d9 1px solid;
    width:50px;
	height:26px;
	font-size:14px;
	padding-top:4px;
	margin-bottom:-2px;
	font-family:verdana;
	padding-left:2px;
}
.button {
    text-align:right;
}
#footer {
	float:left;
	font-size:12px;
	color:#444;
	text-align:left;
	padding-left:21px;
	padding-top:45px;
}
#shadow {
    float:left;
	width:726px
}
.shadow_l {
	float:left;
	font-size:0px;
	width:88px; 
	BACKGROUND-POSITION: left top; 
	height:42px;
	BACKGROUND-IMAGE: url(../images/shadow_l.gif); 
	BACKGROUND-REPEAT: no-repeat;
}     
.shadow_c {
    float:left;
    width:550px;
	height:42px;
	BACKGROUND-IMAGE: url(../images/shadow_c.gif); 
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-POSITION: left top;
}
.shadow_r {
	float:left;
	font-size:0px;
	width:88px; 
	BACKGROUND-POSITION: left top; 
	height:42px;
	BACKGROUND-IMAGE: url(../images/shadow_r.gif); 
	BACKGROUND-REPEAT: no-repeat;
} 

#error {
    text-align:right;
	padding-top:6px;
	color:#f24600;
	font-size:12px;
}
#warn {
	text-align:right;
	padding:0px;
	color:#018666;
	font-size:12px;
}

.button_login {
width:84px;
height:37px;
font-size:18px;
font-weight:bold;
color:#018666;
BACKGROUND-COLOR: transparent;
background-image:url(../images/login.gif);
BACKGROUND-REPEAT: no-repeat;
border:none;
cursor:pointer;
}

#memo {
font-size:12px;
color:#444;
text-decoration:underline;
}