body{ margin: 0; padding: 0; color: #6B695A; font-size: 12px; font-family: "Verdana", "ËÎÌå","sans-serif"; background: url(i/bg.gif); line-height: 130%; }
a:link { color: #264764; }
a:visited { color: #264764; }
a:hover { color: #FF6400; }
img{ border: 0; }
.hot a:link { color: #DC143C; }
input, select, textarea{ font-size: 12px; font-family: "Verdana", "ËÎÌå","sans-serif"; }
form { margin: 0; padding: 0; }
.hiddenfix { display: none; }
.clearfix { content: "."; font-size: 1px; display: block; height: 0 !important; height: 1%; clear: both; visibility: hidden; background: none; line-height: 0%; }
.btn{ height: 22px; border: 1px outset #eee; background: url(i/btn-bg.gif) repeat-x 0 2px !important; background: url(i/btn-bg.gif) repeat-x; font-size: 12px; padding: 3px 6px !important; padding: 3px 6px 0 6px; font-weight: bold; color: #233447; }
*+html .btn { background: url(i/btn-bg.gif) repeat-x !important; padding: 3px 6px 0 6px !important; }

/* angle */
.lt { background-position: left -6px; margin: -1px 0 0 -1px; clear: both; }
.rt { background-position: right 0; margin: 0 -1px 0 0; }
.lb { background-position: left -9px; margin: 0 0 -1px -1px; clear: both; }
.rb { background-position: right -3px; margin: 0 -1px 0 0; }
.lt,.rt,.lb,.rb{ position: relative; height: 3px; width: auto; display: block; background-repeat: no-repeat; font-size: 1px; }

/* header */
#header { width: 976px; margin: 0 auto 10px auto; }
#header h1 { background: url(http://www.duowan.com/logo.png) !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="http://www.duowan.com/logo.png"); background: none; width: 129px; height: 42px; overflow: hidden; line-height: 1000px; float: left; margin: 18px 0 0 0; cursor: pointer; }
#login{ width: 355px; padding: 26px 0 0 5px; margin: 10px 0 0 12px; display: inline; float: left; text-align: left; }
#login input { border: 1px solid #7f9db9; height: 16px; width: 80px; margin: 0 8px 0 0; }
#login a{ margin: 0 6px 0 2px ; color: #000; font-weight: bold; }
#login a:hover { color: #B22222; }
#header .banner{ background: url(i/banner-bg.gif); width: 468px; height: 60px; overflow: hidden; padding: 3px; margin: 5px 0 0 0; float: right; }
.banner{ background: url(i/banner-bg.gif); width: 468px; height: 60px; overflow: hidden; padding: 3px; margin: 18px 0 0 5px; }

/* nav */
#nav { width: 976px; margin: 10px auto; border: 1px solid #c7c1b7; background: #fff url(i/nav-bg.gif) repeat-x; text-align: left; position: relative; }
#nav .lt,#nav .rt,#nav .lb,#nav .rb{ background-image: url(i/angle-light.gif); }
#nav .nav { padding: 4px 0; color: #a9a79f; margin: 0; }
#nav .nav li{ padding: 0 18px 0 15px; background: url(i/nav-line.gif) right 0 no-repeat; float: left; list-style: none; }
#nav .nav .select { font-weight: bold; padding: 0 2px 0 0; font-size: 14px; }
#nav .nav .select a{ background: url(i/nav-select.gif) no-repeat; width: 99px !important; width: 104px; height: 26px; margin: -13px 10px 0 10px; display: block; float: left; padding: 10px 0 0 0; text-align: center; color: #000; position: relative; }
#nav .nav .select a:hover{ color: #FF6400; }
#nav .nav a{ color: #105cb6; text-decoration: none; }
#nav .nav a:hover { color: #A52A2A; }
#nav .navsub { margin: 3px 3px 0 3px !important; margin: 1px 3px 0 3px; font-size: 12px; color: #333; padding: 0; float: left; }
#nav .navsub li{ padding: 0 18px 3px 15px; float: left; list-style: none; background: url(i/nav-line.gif) right 0 no-repeat; }
#nav .navsub .select { font-weight: bold; }
#nav .navsub .select a{ color: #8C0000; }
#nav .navsub a{ color: #706853; text-decoration: none; }
#nav .navsub a:hover { color: #333; }

/* footer */
#footer { width: 976px; background: #ecf4f5; border: 1px solid #c1c8c9; margin: 5px auto; }
#footer .body { padding: 8px 10px 5px 10px; font-size: 12px; text-align: left; color: #8D9AA7; }
#footer .body a{ color: #105cb6; padding: 0 2px 0 6px; text-decoration: none; }
#footer .body a:hover { color: #A52A2A; }
#footer .lt,#footer .rt,#footer .lb,#footer .rb{ position: relative; height: 3px; width: auto; display: block; background-image: url(i/angle-blue.gif); background-repeat: no-repeat; font-size: 1px; }

.copyRight {text-align:right}



#gNavBar { background: url(i/g-nav-bg.gif);height: 46px; overflow: hidden; text-align: center; }
#gNav { margin:0 auto; width: 978px; text-align: left; background: url(i/g-nav-line.gif) top right no-repeat; }
#gBtn {width: 114px; height: 19px; float: right; margin: -36px 10px 0  0 !important ; margin: -37px 10px 0  0;	}
*+html #gBtn {margin: -37px 10px 0  0 !important ;	}
#gNav ul {padding:0;margin:-20px 0 0 120px; list-style: none; width: 730px; float: left; overflow: hidden; font-family: ËÎÌå;display:inline	}
#gNav li {float: left; height: 16px; overflow: hidden; margin: 0 2px;	}
#gNav li a{background: url(i/btn-r.gif)  100px 100px no-repeat ;color:#333; text-decoration: none;display:block;}
#gNav li a span{background: url(i/btn-l.gif)  100px 100px no-repeat ;color:#333; text-decoration: none; padding: 2px 10px;display:block;}
#gNav li a:hover{	background: url(i/btn-r.gif)  right -16px no-repeat ;	display: block; text-decoration: none; 	}
#gNav li a:hover span {background: url(i/btn-l.gif) left -16px no-repeat;  display: block;  padding: 2px 10px;	color:#fff;}
#gNav li a:active{	background: url(i/btn-r.gif) right 0 no-repeat;	display: block; text-decoration: none; 	}
#gNav li a:active span {background: url(i/btn-l.gif) left 0 no-repeat;  display: block;  padding: 2px 10px;	color:#fff;}