﻿@charset "utf-8";
/* CSS Document */
/* Ewtang CSS Document Designed By Jianxin Peng */
/* base */
body,form, div, p, i, img, ul, li, dl, dt, dd{ margin:0; padding:0;}
a { text-decoration:none;}
a { cursor:pointer;}
a:hover {text-decoration:underline;}
* { font: normal 12px/150% "Arial","宋体","Tahoma",sans-serif; color:#333; }
form{ background:none; border:none; padding:0; margin:0;}
button {cursor:pointer;}
img { border:0;}
div,p {display:block;}
ul,li {list-style:none;}
.clear{ clear:both; overflow:hidden; height:0px; font-size:1px;}


a:hover{ padding:0; }/*ie6 hover bug*/
.imgbottom { margin-bottom:-3px;}	/*ie bottom bug*/

/* align css */
.align-c { text-align:center}
.align-l { text-align:left;}
.align-r {text-align:right; }

.margin-t { margin-top:5px;}
.margin-b { margin-bottom:5px;}
.margin-c {margin-top:5px; margin-bottom:5px;}

/* font */
.f9 { font-size:9px;}
.f12b { font-size:12px; font-weight:bold;}
.fred { color:red;}
.f12red { font-size:12px; color:red;}
.f12redb { font-size:12px; color:red; font-weight:bold;}
.f14red { font-size:14px; color:red;}
.f14redb { font-size:14px; color:red; font-weight:bold;}
.f18red { font-size:18px; color:red;}
.f18redb { font-size:18px; color:red; font-weight:bold;}
.f12org { font-size:12px; color:#FF6600;}
.f12orgb { font-size:12px; color:#FF6600; font-weight:bold;}
.f12green {font-size:12px; color:green;}
.f12greenb {font-size:12px; color:green; font-weight:bold}

/*table */
.tab_form { margin:0px auto;}
.tab_form td { padding:5px 5px; background:url(line_xu.gif) repeat-x left bottom;}
.tab_form td.name { text-align:right; }
.tab_form td.name span { color:red;}
.tab_form td.txt {}
.tab_form td.info { color:#6f7d84;}
.tab_form td.special { color:red; font-weight:bold; font-size:18px;}
.tab_form td.button { text-align:center; padding:10px; color:green; font-weight:bold;}


.tab_green { margin:0px auto; background:#adc4d4}
.tab_green td { padding:5px 5px; text-align:center;}
.tab_green td.title { background:#bddbf0; font-weight:bold;}
.tab_green td.list { background:#d4eaf9;}
.tab_green td.special { color:red;}
.tab_green td a { text-decoration:underline; color:#000;}
.tab_green td a:hover { text-decoration:none; color:red;}
.tab_green td.list2 { background:#d4eaf9; text-align:left; line-height:200%}
.tab_green td.list2 a { padding-right:24px; }


.tab-grey { background:#ccc;}
.tab-grey td { background-color:#f5f5f5; padding:5px;}
.tab-grey td.title { background:#eee; text-align:center;}

.tab-grey2 { background:#ccc; margin-bottom:10px; margin-top:10px;}
.tab-grey2 a { text-decoration:underline; color:red;}
.tab-grey2 a:hover { text-decoration:none}
.tab-grey2 td { background-color:#f5f5f5; padding:5px;}
.tab-grey2 td.title { background:#ddd; text-align:center;}
.tab-grey2 td.name { font-weight:bold; background:#ddd; text-align:center;}
.tab-grey2 td.money { font-weight:bold;}

.tab-blue { background:#badbef; margin-bottom:10px;}
.tab-blue td { background-color:#eaf7ff; padding:5px;}
.tab-blue td.title { background:#caebff; text-align:center;}

.tab-blue3 { background:#badbef; margin-bottom:10px;}
.tab-blue3 td { background-color:#eaf7ff; padding:5px;}
.tab-blue3 td span.b { font-weight:bold;}
.tab-blue3 td.title { background:#caebff; font-weight:bold;}

.tab-blue2 { background:#badbef; margin-bottom:10px; margin-top:10px;}
.tab-blue2 a { text-decoration:underline; color:#FF6600;}
.tab-blue2 a:hover { text-decoration:none}
.tab-blue2 td { background-color:#eaf7ff; padding:5px;}
.tab-blue2 td.title { background:#caebff; text-align:center;}
.tab-blue2 td.name { font-weight:bold; background:#caebff url(icon-3jiao.gif) no-repeat left top; text-align:center;}
.tab-blue2 td.money { font-weight:bold;}

/* layout  */
body { background:#e8f2f9; }
/*************************************/
#top { height:100px; background:#2a6da1;}
#topmain { width:880px; height:100px; background:url(mem_top_bg.gif) no-repeat center top; margin:0px auto; position:relative;}
#topmain div#logo { width:200px; height:80px; float:left; padding-top:20px;}
#topmain div#show { width:660px; height:50px; padding:10px 0px; float:left; text-align:right}
#topmain div#nav { width:680px; height:30px; float:left; text-align:right;}
#topmain div#nav a { font-size:12px; text-decoration:none; padding-left:20px;}
#topmain div#nav a:link { color:#fff;}
#topmain div#nav a:visited { color:#fff;}
#topmain div#nav a:hover { color:#ffd200; text-decoration:underline}

/**************** scroller div **********************/
#gamemenu { display:none; background:#c8dfef; border:2px solid #89bce1; position:absolute; right:120px; top:100px; padding:4px;  overflow: hidden;}
#gamemenu div.content { border:1px solid #89bce1; background:#fff; padding:10px 10px 100px 10px}
#gamemenu div.content li { padding:3px 0px;}
#gamemenu div.content li.gamelist a { padding-right:3px; text-decoration:underline}
#gamemenu li.gamelist a:hover { text-decoration:none}
#gamemenu div.content li.gamelist a.new { color:red;}
#gamemenu div.content li.gamename { font-size:12px; font-weight:bold;}
/*************************************/
#center { padding:10px 0px; background:#e8f2f9/*ecf6d8*/}
#centermain { width:880px; margin:0px auto;}
/*************************************/
#bottom { height:100px; background:#2a6da1; padding-top:20px;}
#bottommain { width:880px; margin:0px auto; text-align:right; color:#87b9d3;}
#bottommain a{ color:#87b9d3; text-decoration:underline}
#bottommain a:hover { color:#87b9d3; text-decoration:none;}
/***************  line    *****************/
.linege { background:url(line_bg.gif) repeat-x center; height:10px;}
/***************  index    *****************/
#indexleft { width:400px; float:left;}
#indexleft table.login { margin-top:40px;}
#indexleft table.login td{ padding:2px 4px;}
#indexleft table.login td.name { text-align:right;}
#indexleft table.login td a{ color:#79846f; text-decoration:none;}
#indexleft table.login td a:hover { text-decoration:underline;}
.indextitle { font-weight:bold; padding:5px 0px; color:#254609;}
.playerlist {}
.playerlist img { width:50px; height:50px; padding:2px; border:1px solid #ccc; margin-right:3px !important; margin-right:2px; }
.indexdongtai li { width:400px; height:20px; overflow:hidden;}
.indexdongtai li span { color:#388729;}

#indexright { width:480px; float:left;}

/************************ Login *********************/
.backinfowrong{ padding:1px 5px; background:#f4f6d8; border:1px solid #dd8e64; color:red;}
.backinfonormal{ padding:1px 5px;  color:#666;}
.backinfook{ padding:1px 5px; background:#dff7ad; border:1px solid #a4c55f; color:#387008;}
.backinfook a { color:#387008; text-decoration:underline}
.backinfook a:hover { text-decoration:none;}


.backinfotip{ padding:30px; background:#dff7ad; border:1px solid #a4c55f; color:#387008; text-align:center; font-size:14px; font-weight:bold;}


.loginbg { background:url(login_iconbg.gif) no-repeat 90px 55px; padding:40px 0px;}
.logintab { width:400px; margin:0px auto;  }
.logintab td{ padding:2px 4px;}
.logintab td.name { text-align:right;}
.logintab td a{ color:#79846f; text-decoration:none;}
.logintab td a:hover { text-decoration:underline;}


.registerbg { background:url(register_iconbg.gif) no-repeat 30px 55px; padding:20px 0px;}
.registertab { width:500px; margin:0px auto; }
.registertab td{ padding:2px 4px;}
.registertab td.name { text-align:right;}
.registertab td a{ color:#79846f; text-decoration:none;}
.registertab td a:hover { text-decoration:underline;}


.registeredbg { background:url(registered_iconbg.gif) no-repeat 20px 35px; padding:20px 0px 20px 190px;}
.registeredtab { width:670px;}
.registeredtab td{ padding:2px 4px;}
.registeredtab td img{ margin:0px 2px 3px 0px;}
.registeredtab td a{ color:#79846f; text-decoration:none;}
.registeredtab td a:hover { text-decoration:underline;}

.reged_new_left { width:170px; float:left;}
.reged_new_right { width:710px; float:left;}


.reged_new_top1 { width:170px; float:left;}
.reged_new_top2 { width:340px; float:left; font-size:14px; color:#073e69; line-height:170%; padding-top:20px;}
.reged_new_top2 b { font-weight:bold; font-size:14px; color:#073e69;}
.reged_new_top2 a { font-size:14px; font-weight:bold; color:#073e69; text-decoration:underline;}
.reged_new_top2 a:hover { color:#f40d00}
.reged_new_top2 span { color:#f40d00; font-weight:bold; font-size:14px;}

.reged_new_top3 { width:338px; float:left; margin-top:20px; background:#fff url(reged_new_newsbg.gif) repeat-x center top; border:1px solid #d4e3ee; padding-bottom:5px; margin-left:30px; overflow:hidden;}
.reged_new_top3 li.title { color:#fff; font-weight:bold; padding-left:7px; height:21px; padding-top:3px;}
.reged_new_top3 li.news{ height:20px; padding-left:8px;  overflow:hidden; background:url(icon_arrow.gif) no-repeat left 6px; margin-top:4px; padding-right:8px;}
.reged_new_top3 li.news span { padding-right:10px;}
.reged_new_top3 li.news a { text-decoration:none; color:#333;}
.reged_new_top3 li.news a:hover { color:#f40d00; text-decoration:underline;}

.reged_new_gameb_left { width:340px; height:100px; float:left; padding-bottom:15px; height:135px; overflow:hidden}
.reged_new_gameb_left li.img { height:110px;}
.reged_new_gameb_left li.button { text-align:center; font-size:14px; font-weight:bold; color:#f40d00; height:25px;}
.reged_new_gameb_left li.button img { margin-right:1px;}

.reged_new_gameb_right{ width:340px; height:100px; float:right; padding-bottom:15px; height:135px; overflow:hidden}
.reged_new_gameb_right li.img { height:110px;}
.reged_new_gameb_right li.button { text-align:center; font-size:14px; font-weight:bold; color:#f40d00; height:25px;}
.reged_new_gameb_right li.button img { margin-right:1px;}

.reged_new_line { background:url(line_bg.gif) repeat-x left top; clear:both;}

#ck_othergame { }
#ck_othergame li { float:left; width:142px; margin-bottom:10px;}
#ck_othergame li a { font-size:14px;}
#ck_othergame li a:hover { text-decoration:underline;}
#ck_othergame li a.hot { color:#dd0000}
#ck_othergame li img { margin-right:10px; }



.getpasswordbg { background:url(getpass_iconbg.jpg) no-repeat 30px 25px; padding:20px 0px;}
.getpasswordtab { width:460px; margin:0px auto; }
.getpasswordtab td{ padding:2px 4px;}
.getpasswordtab td.info { color:#79846f;}
.getpasswordtab td.info span { font-weight:bold; color:#79846f;}
.getpasswordtab td a{ color:#333; text-decoration:underline;}
.getpasswordtab td a:hover { text-decoration:none;}

/******************** logined  InLeft ************************/
#inleft { width:200px; background:#d3e1eb; float:left;}

#loginedblock { padding:10px; color:#254609; }
#loginedblock li.photo { width:60px; height:60px; float:left;}
#loginedblock li.photo img { width:48px; height:48px; padding:1px; border:1px solid #94a07b}
#loginedblock li.userinfo { width:120px; /*height:60px; */float:left;}
#loginedblock li.userinfo span { color:#cf1111; font-weight:bold;}
#loginedblock li.userinfo span.att { color:#777; font-weight:normal}
#loginedblock li.userinfo a { color:#cf1111; text-decoration:underline}
#loginedblock li.userinfo a:hover { text-decoration:none;}
#loginedblock li.usermoney span { color:#cf1111; }
#loginedblock li.usermoney a { color:#cf1111; font-weight:bold; text-decoration:underline; padding-left:10px;}
#loginedblock li.usermoney a:hover { text-decoration:none}

#leftusermenu { padding-bottom:10px;}
#leftusermenu ul li.title { text-align:center; font-weight:bold; color:#000; background:#aec3d2; padding:3px 0px; margin:0px 0px 6px 0px;}
#leftusermenu ul li.list { background:url(arrow_icon.gif) no-repeat 20px; padding-left:36px !important;  padding-left:30px; padding-bottom:2px; padding-top:2px; color:#093446; }
#leftusermenu ul li.list a { color:#093446; text-decoration:none;}
#leftusermenu ul li.list a:hover { text-decoration:underline; color:#d63908;}


/******************** logined  InRight ************************/
#inright { width:650px; background:#e8f2f9; float:left; /*border:1px solid #c7d4ac;*/ margin-left:10px; padding:10px;}

.memtitle { background:url(line_bg.gif) repeat-x left bottom; padding-bottom:3px; margin-bottom:10px; font-size:14px; font-weight:bold; color:#254609;}
.memtitle span { float:right; padding-top:20px;}

.memprolist { padding:5px 10px 30px 10px;}
.memprolist div.proname { width:150px; float:left; text-align:center; margin-right:20px; margin-bottom:10px;}
.memprolist div.proname img { margin:1px;}

#memnewsimg { width:360px; height:240px; float:left;}
#memnewsfont { width:270px; height:240px; float:left; margin-left:10px; overflow:hidden;}

.memlisttitle {  padding:5px 0px; color:#093446; font-weight:bold;}

/**************************** news **************************************/
#newsimg { width:320px; height:240px; float:left; margin-right:20px;}
#newfont { width:310px; height:240px; float:left; }
#newfont li { background:url(arrow_icon.gif) no-repeat left 7px; padding-left:10px; width:300px; height:18px; overflow:hidden; margin:6px 0px;}
#newfont li span { color:#666; padding-right:10px;}


.newslist li { background:url(arrow_icon.gif) no-repeat left 7px; padding-left:10px; margin:6px 0px; }
#newsdetailtitle { text-align:center; font-size:14px; font-weight:bold; margin-bottom:10px; background:url(line_bg.gif) repeat-x left bottom; padding-bottom:3px; color:#254609;}
#newsdetailcontent { padding-bottom:10px;}



/************************* Help ***************************/
.memhelptitle { background:url(memhelptitle_icon.gif) no-repeat left center; padding:10px 0px 5px 35px; margin-bottom:10px; font-size:14px; font-weight:bold; color:#093446; border-bottom:1px solid #bdc7cc}

.helpwanbi { margin-bottom:20px; }
.helpwanbi li.title { font-weight:bold; margin-bottom:5px;}
.helpwanbi li.des { color:#FF0000;}
.helpwanbi li a { text-decoration:underline;}
.helpwanbi li a:hover { text-decoration:none;}

#helpleftbg { background:url(help_iconbg.gif) no-repeat 30px 20px; padding:30px 0px 20px 200px;}
#helpleftbg div.helpcate { margin-bottom:20px;}
#helpleftbg div.helpcate li.title { background:url(line_bg.gif) repeat-x left bottom; padding-bottom:3px; font-weight:bold; margin-bottom:5px;}
#helpleftbg div.helpcate li.list { background:url(arrow_icon.gif) no-repeat left center; padding:3px 0px; width:200px; float:left; margin-right:10px; padding-left:15px;}
#helpleftbg div.helpcate li a { margin:0px; padding:0px;}


/* PAY center (OLD) */
#v3_centermmv { width:650px; float:left; margin:0px auto;}

#v3_center { width:650px; float:left; margin:0px auto;}
#v3_center div.steps { height:110px; text-align:center; display:none;}

.v3_pay td { padding:3px 5px;}
.v3_pay td.waytitle { background:#e8e5c6 url(arrow2_icon.gif) no-repeat left center; font-size:12px; font-weight:bold; color:#333; padding-left:20px;}
.v3_pay td.listtitle { text-align:right; padding:10px 5px;}
.v3_pay td.list span{ padding:10px 10px;}
.v3_pay td.button { text-align:center; padding:15px; border-top:1px solid #ccc;}
.v3_pay td.tixing { border-top:1px solid #bcc291;}

.pay-c2 { width:650px;}
.pay-c2 ul { clear:both; padding:3px 0px;}
.pay-c2 ul.block { border-bottom:1px dotted #ccc; }
.pay-c2 li.title { width:80px; float:left; text-align:right;}
.pay-c2 li.text { width:220px; float:left; padding-left:10px; color:red;}
.pay-c2 li.text2 { width:280px; float:left; padding-left:20px;}
.pay-c2 li.text2 dl { padding:2px 10px;}
.pay-c2 li.des { width:180px; float:left;  color:#999;}
.pay-c2 li.des span { color:red;}
.pay-c2 li.info { width:220px; float:left; color:#e79900; background:url(dot-red.gif) repeat-x bottom; padding-top:3px;}
.pay-info-no {  color:red;}
.pay-zhucema { height:25px; overflow:hidden;}
.pay-zhucema img { margin-bottom:-10px;}
.paysuccess { text-align:center; font-size:14px; font-weight:bold; color:green; padding:20px 20px 20px 20px; }
.paysuccess a { text-decoration:underline; color:#ff6600;}
.paysuccess a:hover { text-decoration:none}
/*
.pay-c2 li.bank { padding:10px 8px; background-color:#fdf6e4; border:1px solid #f5d89f; margin-bottom:0px; font-size:14px;}
.pay-c2 li.bank span { padding:0px 20px 0px 0px;}
.pay-c2 li.bank span.nextline { padding-left:92px;}
.pay-c2 li.yeepays { padding:20px; background:#fffbf3; border-right:1px solid #faedd1; border-bottom:1px solid #faedd1; border-left:1px solid #faedd1;}
.pay-c2 li.yeepays span { padding:10px 20px;}
*/



.payv4steptitle { background:#e8e5c6 url(arrow2_icon.gif) no-repeat left center; font-size:12px; font-weight:bold; color:#333; padding-left:20px; padding-top:4px; padding-bottom:4px;}
.payv4step1 { border-bottom:1px dotted #ccc; }
.payv4step1 ul { width:190px; height:110px; float:left; margin:10px;}
.payv4step1 ul li.gameimg { width:190px; height:90px; text-align:center;}
.payv4step1 ul li.payfont { width:190px; height:20px; text-align:center}
.payv4step1 ul li.payfont a { color:#ed4800; font-weight:bold; text-decoration:none;}
.payv4step1 ul li.payfont a:hover { text-decoration:underline;}





/* MMV pay */
#mmvcenter { padding:10px;}

.nomoneyinfo { background:#fdf6e4; border:1px solid #f5d89f; padding:20px; text-align:center; font-size:14px; font-weight:bold; color:#ff4800; mragin:15px;}

.mmvtitle {  background:url(vpay-icon.gif) no-repeat left center; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #ccc; padding-left:30px;  font-size:12px; font-weight:bold; color:#117db1; }
#payway { padding-top:15px; text-align:center;}
#payway img { margin:10px 10px;}

.accountlist { padding:20px 0px 0px 0px;}
.accountlist li { margin-bottom:5px;}
.accountlist li.name { width:100px;  text-align:right; float:left;}
.accountlist li.txt { width:150px;  float:left;}
.accountlist li.info { width:200px;  float:left;  color:red;}

.paymoney { padding:20px 0px 0px 0px; }
.paymoney li { margin-bottom:4px;}
.paymoney li.name { width:100px;  text-align:right; float:left; }
.paymoney li.txt { width:80px;  float:left; padding-left:20px;}
.paymoney li.info { width:300px;  float:left;  color:#333;}
.paymoney li.info  span {  color:#bf1f1f}

.pay_button { text-align:center; padding:0px ;  border-top:1px solid #ccc; padding-top:10px;}




/************************page********************************/
#page { float:right;  *margin-top:10px;}
#page li { width:20px; height:18px;  border:1px solid #333; font-weight:bold; float:left; display:block; color:#fff; margin-left:2px; text-align:center; background-color:#ff9933; text-decoration:none;}
#page li a:link { background-color:#307ebb; color:#fff;  text-decoration:none; display:block; height:18px;}
#page li a:visited { background-color:#307ebb; color:#fff; text-decoration:none; display:block; height:18px;}
#page li a:hover { background-color:#ff9933; color:#fff;  text-decoration:none; display:block; height:18px;} 

