* {margin: 0; padding: 0;outline:none;}
body  {font: normal 13px Arial, Helvetica, sans-serif; background:url(../images/bg-x3.png) 0 0 repeat-x #bbb; color: #000;}
img {border: none;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
ul {list-style: none;}
a {text-decoration: none; color: #cc6000;}
a:hover {text-decoration: underline;}
a.custom {display:block;width:33px;height:33px;position:absolute;left:770px;top:45px;z-index:100;}
#jGrowl {z-index:100000!important;}

/*center*/
.center {width: 1000px; margin: 0px auto;}
/*center*/

/*head*/
.head {height: 157px; position: relative; z-index: 10000;}
.logo { position: absolute; left: 0; top:22px; z-index: 1; background: url(../images/logo.png) 0 0 no-repeat; width: 217px; height: 80px;}
.logo a {display: block; position: absolute; width: 217px; height: 80px; text-indent: -9999px; overflow: hidden; top: 0; left: 0;}

.search {position: absolute; top: 40px; left: 331px; background: url(../images/search-input.gif) 0 0 no-repeat;}
.search input {vertical-align: middle;}
.search input.submit {background:url(../images/search-submit.png) no-repeat;width:84px;height:36px;color:#CCC;border:0;font:bold 16px arial;cursor:pointer;}
.f01 {width:  428px; height: 26px; padding: 5px 0 0 10px; margin-right: 41px; background: none; border: none; font: normal 16px Arial, Helvetica, sans-serif; color: #2f2f2f;}

.info {position: absolute; left: 329px; top: 100px; font-size: 15px; color: #525252;z-index:2;width:650px;}
.info em {color: #9c9c9c; font-style: normal;font-weight:bold;}
.info a {color:#9c9c9c; text-decoration:none;}
.info span {margin-right: 7px;}
.info span.new {color: #b1b1b1;}
.info span.new em {color: #FFF;}

.menu {position: absolute; left: 0; top: 123px; font-size: 14px;}
.menu li {float: left; background: url(../images/button-l-passive.png) 0 0 no-repeat;}
.menu li a {display: block; float: left; background: url(../images/button-r-passive.png) 100% 0 no-repeat; height: 27px; padding: 7px 12px 0 12px; color: #e5e5e5;}
.menu li a:hover, .menu li a.active {text-decoration: none; color: #ffc000;}
.menu li.active {background: url(../images/button-l.png) 0 0 no-repeat;}
.menu li.active a{display: block; float: left; background: url(../images/button-r.png) 100% 0 no-repeat; height: 27px; padding: 7px 12px 0 12px; color: #000;}

.menu li.drop1 {padding: 0 0 0 3px; background: no-repeat; color: #FFF; }
.menu li.drop1 span {display: block; padding: 7px 0 0 11px; height: 23px; width: 181px; background: url(../images/drop-bullet.gif) 157px 12px no-repeat; cursor: pointer;color:#000;}
.menu li.drop1 span.active, .menu li.drop1 span:hover {background: url(../images/drop1-active.png) 0 0 no-repeat;}
.menu li.drop1:hover .drop4 {display:block;}
.drop4 {position: absolute; padding-top: 1px; z-index: 100; width: 181px;display:none;}
.drop4-t {background: url(../images/drop4-t.png) 0 0 no-repeat; height: 3px;}
.drop4-b {background: url(../images/drop4-b.png) 0 0 no-repeat; height: 3px;}
.drop4-y {background: #ffe898; padding: 0 6px 0 6px;}
.menu li.drop1 .drop4 a {color: #4f3821; background: none; display: inline; padding: 0; float: none;}
.menu li.drop1 .drop4 a:hover {color: #d54c01;}
.menu li.drop1 li {border-bottom: 1px dotted #ab9b64; padding: 4px 0; background: none; float: none;}
.menu li.drop1 li.last {border: none;}



#p4 {float:left;margin:14px 0; display:none;}
#button4 {font-size:14px;float:left;cursor:pointer;margin-right:20px;padding:7px 20px 7px 0; color:#fff;}
.search-container {width:100%;  background:url(../images/custom-bg.png) 0 0 repeat-x;margin-bottom:10px;}
.drop-container {width:1000px;margin:0 auto;}
.drop-menus {z-index:11;}
.drop-menus div {width: 157px; float: left; margin-right: 5px;}
.drop-menus input.submit {width:154px;height:30px;background:url(../images/display-selected.png) no-repeat;color:#CCC;font-size:14px;border:0;cursor:pointer;}
.drop-menus span {display: block; background: url(../images/drop-button.png) 0 0 no-repeat; height: 23px; padding: 7px 0 0 10px; font-size: 14px; color: #e5e5e5; cursor: pointer;}
.drop-menus .drop {position: absolute; float: none;padding-top:1px; font-size: 14px; z-index: 100;display:none;}
.drop-menus .drop div {float: none;}
.drop-t {background: url(../images/drop-t.png) 0 0 no-repeat; height: 3px;}
.drop-b {background: url(../images/drop-b.png) 0 0 no-repeat; height: 3px;}
.drop-menus div.drop-y {background: #5b5d61; padding: 0 6px 0 6px; width: 145px;}
.drop a {color: #e5e5e5;}
.drop li {border-bottom: 1px dotted #888; padding: 4px 0;}
.drop li.last {border: none;}
/*head*/

/*title*/
.drop3 {position: absolute; right: 36px; width: 67px; top: 14px; font-size: 14px;}
.drop3 span {display: block; height: 22px; padding: 7px 0 0 9px; background: url(../images/drop3.png) 0 0 no-repeat; color: #ffe070;}
.drop3:hover .drop3-in {display:block;}
.drop3-in {position: absolute; background: #f89000; width: 65px; left: 1px;display:none;}
.drop3 ul {padding: 0 9px;}
.drop3 a {color: #ffe070;}
.drop3 li {border-bottom: 1px dotted #000; padding: 4px 0;}
.drop3 li.last {border: none;}
/*title*/
.drop5 {position: absolute;left:5px; width: 147px; top: 14px; font-size: 13px;}
.drop5 span {display: block; height: 22px; padding: 7px 0 0 9px; background: url(../images/drop5.png) 0 0 no-repeat; color: #252525;}
.drop5:hover .drop5-in {display:block;}
.drop5-in {position: absolute; background: #f89000; width: 145px; left: 1px;display:none;}
.drop5 ul {padding: 0 9px;}
.drop5 a {color: #252525;}
.drop5 li {border-bottom: 1px dotted #000; padding: 4px 0;}
.drop5 li.last {border: none;}
.close5 {position:absolute;right:38px;top:19px;color:#7f2e00;font-size:13px;}

.bg-white {background: #FFF;}


/*footer*/
.footer {color: #717171; padding: 34px 0 50px 0; text-align: center; font-size: 11px;}
.footer a {color: #717171; font-weight: bold;}
.logo-small {background: url(../images/logo-small.png) 0 0 no-repeat; width: 195px; height: 67px; margin: 0px auto 26px auto;}
.logo-small a {display: block; height: 67px; text-indent: -9999px; overflow: hidden;}
.footer p {margin-bottom: 5px;}
.design {padding: 14px 0 0 0;}
/*footer*/

/*nav*/
.nav {font-size: 12px; margin-bottom: 4px;}
.nav li {display: inline; margin-right: 10px;}
.nav a {margin-right: 13px;}
/*nav*/
.left {float:left;width:495px;}
.right {float:right;width:495px;}
.title10 {background: url(../images/title10.png) 0 0 no-repeat; height: 46px; position: relative; z-index: 1;}
.title10 h2 {font-size: 15px; padding: 19px 0 0 13px; font-weight: normal;}
.title12 {background: url(../images/title12.png) 0 0 no-repeat; height: 46px; position: relative; z-index: 1;}
.title12 h2 {font-size: 15px; padding: 19px 0 0 13px; font-weight: normal;}
/*block7*/
.block7 {background: url(../images/block7.png) 0 100% no-repeat; height: 11px; margin-bottom: 12px; text-align: right; }
.block7 img {margin-right: 4px;}
/*block7*/

/*block10*/
.block10 {background: url(../images/block10.png) 0 100% no-repeat; height: 11px; margin-bottom: 12px; text-align: right; }
.block10 img {margin-right: 4px;}
/*block10*/

.join {position:relative;padding:15px 0 35px 35px;color:#676a6d;font-size:15px;background:url(../images/join-bg.jpg) 100% 0 no-repeat;height:400px;}
.join strong {display:block;font:normal 24px arial;letter-spacing:-1px;margin:20px 0;color:#000;}
.join label {display:block;position:relative;}
.join label span {display:block;padding-left:10px;margin-bottom:5px;}
.join label span.done {width:29px;height:24px;position:absolute;left:250px;bottom:15px;background:url(../images/done.png) no-repeat;}
.join label span.error2 {width:29px;height:24px;position:absolute;left:250px;bottom:15px;background:url(../images/done.png) 0 100% no-repeat;}
.join label span.load {width:16px;height:16px;position:absolute;left:250px;bottom:17px;background:url(../images/join-load.gif) 50% 50% no-repeat;}
.join label span.error {position:absolute;left:80px;width:400px;font-weight:bold;z-index:100;top:0;color:#000;}
.join img {width:120px;height:40px;margin:0 0 10px 0;}
.join a {font-size:14px;}
.join2 {font:bold 18px arial;color:#fff;width:176px;height:41px;background:#ed8400 url(../images/joinbutton.png) 0 0 no-repeat;margin-top:15px;}
.join2:hover { background-position:bottom;}
.join2 input { text-align:center;cursor:pointer;background:none;border:0;font:bold 18px arial;color:#fff;width:176px;height:41px;}
input.text {font:17px Arial;color:#000;background:#f9f9f9;padding:9px 5px;border:1px solid #c2c6cb;width:220px;margin-bottom:8px;}
#captcha_container input.text{width:92px;position:absolute;left:125px;top:1px;}
.lost {position:absolute;left:190px;top:15px;}
.heads {width:529px;height:53px;background:url(../images/heads.png) no-repeat;position:absolute;right:25px;top:-7px;}
.hand {width:25px;height:327px;background:url(../images/hand.png) no-repeat;position:absolute;right:-25px;top:123px;}
.two{background:#fff;}
.two label span{margin-bottom:2px;}
.two strong {margin:19px 0;}
#login21 input, #join21 input {background:url(../images/loader2.gif) 50% 50% no-repeat;padding:0 0 0 0;width:176px;height:41px;}

.joinright {background:#fff url(../images/girl2.jpg) 100% 0 no-repeat ;padding:38px 0 0 38px;color:#676a6d;font-size:15px;position:relative;height:609px;}
.joinright p {width:250px;}
.joinright li {background:url(../images/point.gif) 0 50% no-repeat;padding-left:30px;line-height:30px;font-size:14px;letter-spacing:-1px;}
.joinright strong {display:block;margin:14px 0 10px 0;color:#000;font:normal 20px arial;}
.joinright span {width:100px;height:100px;position:absolute;left:45px;bottom:35px;}

.joinbg {background:url(../images/bg-x2.png) 0 -185px repeat-x #bbb;}
.menu2 {height:31px;line-height:31px;margin-bottom:10px;}
.menu2 a {color:#fff;padding:0 18px;}

.member {height:185px;color:#fff;background:#000 url(../images/join2.png) no-repeat;margin-bottom:10px;position:relative;}
.member h2 {font-size:33px;letter-spacing:-2px;padding:20px 0 0 26px;}
.member h3 {font:normal 16px arial;padding:0 0 0 26px;}
.member div {position:absolute;top:110px;font-size:16px;left:100px;color:#000;}
.member div strong {font-size:26px;display:block;letter-spacing:-1px;}

#div1 {left:443px;color:#d2d4d7;}
#div2 {left:765px;color:#6d7175;}

.bill {font-size:11px;padding:0 20px 0 340px;height:97px;background:url(../images/bill.jpg) no-repeat;}
.bill a {color:#994900;}
.bill p {padding-top:12px;}

.sites {padding:25px 0 10px 25px; background:#1d1e1f;}
.sites div {float:left;margin:0 15px 15px 0;width:178px;}
.sites img {width:178px;height:205px;}

.badlogin {position:absolute;width:300px;left:450px;top:40px; text-align:justify;}

.errors {padding:0 0 10px 10px;width:230px;}