*{
margin: 0;
padding: 0;
border: 0;
}

/* hide from ie on mac \*/
html {
height: 100%;
width:auto;
overflow-y: scroll;

}
/* end hide */

body
{
height:100%;
width:100%;
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #333;
background-color: #FFF;
}

.clean{
clear:both;
width:0;
height:0;
font-size:0;
}

.outer{
width: expression( document.body.clientWidth <= 980 ? "980px" : "100%" );
min-width:980px;
background: transparent url(../images/top_bg.jpg) no-repeat center top;
}

input.in_login{
border:1px solid #999;
font-size:10pt;
line-height:15pt;
background:#666;
color:#FFF;
}

/* Attaction Words */
.alert_txt{
color:red;
}
.notice_txt{
color: #093;
}
/* page */
.page{
width:960px;
padding:0px 0 ;
margin:0 auto;
}
/* Header */
#header{
width:100%;
height:60px;
padding:0px 0 20px 0;
background: transparent url(../images/logo.gif) no-repeat 0 20px;
}
#header table{
width:460px;
height:80px;
float:right;
background: transparent url(../images/company_logo.gif) no-repeat right top;
}

#header ul li{
line-height:80px;
list-style:none;
}
#header ul li a{
font-weight:700;
color:#333;
text-decoration: none;
}
#header ul li a:hover{
color:#999;
text-decoration: underline;
}

/* Contents */
.contents {
padding:10px 0;
width:100%;
}
.contents .leftbar{
width:320px;
float:left;
}
.contents .rightbar{
width:620px;
float:right;
}
/* Login */
#login_board{
width:320px;
height:auto !important;
height: 249px;
min-height:249px;
background: transparent url(../images/login_board_new.gif) no-repeat;
float:left;
}


#login_board .input_area{
height:167px;
background: transparent url(../images/login_board_new.gif) no-repeat;
}

#login_board .input_area ul{
padding-top:46px;
}
#login_board .input_area ul li{
width:280px;
list-style:none;
padding:3px 10px 0 10px;
height:inherit;
}

#login_board h4{
width:80px;
height:18px;
font-size:10pt;
line-height:14px;
float:left;
margin-top:6px;
}

#login_board h5{
width:80px;
height:21px;
font-size:9pt;
line-height:14px;
float:left;
}

#login_board input{
border: 1px solid #999;
width:165px;
height:24px;
font-size:10pt;
float:left;
}
#login_board .input_area{
font-size:8pt;
text-align:center;
padding:2px;
}

#login_board .login_data{
font-size:9pt;
text-align:center;
padding:2px;
}

#login_board a.go{
display:block;
width:48px;
height:28px;
background: transparent url(../images/btn_log.gif) no-repeat;
float:right;
}

#login_board .func_area{
height:82px;
background: transparent url(../images/login_board2.gif) no-repeat bottom;
text-align:left;
}
#login_board .func_area ul li{
width:245px;
list-style:none;
padding:8px 20px 0 35px;
background: transparent url(../images/log_arrow.gif) no-repeat 20px 9px;
}

#login_board .func_area a{
color:#FFF;
font-size:9pt;
text-decoration:none;
}
#login_board .func_area a:hover{
text-decoration:  underline;
}

/* Other */
#other_board{
margin-top:10px;
width:320px;
height:auto !important;
height: 135px;
min-height:135px;
background: transparent url(../images/other_board_new.gif) no-repeat;
float:left;
}
#other_board .other_area{
height:135px;
background: transparent url(../images/other_board3.gif) no-repeat bottom;
text-align:left;
}
#other_board .other_area h4{
font-size:10pt;
padding:18px 20px 0 20px;
}

#other_board .other_area ul li{
width:245px;
list-style:none;
padding:5px 20px 0 45px;
background: transparent url(../images/ico_check.gif) no-repeat 20px 6px;
}

#other_board .other_area a{
color:#333;
text-decoration: none;
}
#other_board .other_area a:hover{
color:#FFF;
text-decoration: underline;
}

/* Features */
#features{
width:620px;
height:auto !important;
height: 394px;
min-height:394px;
float:right;
}
#features ul li{
width:200px;
padding-left:10px;
list-style:none;
float:left;
}
#features ul li.frist{
padding-left:0px;
}


/* Footer */
#footer {
width:960px;
margin: 0 auto;
}

#footer .cr{
width:960px;
font-size: 9pt;
font-weight:700;
text-align: center;
color:#999;
font-family: Arial, Helvetica, sans-serif;
}