html { border-width: 0px; }
body { margin: 0px;}
div { font-size: 12px;}

#dao { width: 490px; float: right; }
#dao li { float: left; height: 20px; padding-top: 5px; background: url(../../Images/Web/icon.gif) no-repeat}
#dao a { color: #000000;font-weight: bold; font-size: 14px; padding-top: 2px; padding-bottom: 0px; font-family: Arial}
#dao a:hover, #dao .on a { color: #FB6104; text-decoration: none}
#dao .c1 {  width: 35px; padding-left: 7px; background-position: 0 -120px;}
#dao .c2 {  width: 65px; padding-left: 20px; margin-left: 8px; background-position: 0 -152px;}
#dao .c3 {  width: 52px; padding-left: 8px; margin-left: 7px; background-position: 0 -184px;}
#dao .c4 {  width: 64px; padding-left: 6px; margin-left: 7px; background-position: 0 -216px;}
#head.min { width: 778px;}
#head.min .logo {padding-left: 0; border-right: 0}

#head { clear: both; width: 964px; height:60px; margin: 23px auto 7px auto; font-family: Arial, Helvetica, sans-serif }
.logo { float: left;  width: 105px; padding-left: 20px; border-right: 1px #999999 solid;}
.logo a { float:left; width: 105px; height:42px;background: url(../../Images/Web/logo.gif) no-repeat}
.logo span { display:none}

.green { background: #E3FAD5;}
.red { background: #FFF0F0; }
#logon_img { font-size: 14px; width: 80px; padding-top: 3px}


a { color: #0044DD; text-decoration: none}
a:hover { color: #FE1301}
h1, h2,h3 { border: 0; margin: 0; padding: 0;}
h1 {font-weight: bold; font-size: 25px; padding-bottom: 5px; overflow: hidden; white-space: nowrap; line-height: 100%; font-family: Arial}


BODY {FONT-SIZE: 75%; BACKGROUND: #fff; COLOR: #000; FONT-FAMILY: 'lucida grande',taho,verdana,'trebuchet ms',sans-serif; TEXT-ALIGN: left}{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
IMG {BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px}
UL {LIST-STYLE-TYPE: none}
LI {LIST-STYLE-TYPE: none}

#main_login {BACKGROUND: url(/Images/web/login_bg.jpg) no-repeat left 50px; MARGIN: 30px auto auto; WIDTH: 760px; COLOR: #868686}
#main_login .lc {MARGIN-TOP: 180px; FLOAT: left}
#main_login .lc DT { background: url(/Images/web/login.gif) no-repeat}
#main_login .lc DD {background: url(/Images/web/login.gif) no-repeat}
#main_login .login_head {background: url(/Images/web/login.gif) no-repeat}
#main_login .login_body {background: url(/Images/web/login.gif) no-repeat}
#main_login .login_bottom {background: url(/Images/web/login.gif) no-repeat}
#main_login .login_sub {background: url(/Images/web/login.gif) no-repeat}
.l_desc A {	background: url(/Images/web/login.gif) no-repeat}
#main_login .login_top {background: url(/Images/web/login.gif) no-repeat}
.login_body2 H3 {background: url(/Images/web/login.gif) no-repeat}
#wrongshow {background: url(/Images/web/login.gif) no-repeat}
#main_login .lc DT {WIDTH: 150px; HEIGHT: 36px}
#main_login .lc .buy {BACKGROUND-POSITION: left top}
#main_login .lc .buy {BACKGROUND-POSITION: left -40px}
#main_login .lc DL {MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 10px; BORDER-BOTTOM: #999 1px dotted}
#main_login .lc DD {BACKGROUND-POSITION: -220px 4px; PADDING-LEFT: 10px; MARGIN: 6px 0px}
#main_login .rc {FLOAT: right; MARGIN-RIGHT: 20px}
#main_login .login_div {WIDTH: 276px}
#main_login .login_head {BACKGROUND-POSITION: left -160px; PADDING-LEFT: 30px; FONT-WEIGHT: bolder; FONT-SIZE: 14px; COLOR: #000; LINE-HEIGHT: 24px; PADDING-TOP: 6px}
#main_login .login_right {PADDING-RIGHT: 5px; BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://localhost/web/images/web/logb.png'); BORDER-LEFT: #f6d897 1px solid; HEIGHT: 1%}
#main_login .login_body {	BACKGROUND-POSITION: left -240px; BACKGROUND-REPEAT: repeat-x}
#main_login .login_bottom {BACKGROUND-POSITION: left -220px; HEIGHT: 15px}
#main_login .login_top {BACKGROUND-POSITION: left -200px; FONT-SIZE: 0px; LINE-HEIGHT: 0px; HEIGHT: 8px}
#main_login .login_dl {PADDING-TOP: 20px}
#main_login .login_dl DT {FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 80px; PADDING-TOP: 4px; TEXT-ALIGN: right}
#main_login .login_dl DD {MARGIN: 0px 0px 16px 80px}
#main_login .login_dl DD .text {WIDTH: 140px}
#main_login .login_sub {BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BACKGROUND-POSITION: left -80px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px -2px; BORDER-LEFT: 0px; WIDTH: 89px; CURSOR: pointer; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 37px; BACKGROUND-COLOR: transparent}
#main_login .forget_password {FONT-SIZE: 14px}
.l_desc {PADDING-RIGHT: 0px; BORDER-TOP: #fab984 1px dotted; PADDING-LEFT: 0px; PADDING-BOTTOM: 30px; MARGIN: 50px 10px 0px; PADDING-TOP: 10px; TEXT-ALIGN: center}
#main_login .l_desc A {	BACKGROUND-POSITION: left -120px; MARGIN-TOP: 10px; DISPLAY: block; FONT-SIZE: 14px; MARGIN-LEFT: auto; WIDTH: 160px; COLOR: #000; MARGIN-RIGHT: auto; PADDING-TOP: 6px; HEIGHT: 24px}
.l_desc A:hover {TEXT-DECORATION: none}
.login_body2 {PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 20px; PADDING-TOP: 10px}
.login_body2 H3 {PADDING-RIGHT: 0px; BACKGROUND-POSITION: -220px -80px; PADDING-LEFT: 50px; FONT-SIZE: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 34px; PADDING-TOP: 0px}
#main_login .login_dl DD#wrongTip {MARGIN-BOTTOM: 0px; MARGIN-LEFT: 30px}
#wrongshow {BACKGROUND-POSITION: -220px -36px; PADDING-LEFT: 26px; FONT-SIZE: 14px; MARGIN-BOTTOM: 10px; COLOR: #ff0000; LINE-HEIGHT: 28px}


#bottom { clear: both; width: 964px; height: 140px; margin-left: 25px; border-top: #FF7300 3px solid; color: #666666; margin-top: 10px; text-align: center; position: relative}
#logobox { left: 120px; top: 80px; position: absolute; }
#bottom a { text-decoration: underline}
#bottom .c_1 { float: left; margin-top: 10px; width: 100%; }
#bottom .c_1 a { padding-right: 8px;}
#bottom .c_2 { float: left; margin-top: 20px; width: 100%; color: #000000;}
#bottom .c_2 span { color: #FF6600}
#bottom .c_2 a { color: #666666}
#bottom .c_2 a:hover { color: #FE1301}
#bottom .c_3 { float: left; margin-top: 10px; width: 100%;}
#bottom .c_3 a { color: #666666}
#bottom .c_3 a:hover { color: #FE1301}	
#bottom .c_4 { float: left; margin-top: 10px; width: 100%;}
#bottom .c_4 a { color: #666666}
#bottom .c_4 a:hover { color: #FE1301}


#online { padding-left: 10px;}
#online a { color: #E0E0DE}
#onlineuser { clear: both; padding-left: 37px; width: 880px; padding-bottom: 10px; color: #666666}
#onlineuser img { padding-right: 3px; vertical-align:middle;}
#onlineuser div { height: 28px; width: 120px; float: left; }
#onlinemember { clear: both; padding-left: 37px; width: 880px; padding-bottom: 10px; color: #666666}
#onlinemember img { padding-right: 3px; vertical-align:middle;}
#onlinemember div { height: 28px; width: 290px; float: left; }
#onlinemember a{ padding-left: 3px; color: #0033CC}
#onlinemember a:hover{ color: #FF6600; text-decoration: none}