@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0;font-family:"MS UI Gothic","MS Gothic","ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3"; font-size:12px; color:#6f7b8d;
background:url(images/bodybg.gif);
}
ul{ list-style:none; margin:0; padding:0;}
li{ float:left;}
img{border:0px;}
.divspan {clear:both;height:1px;margin-top:-1px;overflow:hidden;}
.width{ width:1004px; margin:0 auto}
.colorb{color:#2166ae}
.margin{ margin-top:6px;}
#wrap{width:1004px;margin:0 auto;background:#fff}
#header{background:url(images/headbg.gif); height:208px}
.top{height:31px; line-height:30px;}
.top span{margin-left:40px; float:left;}
.select{ float:right; margin-right:40px;}
#timepanel{ width:752px; float:left}
#timepanel li {display:block;height:auto;margin-top:24px;height:62px; line-height:20px; margin-left:10px;} 
#times {background:url(images/time.gif) no-repeat;padding-left:45px;width:130px;}
#msn {background:url(images/msn.gif) no-repeat;padding-left:45px;width:130px;}
#email {background:url(images/email.gif) no-repeat;padding-left:45px;width:120px;} 
#phone {background:url(images/tel.gif) no-repeat;padding-left:45px;width:120px;}
#menu li a{ height:57px; display:block;}
#home{ background:url(images/home.gif) no-repeat;width:150px;}
#home a:hover{background:url(images/homeh.gif) no-repeat;}
#company{ background:url(images/company.gif) no-repeat;width:117px;}
#company a:hover{background:url(images/companyh.gif) no-repeat;}
#method{ background:url(images/method.gif) no-repeat;width:118px;}
#method a:hover{background:url(images/methodh.gif) no-repeat;}
#pay{ background:url(images/pay.gif) no-repeat; width:118px;}
#pay a:hover{background:url(images/payh.gif) no-repeat;}
#faq{ background:url(images/faq.gif) no-repeat;width:118px;}
#faq a:hover{background:url(images/faqh.gif) no-repeat;}
#links{ background:url(images/links.gif) no-repeat;width:147px;}
#links a:hover{background:url(images/linksh.gif) no-repeat;}
#map{background:url(images/map.gif) no-repeat;width:118px;}
#map a:hover{background:url(images/maph.gif) no-repeat;}
#contact{ background:url(images/contact.gif) no-repeat;width:118px;}
#contact a:hover{background:url(images/contacth.gif) no-repeat;}
#lawinfo{overflow: auto; height: 200px; text-align:left;margin-left:10px;}
.hotgame{line-height:30px;}
.hotgame span{ margin-left:35px; color:#6f7b8d; font-weight:bold}
.hotgame a{ text-decoration:none; color:#6f7b8d; padding-left:15px;}

#contain{width:956px; margin:0 auto;}
.leandri{width:210px;float:left}

/*left*/
#gamelist{ float:left; background:url(images/glistmid.gif) repeat-y;width:210px;}
#gamelist li{background:url(images/gamelisth.gif) no-repeat;height:20px;line-height:20px;margin-top:8px;overflow:hidden;margin-left:5px;width:185px; padding-left:20px;}
#gamelist li a {color:#6f7b8d;text-decoration:none; font-size:13px} 
#gamelist li a:hover{ color:#ff6600}

/*middle*/
#conmid{width:520px; margin:0 8px; float:left;margin:0 5px\9; line-height:25px;}
.newstitle{display:block;margin:0px;font-size:12px; height:31px; background:url(images/midtitle.gif) no-repeat; width:500px; line-height:31px; padding-top:1px; color:#236ab2; font-weight:bold; padding-left:20px; } 
.imgmore{padding-left:320px}
#news{ background:url(images/newsmid.gif); float:left}
#news ul{ width:520px; margin:0 auto;}
#news li{ width:480px; line-height:25px; overflow:hidden; } 
#news li a{ display:block; text-decoration:none; color:#6f7b8d;background:url(images/newsb.gif) 10px 6px no-repeat; padding-left:30px;}
#news li a:hover{ background:url(images/newsh.gif) 10px 6px no-repeat; color:#2166ae}
.gamelistpic{float:left; background:url(images/newsmid.gif);width:480px; padding:0 20px;}
.gamelistpic li{width:160px; text-align:center; height:70px;}
#mid{background:url(images/newsmid.gif) repeat-y; float:left; width:520px;}
.img{border:0px solid #cfcfcf; margin:4px;}
.title{font-size:12px;display:block; border:1px solid #cfcfcf; background:url(images/title.gif); height:27px; width:495px; float:left; margin:0 4px; _margin:0 2px; color:#236ab2; font-weight:bold; line-height:27px; padding-left:15px} 
#ginews ul{ width:500px; margin:0 auto;}
#ginews li{ width:480px; line-height:25px; overflow:hidden; } 
#ginews li a{ display:block; text-decoration:none; color:#000;background:url(images/dian.gif) 10px 10px no-repeat; padding-left:20px;}
.price{width:510px; float:left;margin:0 4px;_margin:0 2px; border:1px solid #cecece; border-top:none; margin-bottom:15px;}
.pricetable{border:1px solid #cecece; margin:10px auto; line-height:35px; text-align:center; color:#000;border-collapse:collapse}
.pricetable a{ text-decoration:none; color:#2166ae}
.pricetable th{border:1px solid #cecece; color:#ff9d0a;}
.pricetable td{border:1px solid #cecece}
.faqtitle{display:block; height:30px; line-height:30px; background:#e8edf3; float:left; margin:15px 8px;_margin:15px 4px; width:488px; padding-left:15px;}
#qa{width:502px; margin:0 auto; line-height:25px;}
#qa li{width:480px; margin-left:10px; overflow:hidden}
#qa li a{ text-decoration:none; color:#6f7b8d}
.bot{text-align:center;padding:20px 0}
#gindexnews ul{ width:520px; margin:0 auto;}
#gindexnews li{ width:490px; line-height:25px; overflow:hidden; } 
#gindexnews li a{ display:block; text-decoration:none; color:#6f7b8d;padding-left:20px;}
.content{padding:15px; line-height:25px; width:490px;}
.tRight{ text-align:left; padding-left:20px}
.tLeft{ text-align:right;padding-right:20px;width:200px;}
.linktitle{display:block; color:#236ab2}
.faqlink2{padding:10px; line-height:25px;}
.faqlink2 a{ text-decoration:none; color:#5d5b5b; margin-left:6px;}
.bottom{ background:url(images/buttom.gif) no-repeat; width:91px; height:23px; border:none; color:#fff;}
#ruleinfo1{ text-align:center;overflow: scroll; height: 20em; width: 98%; margin: 0pt auto; line-height: 1.5em;}
#age{ text-align:center; color:#F00}
.pborder{ line-height:30px; margin-top:15px;}
.page{display:block; text-align:center; margin-bottom:10px;}
.page a{ color:#ff9d0a}
.aligncen{ text-align:center}
.failure{background:url(images/a.gif) 20px 10px no-repeat; width:334px; margin:0 auto; padding-left:170px; padding-top:30px;}
.success{background:url(images/b.gif) 20px 10px no-repeat; width:334px; margin:0 auto; padding-left:170px; padding-top:30px;}
.messtitle{color:#4ac1e3; font-weight:bolder; font-size:14px}

/*right*/
.rightdiv{ width:210px; background:url(images/loginmid.gif); color:#000; float:left;}
.rightdiv a{ color:#000; text-decoration:none; line-height:25px;}
.valign{ vertical-align:bottom}
#banks ul{ width:210px; margin:0 auto; padding:5px 0}
#banks li{ width:210px; text-align:center;padding:3px 0}  
#gnews ul{ width:210px; margin:0 auto;}
#gnews li{ width:200px; line-height:25px;height:25px;overflow:hidden; } 
#gnews li a{ display:block; text-decoration:none; color:#6f7b8d;background:url(images/newsb.gif) 10px 6px no-repeat; padding-left:25px;}
#gnews li a:hover{ background:url(images/newsh.gif) 10px 6px no-repeat; color:#2166ae}

/*footer*/
#footer{margin:0 auto; background:url(images/footbg.gif) repeat-x;line-height:30px; text-align:center; color:#000}
#footer ul{margin:0 auto; width:560px;}
#footer li{float: none;display:inline;}
#footer li a{ text-decoration:none; color:#000; margin-left:5px;}
#bot a{text-decoration:none; color:#000; margin-left:5px;}
#bot{width:822px; text-align:center; margin:0 auto;}
.copyright{display:block;width:948px;clear:both}
.tj{display:none}

.mbottom{background: url(images/newsbot.gif) left top no-repeat;height:15px; width:520px;}
.mtop{background: url(images/gpiclisttop.gif) left bottom no-repeat;height:15px; width:520px;}
.rbottom{background: url(images/loginbot.gif) left top no-repeat;height:9px; width:210px;}
.rtop{background: url(images/gpiclisttop.gif) left bottom no-repeat;height:9px; width:210px;}

#liveMessengerContainer
{
	position:absolute;
}
#liveMessengerThumb
{
	cursor:pointer;
}
#liveMessengerPanel
{
	width :317px;
	border :none;
	margin :0px;
	padding :0px;
	display:none ;
	
}
#hideLiveMessengerPanel
{
	cursor:pointer; 
	margin-right: 5px;
	margin-top :0px;
	float :left ;
}
#framid
{
	width :300px;
	height :300px;
}
.tipcon{
    margin: 3px;
    padding: 0px;
    width: 510px;
}
.tipcon dl,.tipcon dt,.tipcon dd{
	margin: 0px;
	padding: 0px;
}
.tipcon dt,.tipcon dd{
	width: 510px;
	border: 1px solid #cecece;
	text-align: center;
}
.tipcon dt img{padding: 15px 0px;}
.tipcon dd{
	margin-top: 5px;
	text-align: left;
	color: #000000;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: bolder;
	width: 490px;
	line-height: 20px;
}
.tipcon .step{
	background: url(images/step_bg.gif) no-repeat center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 36px;
	text-align: center;
	color: #fff;
	line-height: 36px;
	width: 510px;
	font-size: 20px;
}
.tipcon dd span{color: #ff0000;}