﻿/*@charset "iso-8859-2";*/
/*style of gameim.com 
written by battleboy , battleboy@126.com date 2008-5-9*/
*{font:normal 10px/160% 'verdana','Arial','Helvetica',sans-serif;}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6,form,div,p,i,img,ul,li,ol,table,tr,td,fieldset,label,legend,dt,dd,dl,body{margin:0;padding:0;color:#000}
img{border:0}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:underline}
button{cursor:pointer}
div,p{display:block}
fieldset,form{background:none;border:none;padding:0;margin:0}
.clear{clear:both;overflow:hidden;height:0;font-size:1px}
strong{font-weight:bold}
body{ background:#363435 url(bg.gif) left top repeat-x;}
#header,#body,#footer{width:966px;text-align:left;margin:0 auto;}
#header {height:166px;background:url(banner.gif) repeat-x;position:relative;}
#header h1{height:0px;display:none;}
#header ul{position:absolute;top:120px;right:0;margin:0;list-style:none;}
#header li{float:left;margin:0 .5em;padding-left:1em;background:url("tableftE.gif") no-repeat left top;}
#header a{display:block;background:url("tableftE.gif") no-repeat right top;float:left;margin:0;padding:0 0 0 4px;text-decoration:none;}
#header a span{float:left;display:block;padding:3px 15px 3px 6px;color:#FFF;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;font-size:12px;font-weight:bold;}
/* End IE5-Mac hack */
#header a:hover span {color:#ff0;}
#logo {position:absolute;top:40px;left:0px;}
#banner {position:absolute;top:22px;right:22px;}
#body{clear:both;padding-top:8px}
#page-side{width:220px;float:left;}/*^_^ -- page side -*/
.page-box{background:#ccc;padding-bottom:12px;margin-bottom:8px}
.page-box h3{background:#000;height:23px;line-height:23px;font-weight:bold;text-indent:10px;;color:#fff;font-size:10px;}
.box-bg{padding:6px 10px;}
.box-in{padding:6px 0;}
.box-contact{color:#900;font-weight:bold;}
.box-contact p{display:block;color:#009;font-size:10px}
.hglist li,#login-user li{background:url(list.gif) left center no-repeat;padding-left:8px}
.side-image{margin-bottom:10px}
#favimg{cursor:pointer}
#loginf{text-align:center}
#loginf p{padding:3px;}
#login-input .input_text{width:80px}
#login-input{padding-right:2px;padding-top:3px}
#login-input label{width:5.5em;display:block;float:left;text-align:left}
#login-submit{margin:6px 0;}
 /*^_^ -- page body -*/
#page-body{margin-left:12px;float:left;width:500px;}
#page-body1{float:left;width:732px;}
.page-main{padding-bottom:8px;margin-bottom:8px}
.page-main h2{background:#b7b7b7;height:24px;line-height:24px;text-indent:20px;font-size:10px;font-weight:bold;color:#000;}
.page-main h2 a {height:24px;line-height:24px;font-size:10px;font-weight:bold;color:#000;}
.page-main .choose-game{background:url(choose.gif) no-repeat;height:22px;text-indent:-2000em}
.page-content{border:1px solid #bfb5bd;border-top:0;padding:12px;background:#efefef;}
.page-content h3{font-size:12px;font-weight:bold;color:#009;padding-top:1em}
#game-images {padding-left:2px;}
#game-images img{filter:alpha(opacity=80);padding:4px;}
#news-list li{line-height:26px;background:url(line.gif) bottom repeat-x}
.page-content hr{height:1px}
#page-sub {width:220px;float:right;}/*^_^ -- page sub -*/

#footer{clear:both;text-align:center;color:#818181;}
#games-tags{padding:10px;line-height:9px;word-break:break-all;background:#000;margin:8px 0;}
#games-tags a{font-size:9px;padding-right:.5em;color:#818181;}
#payment-methods{background:url(payment_methods.gif) no-repeat;height:87px;border-bottom:1px solid #acaed0}
#footer-links{background:#000 url(footer.gif) left bottom repeat-x;color:#efefef;height:30px;line-height:30px;}
#footer-links a{color:#818181;}
#copyright{padding:16px 0;color:#818181;background:#000;}
.alignr{text-align:right}
.regform td{border-bottom:1px solid #cfcfcf;padding:.5em}
.tdunderline{border-bottom:1px solid #cfcfcf}
.regtable{border:1px solid #CBDBE2}
input:focus,input.focus,textarea:focus,textarea.focus{background:#f0f7fd;color:#333}
.fred{color:#e00}
.note{font-size:10px;color:#89A5D5}
#articlelist li{line-height:2em;background:url(line.gif) bottom repeat-x}
.titletxt{color:#900;}
.tableline,.tableline td{border-collapse: collapse;padding:.5em;border:1px solid #9A9A9A}
.iItem{background:url(yellow_arrow.gif) left no-repeat;width:25%;padding-left:16px}
.iLine{background:url(yellowline.gif) repeat-x;height:1px}
.iIndex{background:#fffff7;}
.iIndex a{font-size:14px;font-weight:bold;color:#000099;}
.tr0{background-color:#f7f7f7}
.tr0 td{font-weight:bold}
.tr1{background-color:#E7F9FF}
.tr3{background-color:#89A5D5}
.sum {color:#f00;}
.gsel {text-align:center;padding:10px;border:1px solid #ddd;margin:0 0 5px 0;}
.osum {color:#600;text-decoration:line-through;}

table.tbl {width:98%;border-spacing:1px;background-color:#DEDEDE;color: #666;border-collapse: collapse;margin:0 0 10px 0;}
table.tbl td, table.tbl th {padding: 2px 4px;}
table.tbl th {text-align: center;background: #DEDEDE;border: 1px solid #FFF;letter-spacing:1px;font-weight:bold;}
table.tbl tbody tr.odd 	{background: #DEDEDE;border-top:1px solid #FFF;}
table.tbl tbody th {border: 1px solid #81817F;}
table.tbl tbody tr td {background: #DEDEDE;border: 1px solid #81817F;}
table.tbl tbody tr.odd td{ background: #f9f9f9;border-top:1px solid #FFF;}
table.tbl  td a:link, table td a:visited {color: #1975D7;text-decoration: none;}
table.tbl  td a:hover {color: #50ADEA;border-bottom:2px solid #8FD5FF;text-decoration: none ;}
table.tbl tfoot th, tfoot td {background-color:#E7E7E7; padding:6px;text-align:left; font-family:Georgia, "Times New Roman", Times, serif;font-size:12px; font-weight:bold;border-bottom:3px solid #CCC;border-top:1px solid #DFDFDF;word-spacing:6px;}
table.tbl .ibtn {
  background: none repeat scroll 0 0 #094D9E;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  margin: 1px;
  padding: 5px 20px;
}
.new li { background:url(redblock.gif) left center no-repeat;}
.util {padding:5px;}
.gsel select { width:240px; margin:3px;}
.imgpm {cursor:pointer;display:block;}
.rb {font-weight:bold;color:red;}


.fail { padding:5px; border:1px solid #999;  font-weight:bold; color:#F00; background:#FCF; }
.succ { padding:5px; border:1px solid #999;  font-weight:bold; color:#FFF; background:#090; }
.ordersn { font-weight:bold; color:#36F; font-size:11px;}
.sum { font-weight:bold; color:#F03;}
.osum { font-weight:bold; text-decoration:line-through; color:#933;}
.fred { color:#933; font-weight:bold; text-decoration:underline;}

table.cart { width:100%; border-spacing:1px; border-collapse:collapse;margin:5px 0 10px 0px;}
table.cart td, table.cart th {padding:3px;}
table.cart th {text-align:center; border: 1px solid #BBB;}
table.cart tbody th {border: 1px solid #BBB;}
table.cart tbody tr td { border: 1px solid #BBB;text-align:center;}
.remove { width:60px; border:1px solid #666;}

.emptycart { padding:5px;}

.gd { color:#999900; text-indent:.5em; font-weight:bold;}
.fblue { color:#0066FF; text-indent:.5em; font-weight:bold;}

.intro {border:1px solid #DDDDDD; padding:5px; margin:10px 0 0 0; }
a.cart { background:url(cart.gif) left center no-repeat; padding:0 0 0 20px;}

h5.gamenews {font-size:14px;margin:5px;}
div.gameintro{border:1px solid #DDDDDD; padding:5px; margin:10px 0 0 0;}

.itext { height:18px; border-top:#999999 solid 1px; border-left:#999999 solid 1px; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}

.input_area { height:50px; border-top:#999999 solid 1px; border-left:#999999 solid 1px; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}
.aztitle a {font-size:14px;font-weight:bold;}
div.line { width:98%;display:block; clear:left; background:#EFEFEF;padding:2px;position:relative;}
div.line a {font-size:14px;font-weight:bold;}
span.top { color:#06F;cursor:pointer;position:absolute;right:10px;}
/* gamelist style */
.hglist { padding:0 10px;}
.hglist dt { background:url(dotcc.png) left center no-repeat; text-indent:1.5em; padding:2px 0; border-bottom:1px dotted #CCB29B; cursor:pointer;}
.hglist dt a{width:100%;}
.hglist dt:hover{ background:url(dotcc.png) left center no-repeat;}
.hglist dt.focus {background:url(dotbb.png) left center no-repeat;}
.hglist dt.focus a { font-weight:bold; color:#F00}
.hglist dd { background:url(doc.gif) 15px center no-repeat;text-indent:2em; padding:5px 0; display:none;}
.hglist dd.gold {background:url(doc.gif) 15px center no-repeat; _text-indent:3.5em;padding:5px 0;}
.hglist dd.power {background:url(doc.gif) 15px center no-repeat;_text-indent:3.5em;padding:5px 0;}
.hglist dd.account {background:url(doc.gif) 15px center no-repeat;_text-indent:3.5em;padding:5px 0;}
.hglist dd.cdkey {background:url(doc.gif) 15px center no-repeat;_text-indent:3.5em;padding:5px 0;}
.hglist dd.show { display:block;}

/* news style */
dl.news{}
dl.news dt{ background:url(new_bj.gif) left center no-repeat; text-indent:2em;}
dl.news dt a { color:#4B830F; font-weight:bold;}
dl.news dd{ padding:0 5px 15px 5px;}
dl.news dd a { color:#4B830F;}
dl.navnews { padding:10px;}
dl.navnews dt.prevnews { font-weight:bold; color:#FF0000;}
dl.navnews dt.nextnews { font-weight:bold; color:#0000FF;}
dl.navnews dt.recentnews { font-weight:bold; color:#0066FF;}
dl.navnews dd { background:url(new_bj.gif) 8px center no-repeat; text-indent:2.5em;}
dl.navnews dd a { color:#4B830F;}

ul.news li { background: url("doc.gif") no-repeat scroll left center transparent; border-bottom: 1px dotted #999999; padding:5px 2px;  position: relative;  text-indent: 1em;}
ul.news .addtime { color: #666666; float: right; position: absolute; right: 5px; top: 5px;}


/* currency style */
.currency { font-size:11px; cursor: pointer; font-family: Tahoma,Geneva,sans-serif; font-weight: bold;  text-decoration: underline;}
.current {font-size:11px; cursor: pointer;  font-family: Tahoma,Geneva,sans-serif; font-weight: bold; text-decoration: none;}

/* region style */
dl.region {overflow: hidden;}
dl.region dt { background:url(dotcc.png) left center no-repeat; text-indent:1.5em; height:30px; line-height:30px; border-bottom: 1px dotted #ccc;clear: left;font-size: 12px;font-weight: bold;cursor:pointer; font-family:"Comic Sans MS",cursive;}
dl.region dt.current { color:#F00;background:url(dotbb.png) left center no-repeat;}
dl.region dt a {color: #4589F9;}
dl.region dd {background:url(doc.gif) left center no-repeat; float: left;font-size: 12px;height: 25px;line-height: 25px;text-indent: 1em;width:50%;}
dl.region dd a {}
.hide { display:none;}

/* product style*/
.util{margin: 0 5px 10px 0; text-align: center; border: 1px solid #81817F; padding:10px 20px;}
.util p { margin:5px 0;}
.gtext { border:#CCCCCC 1px solid; background:#EEEEEE; padding:5px;}
.pro_price {}
a.cart { background:url(cart.gif) left center no-repeat; padding:0 0 0 20px;font-weight: bold;}
.progold .tbl {width:99%; margin:0 0 5px 0;border:1px solid #9a9a9a;border-collapse: collapse;}
.progold .tbl tr { background:#FFF;}
.progold .tbl tr:hover { background:#EEE;}
.progold .tbl td, .progold .tbl th {padding: 5px 0 5px 5px;}
.progold .tbl th {text-align: center;background: #DADAD6;letter-spacing:1px;}
.progold .tbl tbody th {color:#000;font-weight:bold;background:#f7f7f7;text-align:center;height:32px;}
.progold .tbl tbody tr td {border-top: 1px solid #9a9a9a;padding:.6em .5em;text-align:center;}

.m_login p{text-align:center;}
.m_login input{margin:3px 0;}
#pro_gold tr td{text-align:center;padding:5px;}
.pro_name,.pro_server,.pro_price{text-align:center;}
#player_des {
    position: relative;
}
.playerimg {
    border: 2px solid #000;
    display: none;
    left: 30px;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    top: 60px;
    z-index: 999;
}
