
/*------------------- &General --------------------*/
@import url(messages.css);
@import url(displaytag.css);
th{ padding:0; margin:0;}
td{ padding:0; margin:0;}
label{ padding:0; margin:0;}
blockquote{ padding:0; margin:0;}
p{ padding:0; margin:0;}
textarea{ padding:0; margin:0;}
input{ padding:0; margin:0;}
fieldset{ padding:0; margin:0;}
form{ padding:0; margin:0;}
h6{ padding:0; margin:0;}
h5{ padding:0; margin:0;}
h4{ padding:0; margin:0;}
h3{ padding:0; margin:0;}
h2{ padding:0; margin:0;}
h1{ padding:0; margin:0;}
li{ padding:0; margin:0;}
ol{ padding:0; margin:0;}
ul{ padding:0; margin:0;}
div{ padding:0; margin:0;}
body{ padding:0; margin:0;}
fieldset { border: 0; }
img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol { list-style: none; }
ul { list-style: none; }
*:focus { outline: 0; }
.er~.th~.fa:after { \63\6F\6E\74\65\6E\74:" \58\69\6E";}
strong{font-family:Arial, Helvetica, SimSun,sans-serif;}
th{font-family:Arial, Helvetica, SimSun,sans-serif;}
cite{font-family:Arial, Helvetica, SimSun,sans-serif;}
em{font-family:Arial, Helvetica, SimSun,sans-serif;}
cite{font-family:Arial, Helvetica, SimSun,sans-serif;}
caption{font-family:Arial, Helvetica, SimSun,sans-serif;}
address{font-family:Arial, Helvetica, SimSun,sans-serif;}
textarea{font-family:Arial, Helvetica, SimSun,sans-serif;}
option{font-family:Arial, Helvetica, SimSun,sans-serif;}
select{font-family:Arial, Helvetica, SimSun,sans-serif;}
button{font-family:Arial, Helvetica, SimSun,sans-serif;}
input{font-family:Arial, Helvetica, SimSun,sans-serif;}
caption { text-align: left; }
.textcen{  text-align:center;}
th { text-align: left; }
{ font-weight: normal; font-size: 100%;}
h6 { font-weight: normal; font-size: 100%;}
h5 { font-weight: normal; font-size: 100%;}
h4 { font-weight: normal; font-size: 100%;}
h3 { font-weight: normal; font-size: 100%;}
h2 { font-weight: normal; font-size: 100%;}
h1 { font-weight: normal; font-size: 100%;}
textarea{ font-size:12px}
select{ font-size:12px}

a:link,a:visited { color:#000; text-decoration:none}



a:hover,a:active{color:#ff9900;}


a.mail,a.mail:visited,a.mail:hover{color:#ff9900; text-decoration:underline;}
a.webgame:link,a.webgame:visited{color:#666;}
a.webgame:hover,a.webgame:active{color:#ff9900;}

body { text-align:center; font:75%/1.8   Arial,simsun,Tahoma, Helvetica, sans-serif; color:#000; min-width:800px;}
.clear { clear:both}
.text_bold{font-weight:bold;}
.text_right{text-align:right;}
.left { float: left; }
.right { float: right; }
.text_line{ border-top:1px solid #e9e9e9; padding-top:22px;}
.text_step{color:#999; font-size:14px; font-weight:bold;border-bottom:1px solid #e9e9e9; }
.text_step span{font-family:Times New Roman,Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal}

.line{background:#ceccc7; height:1px; margin:20px 0; overflow:hidden;}

/*------------------- &wrapper --------------------*/
.wrapper{width:960px; text-align:left; margin:0 auto;}
.container{ float:left;width:960px; margin-top:20px; position: relative}
.content{float:left; width:601px;padding:0 17px 0 15px;border-right:1px solid #e9e9e9;}
.sidebar{float:right;width:307px;}

/*------------------- &footer --------------------*/
.footer{color:#666; padding-top:40px; text-align:center;}
.footer .about{ background:#f0f0f0; height:34px; padding-left:20px; padding-right:18px; line-height:34px; margin-bottom:2px;}
.footer p span { float:right; background:url(../images/front/arrow_up.gif) no-repeat right center; padding-right:8px;}
.footer a:visited{color:#666;}
.footer a{color:#666;}
.footer a:hover{ text-decoration:underline;}
address{margin-left:20px;font-style:normal;}

/*------------------- &header --------------------*/
.header{background:url(../images/front/header_c.jpg) repeat-x ;height:66px; color:#999;}
.header h1{background:url(../images/front/header_l.jpg) no-repeat;height:66px;float:left;}
.header h1 img{margin-left:15px;margin-top:3px;}
.header .subnav{background:url(../images/front/header_r.jpg) no-repeat right top;height:46px;float:right; padding-top:20px;/*width:290px*/width:360px}
.header .subnav img{margin-left:20px;margin-right:29px;vertical-align:middle;}
.text_author a:visited{color:#999;padding:3px 2px;}
.text_author a{color:#999;padding:3px 2px;}
.text_author a:hover{ background:#f60;color:#fff;}

/*------------------- &author --------------------*/
.author{height:26px; width:144px; float:right; margin-right:10px;}
.author a span{float:left;height:26px;line-height:26px; color:#fff;}
.author a{float:left;height:26px;line-height:26px; color:#fff;}
.author .first{width:96px;margin-right:-10px;background:url(../images/front/step_arrow.gif) no-repeat;}
.author .first span{padding:0 6px 0 25px; background:url(../images/front/head_ico.gif) no-repeat 7px 50%;}
.author .last{width:57px;background:url(../images/front/step_arrow.gif) no-repeat 0 -101px;}
.author .last span{padding:0 10px 0 20px;}
.author a.first:hover{background-position:0 -150px;}
.author a.first:hover span{ background:url(../images/front/head_ico2.gif) no-repeat 7px 50%;}
.author a.last:hover{background-position:0 -253px;}

/*------------------- &service banner --------------------*/
.service{color:#f95901;font-weight:bold;font-size:14px; padding-left:32px; }
.service h2{color:#333;font-weight:bold; margin-top:18px;}
.service a{ color:#666;font-weight:normal;}

.sort{ margin-bottom:24px; padding:0;}
.sort h2{ margin-bottom:12px;}
.text_Refresh{color:#c9c8c8; padding-left:15px;}

/*------------------- &Create Account --------------------*/
.create{ font-size:14px;color:#666; padding-top:10px;padding-left:32px;}
.create a:visited{font-size:14px;text-decoration:underline;color:#f95901; font-weight:bold;}
.create a:hover{text-decoration:none;}

/*------------------- & login --------------------*/
.loginbox{ padding-top:15px; color:#656565; }
.loginbox p{ padding-top:5px;width:179px;padding-left:16px;overflow:hidden }
.loginbox h2{ background:url(../images/front/login_bg.gif) no-repeat; padding-left:14px; padding-bottom:10px;color:#333;font-weight:bold;font-size:14px;}
.loginbox p a{float:right; color:#f95901; text-decoration:underline;}
.loginbox a:visited{color:#f95901; text-decoration:underline;}
.loginbox a:hover{ text-decoration:none;}

.loginbox label{ float:left;}
input{ vertical-align:middle;}
.loginbox input{ vertical-align:middle;}
.userinfo{width:176px; height:20px;padding-top:2px; padding-left:1px;border:1px solid #cecabc;background:url(../images/front/login_input_bg.gif) repeat-x;}
.loginbox .userinfo{width:176px; height:20px;padding-top:2px; padding-left:1px;border:1px solid #cecabc;background:url(../images/front/login_input_bg.gif) repeat-x;}
.loginbox .check{ width:111px;}
.userinfo .check{ width:111px;}

/*------------------- & nav menu --------------------*/
ul.nav{ position:absolute;z-index:10px; top:20px; }
ul.nav {width:160px; list-style:none;}
ul.nav li a{display:block;padding-left:15px;height:34px;line-height:34px;}
ul.nav li.selected a { color:#fff; font-weight:bold; background:url(../images/front/nav_bg.jpg) no-repeat;}
ul.nav li a:hover { color:#fff; font-weight:bold; background:url(../images/front/nav_bg.jpg) no-repeat;}
.selected a:visited{color:#fff;}
/*.selected a:visited{color:#fff;}*/
ul.nav li.selected_2 a{font-weight:bold;  background:none;}
ul.nav li.selected_2 a:hover{font-weight:bold; color:#000;background:none;}

/*------------------- & id --------------------*/
.identity{float:right; width:820px;border-left:1px solid #e9e9e9;}
.identity_1{ width:488px; float:left; padding:0 28px 0 38px;}
.identity_1 h2{ border-bottom:1px solid #e9e9e9; padding-bottom:10px;font-size:16px;font-weight:bold;}
.identity_1 .headface{ width:132px;background:url(../images/front/head_facebg.gif) no-repeat 0 50%;width:132px; height:129px; text-align:center;}
.identity_1 .headface img{ width:96px; height:96px;}

.identity_2{ float:right;width:200px; padding-left:21px;color:#f95901;font-weight:bold;font-size:12px;border-left:1px solid #e9e9e9; padding-bottom:50px; }
.identity_2 h2{color:#333;font-weight:bold; font-size:14px;margin-bottom:10px;}
.identity_2 .headface{ width:132px;background:url(../images/front/head_facebg.gif) no-repeat 0 50%;width:132px; height:129px; text-align:center;padding-top:28px;}
.identity_2 .headface img{ width:96px; height:96px;}
.identity_2 a{ color:#666;font-weight:normal;}
.tel{background:url(../images/front/tel.gif) no-repeat; width:182px; height:41px; padding-left:8px; margin-top:28px;color:#010101; font-weight:normal; line-height:41px; ;}
.identity_self{width:764px;}

/*------------------- & register step --------------------*/
ul.step{ float:left;}
ul.step li{float:left; width:198px;height:53px;background:url(../images/front/step1.gif) no-repeat 0 -53px;line-height:50px; font-weight:bold; letter-spacing:2px; text-indent:5em;}
ul.step li.step3{background:url(../images/front/step3.gif) no-repeat;}
ul.step li.step2{background:url(../images/front/step2.gif) no-repeat;}
ul.step li.step1{background:url(../images/front/step1.gif) no-repeat ;}
ul.step li.current{ background-position:0 -53px}

ul.user{background:url(../images/front/user_ico2.gif) no-repeat; width:122px; height:26px;float:left}
ul.user li{ float:left}
ul.user li a.user1{display:block; height:26px;width:76px;}
ul.user li a.user2{display:block;height:26px;width:45px;}
ul.user li a.user1:hover{ background:url(../images/front/user_icob.gif) no-repeat; }
ul.user li a.user2:hover{ background:url(../images/front/user_icoa.gif) no-repeat top right; }

.identity_1 p{margin-top:13px;}
.create3 p{margin-top:13px;}
.create2 p{margin-top:13px;}
.create1 p{margin-top:13px;}
select{ border:1px solid #b4b4b4}

.create3 .userinfo{width:172px;}
.create2 .userinfo{width:332px;}
.create1 .userinfo{ width:212px;}

.create3 select{width:175px;}
.create1 a:visited{ color:#f95901; text-decoration:underline;}

.create1 a{ color:#f95901; text-decoration:underline;}
.create1 a:hover{ color:#f95901; text-decoration:none;}
.create3 label{ float:left;text-align:right; clear:both; width:100px;padding-right:20px;}

input.submit{background:#eeede9 url(../images/front/button_bg.gif) repeat-x;border:1px solid #cccabe;color:#676566;cursor:pointer;line-height:13px; vertical-align:top;

letter-spacing:0.1em;padding:2px 1em;overflow: visible;_padding:3px 1em 0;}
input.submit[class]{ width: auto;}

select{ font-size:12px}

/*=ico_bg
====================================== */
.log_ico{background:url(../images/front/user_ico.jpg) no-repeat 10px 50%;}
.success{background:url(../images/front/success_ico.jpg) no-repeat 0 50%; width:185px; float:left; margin-top:32px; padding:63px 0; }
.success2{background:url(../images/front/standard_msg_ok_big.gif) no-repeat 0 50%;padding-left:100px; width:180px; margin:0 auto;}
.face{ background:url(../images/front/face_ico.jpg) no-repeat 0 50%;}
.why{ background:url(../images/front/why_ico.jpg) no-repeat 0 50%;}

/*------------------- & --------------------*/
.success2 a:visited{ color:#ff6d00; text-decoration:underline;}
.success2 a{ color:#ff6d00; text-decoration:underline;}
.friendico{background:url(../images/front/friend_ico.gif) no-repeat 0 30%; padding-left:25px; }
.music{background:url(../images/front/music_ico.gif) no-repeat 0 30%; padding-left:25px;}
.gameico{background:url(../images/front/game_ico.gif) no-repeat 0 30%; padding-left:25px;margin-top:35px;}
.musicico{background:url(../images/front/music_ico.png) no-repeat 0 30%; padding-left:25px;margin-top:35px;}

ul.music{ list-style:inside; margin-bottom:6px;}
ul.friend{ list-style:inside; margin-bottom:6px;}
.identity_1 span{ color:#f95901; font-weight:bold;}
ul.game{ float:left;margin-top:14px;}
ul.game li{ width:100px; height:73px;/*border:1px solid #e4e4e4; */padding:1px; float:left; margin-right:10px;}
ul.game li img{ display:block}

ul.photo{ float:left}
ul.photo li{ width:96px; height:96px; border:1px solid #e4e4e4; padding:1px; float:left; margin-right:10px;margin-bottom:10px;}
ul.photo li img{ display:block}
ul.topay{ float:left}
ul.topay li{ width:320px; height:180px; float:left; margin-right:0px;margin-top:20px;}
ul.topay li img{ display:block}

.register{width:505px;border-left:1px solid #e9e9e9;padding:0 0 10px 33px; margin-bottom:10px;float:left;}

.register h2{font-size:16px;font-weight:bold; }
.register span{}
@media all and (min-width:0px){.register span { margin-top:-5px;}} 

.registinfo{ width:345px; line-height:2.5;}
.registinfo a{ color:#f95901; text-decoration:underline; }
.registinfo a:visited{ color:#f95901; text-decoration:underline; }
.registinfo a:hover{ text-decoration:none;}


.editinfo { font-size:14px; font-size:14px; padding:5px 0 5px 20px; }
.ok { background:url(../images/front/ok.gif) no-repeat 0 50%; color:#70b206; }
.error { background:url(../images/front/error.gif) no-repeat 0 50%; color:#F95901; }
.s3_main1_up {margin:0px 30px 0px 24px; height:130px; }
.s3_main1_up .l { padding: 32px 10px 0px 10px; }
.s3_main1_up .r { padding: 32px 0px 0px 0px; float: left; }
.suc_text { font-size: 20px; font-family:SimHei; font-weight: bold; }

/*------------------- &bank_ico --------------------*/
ul.bank{ width:664px;margin-top:20px;}
ul.bank li{ width:200px; float:left; padding-bottom:15px; padding-right:20px;cursor:hand;}
ul.bank li img{ vertical-align:middle;cursor:hand;}
ul.bank li input{ margin-right:10px;}

.mon { font-weight:bold;}
p.mon span{ color:red}

/*------------------- &pay --------------------*/
table.pay{text-align:center; color:#666; margin-top:20px; width:706px; }
table.pay td{ border:1px solid #ddd; padding:3px 12px;}
table.pay tr.odd{ background:#eee;color:#000;}

p.more a:visited{ background:url(../images/front/more.gif) no-repeat; padding-left:20px; color:#ff6d00; font-weight:bold;}

p.more a{ background:url(../images/front/more.gif) no-repeat; padding-left:20px; color:#ff6d00; font-weight:bold;}
p.xieyi a:visited{ color:#ff6d00; text-decoration:underline;}

p.xieyi a{ color:#ff6d00; text-decoration:underline;}

/*------------------- &popup --------------------*/
h4{background:#eee; border:1px solid #ddd;border-bottom:none; width:331px; height:30px;}
.popup{border:1px solid #ddd; width:281px;padding:0 25px 10px; overflow:hidden}
.paymon{height:73px;background:url(../images/front/identity_ico.gif) no-repeat 0 10%; padding-left:80px; padding-top:12px;font-weight:bold; font-size:14px; }
.paymon2{padding-top:0;}
popup a:hover{color:#f95a01; text-decoration:underline;}

.popup a:visited{color:#f95a01; text-decoration:underline;}

.popup a:link{color:#f95a01; text-decoration:underline;}

/*------------------- &navigation --------------------*/
.navigation { float:left; width:100%;}
#tags { height:25px;line-height: 25px; padding:0 5px;border-bottom:1px solid #fd8a04; }
#tags li {background: url(../images/front/tagleft.gif) no-repeat 0 -25px; float: left;margin-left:3px; display:inline;}
#tags li a{ padding:0 20px;background: url(../images/front/tagright.gif) no-repeat 100% -25px; float: left; height:25px;text-decoration: none; color:#666;}
#tags li.selectTag {background-position: 0 0;}
#tags li.selectTag a {background-position: 100% 0; color:#fff;}
#tags li.selectTag strong{ position:relative;margin-bottom:-6px;padding-bottom:6px;float:left;background:url(../images/front/arrow_2.gif) no-repeat 50% 100%; }

#tagContent {padding-top:12px;}
.tagContent { display: none; }
#tagContent div.selectTag {display:block}



input.submit1 {
background:#EEEDE9 url(../images/front/button_bg1.gif) repeat-x scroll 0 0;
border:1px solid #F95A00;
color:#FFFFFF;
cursor:pointer;
letter-spacing:0.1em;
line-height:15px;
overflow:visible;
padding:2px 1em;
}
h2.kdb{ background:url(../images/front/h2_bg.gif) no-repeat 0 100%; width:686px;  border:0; margin:15px 0; padding-bottom:8px; text-indent:8px}


/*=question
====================================== */

ul.info_li li.one{ font-weight:bold; width:700px;margin-left:20px;CURSOR: hand}
ul.info_li li{margin:0;}
.info_con{color:#607574; padding-bottom:15px;width:680px;margin-left:34px}

