﻿html {padding-top:150px; background:url(/image/back/index.jpg) black no-repeat top center}
body {font:12px georgia,tahoma;margin:0 auto;padding:0;color:#333;width:980px; background:url(/image/bk1.gif) repeat-x top #F5F5F5}
tt{font:bold 12px georgia,tahoma;margin-right:10px}
i{font-family:Verdana}
a {color:#333; text-decoration:none}
a:hover {text-decoration:underline;color:#f00}
img {border:none; margin:0}
ul,ol {margin:0;padding:0;height:100%;}
p {margin:0;padding:0}
li {list-style:none}
h1,h2,h3 {margin:0;padding:0}
form {padding:0;margin:0}

#header {background:url(/image/logo.gif) no-repeat 20px 8px}
#nav {height:40px; padding-top:20px; padding-left:350px; background:url(/image/dotline.gif) repeat-x bottom;}
#nav li {height:32px;background:url(/image/line1.gif) no-repeat left; float:left; line-height:32px;padding-left:1px; margin-top:8px}
#nav li a {float:left;display:block; padding:0 12px;height:32px; line-height:32px;white-space:nowrap}
#headbar {background:#E4EDF5;border-bottom:1px solid #C7C7C7; height:32px; line-height:32px; text-align:right;padding:0 30px 0 64px}
#headbar a{color:blue}
#headbar a:hover{color:red;}

#main {overflow:hidden;padding:6px 13px 40px 13px; height:100%;}
#search {height:30px; line-height:30px; background:url(/image/bk3.gif) repeat-x;border-top:1px solid #5A748D; margin-bottom:8px}
#search img{cursor:pointer}
#search .input {border:1px solid #D7D7D7;font:12px Verdana;padding:2px;height:12px;width:180px; background:#FFF;margin:3px 5px}

#left {width:230px;float:left;height:100%;overflow:hidden}
#left .title {height:30px; background:url(/image/bk4.gif) repeat-x;border-left:1px solid #FFF;border-right:1px solid #FFF;}
#left .title b {color:#4C4C4C;font:bold 14px Verdana; line-height:30px; padding-left:10px}
#left .gamelist {border:1px solid #FFF; background:url(/image/bk5.gif) repeat-x top #EAE9E9;padding:5px 6px 10px 6px}
#left .gamelist li {background:url(/image/dotline2.gif) repeat-x bottom; padding:8px 0 4px 5px}
#left .gamelist li a.focus{font-weight:bold;color:red}

#left .paypic {clear:both;margin-bottom:5px}
#left .paypic td{padding-bottom:2px}
#left .tel {background:url(/image/tel.gif) no-repeat 5px top;font:bold 12px verdana;padding:2px 0 2px 40px;margin-top:8px}
#left .email {background:url(/image/email.gif) no-repeat 5px 4px;font:bold 12px verdana;padding:2px 0 2px 40px;margin-top:3px}
#left .msn {background:url(/image/msn.gif) no-repeat 6px top;font:bold 12px verdana;padding:2px 0 2px 40px;margin-top:3px}

#right {width:710px;overflow:hidden;float:right;padding-top:7px}
#right .gamepic {table-layout:fixed}
#right .gamepic img{width:130px;height:100px;margin-bottom:5px}
#right .gamepic td{text-align:center;vertical-align:top;padding-bottom:10px;font:12px arial}

#right .piclist img{width:130px;height:100px;}
#right .piclist td{vertical-align:top;font:12px arial;font:12px verdana}
#right .piclist td h2{padding:0px;margin:3px 0px 6px 0px;font:18px georgia,tahoma}
#right .piclist td div{margin-bottom:3px;font:11px verdana;color:#999}
#right .piclist td div a{color:#07339C}
#right .piclist td div a:hover{color:red}
#right .piclist td b{color:#666;font-weight:normal}
#right .piclist td.dot{background:url(/image/dotline.gif) repeat-x center center}

#right .offer .topic {padding-bottom:3px}
#right .offer .topic div{font:11px georgia,tahoma;border:1px solid #7F9DB9;padding:1px}
#right .offer .text{font:11px verdana;border:1px solid #D5C9B3;border-top:0px;padding-bottom:5px}

#right .offer ul {margin:0px 6px;padding:0px;list-style:none;clear:both;font:11px georgia,tahoma}
#right .offer li{border-top:1px solid #C7C7C7;line-height:16px}
#right .offer li div{border-top:1px solid white;margin:0px;background:url(/image/circle.gif) no-repeat 0px 8px;padding:6px 0px 6px 24px;width:310px;}
#right .offer li.begin{border-top:0px}
#right .offer li.begin div{border-top:0px}
#right .offer span{color:red;padding-left:10px}

#right .newstopic {font:bold 14px Verdana;padding:8px 0;margin-top:5px;background:url(/image/oo.gif) no-repeat 320px 4px;}
#right .newstopic span{font:12px Verdana;color:#999;margin-left:20px}
#right .news {margin:0px;padding:0px;list-style:none;clear:both;font:12px georgia,tahoma}
#right .news li{padding:8px 0px;margin:0 8px 0 0;background:url(/image/dotline.gif) repeat-x top;line-height:16px}
#right .news li div{font-weight:bold;padding-bottom:3px}
#right .news li div a{color:#07339C}
#right .news li div a:hover{color:red}
#right .news li div span{margin-left:20px;color:#999;font-weight:normal}
#right .news h3{color:#07339C;font:bold 14px georgia,tahoma;padding:5px 0px}
#right .news p{line-height:18px;margin-right:5px}

#menu h2 {font:bold 14px Georgia, "Times New Roman", Times, serif;height:31px;line-height:31px;background:#E3E4E7; padding-left:15px; margin-bottom:1px;color:#666}
#menu .bkline {height:2px;font-size:2px;border-top:1px solid #E2E0E1;border-bottom:1px solid #fff;margin:0;padding:0;}
#menu a {cursor:pointer;padding-left:65px;display:block;height:64px;margin-top:-2px;background-repeat:no-repeat;background-position:left -5px;background-color:#EBE9EA}
#menu a.focus {background-color:#F5F3F4}
#menu a:hover {text-decoration:none}
#menu #mbk0 {background-image:url(/user/pic/bk0.gif)}
#menu #mbk1 {background-image:url(/user/pic/bk1.gif)}
#menu #mbk2 {background-image:url(/user/pic/bk2.gif)}
#menu #mbk3 {background-image:url(/user/pic/bk3.gif)}
#menu #mbk4 {background-image:url(/user/pic/bk4.gif)}
#menu #mbk0.focus {background-image:url(/user/pic/cbk0.gif)}
#menu #mbk1.focus {background-image:url(/user/pic/cbk1.gif)}
#menu #mbk2.focus {background-image:url(/user/pic/cbk2.gif)}
#menu #mbk3.focus {background-image:url(/user/pic/cbk3.gif)}
#menu #mbk4.focus {background-image:url(/user/pic/cbk4.gif)}

#menu h3 {font:bold 12px Georgia;margin:0;padding:15px 0 0 0;color:#666}
#menu span {font:11px Arial;color:#666}
#menu .focus h3 {color:#07339C}
#menu .focus span {color:#07339C}

#pageturn {font:12px Verdana;margin:20px 0; height:16px;clear:both}
#pageturn a {display:block; float:left;height:16px;line-height:16px;border-right:1px solid #999;padding:0 8px;}
#pageturn a.current{color:#f00;FONT-WEIGHT:bold}
#pageturn a:hover {text-decoration:none;color:#f00;}
#pageturn a.none {border:none}
#pageturn a.disable{color:#999}
#pageturn a.last {border:none;}

.cwarn{float:none;font:12px georgia,tahoma;color:#999}
.cwarn_hover{float:none;font:12px georgia,tahoma;color:blue}
.cwarn_error{float:none;font:12px georgia,tahoma;color:red;}
.cwarn_finish{float:none;font:12px georgia,tahoma;color:#060}

.cmoney {border:1px solid #6E6E56;padding:8px;background:#fff;font:10px verdana;cursor:pointer}
.cmoney div{border:1px solid white}
.cmoney td{white-space:nowrap;padding:0 10px 0 5px}
.cmoney b{color:#0C4C8E}
.cmoney div.cfocus {background:#DFE8F6;border:1px dotted #A3BAE9}
.cmoney div.cfocus td{color:red}
.cmoney div.cfocus b{color:red}

.cskill {float:left;margin:0 8px 0 0;padding:0px;width:250px;height:21px}
.cskill .cinput{float:left;border:1px solid #6E6E56;margin:0px;padding:0px;height:21px;overflow:hidden;cursor:pointer;background:url(/js/pic/backtext.gif) white repeat-x;}
.cskill .cinput div{font:12px verdana;height:57px;line-height:17px;margin:1px;padding:1px 3px}
.cskill .cinput div span{display:block;float:left;overflow:hidden;}
.cskill .cinput div img{float:right;margin:3px 0px 0px 0px}
.cskill .ctri{float:left;border:1px solid #6E6E56;border-left:0px;background:url(/js/pic/drop/tri.gif) no-repeat left top;width:23px;height:21px;overflow:hidden;cursor:pointer}

.cdropdown .cfocus .cr div{background:url(/js/pic/radio/check.gif) no-repeat left center;color:red}
.cdropdown .cfocus .cc div{background:url(/js/pic/check/check.gif) no-repeat left bottom;color:red}
.cdropdown th{font-weight:normal;text-align:left}
.cdropdown .cfocus td,.cdropdown .cfocus th{color:red}

.cdropdown .cop2 span {font:11px verdana}
.cdropdown .cop2 b {color:#060}

.line {background:url(/image/dotline.gif) repeat-x;height:1px;overflow:hidden;margin:10px 0}
.cbtn {font:bold 12px verdana;border:1px solid #6E6E56;background:url(/image/btn_back.gif) #EAF2E8 repeat-x; height:23px; line-height:20px;padding:0 5px 3px 5px;color:black; letter-spacing:1px;cursor:pointer;}

.foot {background:#151515;height:80px;color:#939292;line-height:20px;font:11px verdana;text-align:center;padding-top:8px;line-height:18px}
.foot a{color:#999;margin:0 3px}
.foot a:hover{color:yellow}
