/******************* 
    main css style
 *******************/
/** main **/
body { margin:0px; background:#FFF; text-align:center;}
table,div,input,select,textarea { font-size:12px; color:#424242; font-family:Arial, Helvetica, sans-serif;}
img { border:0px;}
h1,h2,h3,h4,h5,h6,ul,li,p { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
h1,h2,h3 { font-size:14px;}
h4,h5 { font-size:12px;}
h3,h5 { font-weight:normal;}
li { list-style-type:none;}
a { color:#424242; text-decoration:none; cursor:pointer;}
a:link { color:#424242; text-decoration:none; cursor:pointer;}
a:hover { color:#FF6600; text-decoration:underline; cursor:pointer;}
/** fonts begin **/
.b { font-weight:bold;}
.f-12 { font-size:12px;}
.f-14 { font-size:14px;}
.f-16 { font-size:16px;}
.f-black,.f-black a { color:#424242;}
.f-black a:hover { color:#424242;}
.f-gray,.f-gray a { color:#848484;}
.f-gray a:hover { color:#848484;}
.f-orange,.f-orange a { color:#ff6600;}
.f-orange a:hover { color:#FFaa00;}
.f-red,.f-red a { color:#FF0000;}
.f-red a:hover { color:#FF6600;}
.f-darkpink,.f-darkpink a { color:#EA005B;}
.f-darkpink a:hover { color:#FF6600;}
.f-darkblue,.f-darkblue a { color:#004fe0;}
.f-darkblue a:hover { color:#FF6600;}
.f-blue,.f-blue a { color:#007eb3;}
.f-blue a:hover { color:#FF6600;}
.f-lightblue,.f-lightblue a { color:#a0cee5;}
.f-lightblue a:hover { color:#FF6600;}
.f-green,.f-green a { color:#008000;}
.f-green a:hover { color:#FF6600;}
/** generic **/
.clear { clear:both; overflow:hidden;}
.l-m { text-decoration:line-through;}
.l-b { text-decoration:underline;}
.bg-ffffff { background-color:#ffffff;}
.bg-fafafa { background-color:#fafafa;}
.bg-f7f7f7 { background-color:#f7f7f7;}
.fl { float:left;}
.fr { float:right;}
.ta-c { text-align:center;}
.mt-2 { margin-top:2px;}
.mt-4 { margin-top:4px;}
.mt-8 { margin-top:8px;}
.mt-12 { margin-top:12px;}
.mt-24 { margin-top:24px;}
.ml-8 { margin-left:8px;}
.ml-10 { margin-left:10px;}
.ml-14 { margin-left:14px;}
.ml-23 { margin-left:23px;}
.ml-26 { margin-left:24px;}
.mr-4 { margin-right:4px;}
.mr-9 { margin-right:9px;}
.pt-5 { padding-top:5px;}
.pl-3 { padding-left:3px;}
.pl-5 { padding-left:5px;}
.pl-7 { padding-left:7px;}
/** layout **/
.wrap980{ width:980px; text-align:left; margin:auto; overflow:hidden; position:relative;}
.wrap950{ width:950px; text-align:left; margin:auto; overflow:hidden; position:relative;}
.leftBox{ width:747px; float:left; overflow:hidden;}
.rightBox{ width:225px; float:right; overflow:hidden;}
.leftBox2{ width:210px; float:left; overflow:hidden;}
.rightBox2{ width:762px; float:right; overflow:hidden;}
.leftBox3{ width:180px; float:left; overflow:hidden;}
.rightBox3{ width:770px; float:right; overflow:hidden;}
/* === header begin ===  */
/* top nav  delete by liyd
.header{ width:980px; height:147px; text-align:left; margin:auto; position:relative;}
.header .logo{ position:absolute; left:24px; top:13px;}
.topnav{ position:absolute; right:22px; top:15px;}
.topnav ul{ float:right;}
.topnav li{ width:67px; height:23px; float:left; margin-left:5px; text-align:center; line-height:23px; background:url(../images/header_topnav_bg.gif) 0 0 no-repeat;}
.topnav a{ color:#1e8ec6;}
.topnav a.on{ color:#ff6600;}
.topnav a:hover{ color:#ff6600;}
.quicklogin{ position:absolute; right:175px; top:14px; font-family:"ËÎÌå";}
.quicklogin .name{ color:#ff6600; font-family:Arial, Helvetica, sans-serif;}
.quicklogin .cue { margin: 0px 12px 0px 12px;}
.quicklogin .cue a{ color:#ff0000;}
.quicklogin .cue a:hover{ color:#ff6600;}
.quicklogin a{ color:#1e8ec6;}
.quickLogin a:hover{ color:#ff6600;}
*/
/* main nav */
.mainnav{ position:absolute; right:20px; top:50px; float:right;}
.mainnav .menu li{ float:left; height:33px; line-height:33px; background:url(../images/main_nav_bg_05.gif) top repeat-x; position:relative;}
.mainnav .menu li a{ margin:0px 5px 0px 5px;}
.mainnav .menu li.on{ font-size:14px; color:#FFFFFF; font-weight:bold; background:url(../images/main_nav_bg_02.gif) top repeat-x; text-align:center;}
.mainnav .menu li.on a{ color:#FFFFFF; margin:0px 9px 0px 0px;}
.mainnav .sub{ float:left; background:url(../images/main_nav_bg_07.gif) right 0 no-repeat; width:265px;}
.mainnav .sub li{ float:left; margin-left:8px; height:33px; line-height:33px;}
/* search */
.search{ position:absolute; left:0px; top:81px; width:100%; height:66px; text-align:left; position:relative; background:url(../images/main_nav_c_bg.gif) top repeat-x;}
.search .form{ position:absolute; top:7px; left:62px; white-space:nowrap;}
.search .form select{ margin-right:5px; float:left; margin-top:3px;}
.search .form .sousuo { float:left; position:relative; margin-top:3px;}
.search .form .sousuo input { width:340px; height:17px; line-height:17px; margin-right:6px; margin-top:-1px; border:1px solid #9c9c9c;}
.search .form .sousuo .help { position:absolute; right:9px; top:4px;}
.search .form .btn input{ width:66px; height:23px; line-height:23px; float:left; border:0px; padding-left:16px; letter-spacing:2px; margin-top:1px; background:url(../images/main_nav_search_btn.gif); cursor:pointer;}
.search .hotgames{ position:absolute; color:#FFFFFF; bottom:5px; left:62px; white-space:nowrap;}
.search .hotgames h5{ float:left;}
.search .hotgames li{ float:left; color:#ffffff; margin-right:8px; vertical-align:middle;}
.search .hotgames a{ color:#FFFFFF;}
.search .hotgames a:hover{ color:#ff6600;}
/* === header finish ===  */
/* header2 */
.header2{ width:950px; height:110px; text-align:left; margin:auto; position:relative; overflow:hidden; background:url(../images/header2_line_bg.gif) 0px 92px repeat-x;}
.header2 .logo{ position:absolute; left:20px; top:16px;}
.header2 .topnav{ position:absolute; right:7px; top:14px;}
.header2 .quickRegsiter{ position:absolute; left:390px; top:57px; height:20px; font-family:"ËÎÌå";}
.header2 .quickRegsiter .name{ color:#ff6600; margin:0px 1px 0px 2px; font-family:Arial, Helvetica, sans-serif;}
.header2 .quickRegsiter .help{ color:#004fe0; padding-left:12px; margin-left:10px; background:url(../images/tag_help_03.gif) 0px 0px no-repeat;}
.header2 .quickRegsiter .help a{ color:#004fe0;}
.header2 .quickRegsiter a{ color:#ff6600;}
.header2 .quickRegsiter a:hover{ color:#ffaa00;}
.header2 .quickRegsiter .cue { margin: 0px 12px 0px 12px;}
.header2 .quickRegsiter .cue a{ color:#ff0000;}
.header2 .quickRegsiter .cue a:hover{ color:#ff6600;}
/* quick nav */
.quickNav{ width:100%; height:24px; color:#75accd; padding-left:15px; font-family:"ËÎÌå"; border-bottom:1px solid #d0d0d0;}
.quickNav .on{ color:#424242; margin-left:5px;}
.quickNav a{ color:#75accd; margin:0px 5px 0px 5px;}
.quickNav a:hover{ color:#ff6600;}
/* footer */
.footerline{ width:100%; height:15px; display:block; background-color:#f0f0f0; margin-top:20px; overflow:hidden;}
.footer{ width:100%; color:#545454; text-align:center; margin-top:22px; margin-bottom:24px; overflow:hidden;}
.footer .link a{ color:#545454; margin:0px 4px 0px 4px;}
.footer .link a:hover{ color:#FF6600;}
.footer .top {background:url(../images/top.gif) right 0px no-repeat; padding-right:10px;}
.footer .top a{ color:#0086b9;}
.footerbox1{ margin:auto; width:600px; margin-top:5px; text-align:center;}
.footerbox1 .t1{ display:block; width:175px; float:left; margin-top:8px; text-align:center;}
.footerbox1 .t2{ display:block; width:175px; float:right; margin-top:8px; text-align:center;}
.footerbox2{ display:block; width:250px; text-align:center; float:left; line-height:22px;}
/* floatdiv */
.floatdivBox{ position:relative; width:980px; margin:auto; height:0px; text-align:left;}
.floatdivsearch{ width:596px; border:1px solid #4dadde; background:url(../images/float_bg.gif) top repeat-x; background-color:#FFFFFF; position:absolute; left:62px; top:-1898px;}
.floatdivsearch h4{ color:#005ad5; margin-left:8px; margin-top:10px; padding-left:14px; background:url(../images/arrow_10.gif) 0px 2px no-repeat;}
.floatdivsearch .note{ font-size:12px; font-weight:normal; margin-left:10px; color:#8e8e8e;}
.floatdivsearch .cloose{ position:absolute; right:10px; top:10px;}
.floatdivsearch .gamelist{ width:565px; border:1px solid #4dadde; margin:26px 8px 8px 8px; line-height:22px; padding:5px; display:block;}
.floatdivsearch .gamelist a{ float:left; background:url(../images/tag_10.gif) right 5px no-repeat; padding-right:10px; margin:0px 5px 0px 5px; white-space:nowrap;}
.floatdivsearch .gamelistnav{ position:absolute; left:8px; top:30px;}
.floatdivsearch .gamelistnav li{ float:left; height:23px; line-height:23px; text-align:center; color:#026ecb;}
.floatdivsearch .gamelistnav li.t1{ width:51px; background:url(../images/float_off1.gif) 0px 0px no-repeat;}
.floatdivsearch .gamelistnav li.t2{ width:61px; background:url(../images/float_off2.gif) 0px 0px no-repeat;}
.floatdivsearch .gamelistnav li.on1{ width:51px; color:#ff7200; font-weight:bold; background:url(../images/float_on1.gif) 0px 0px no-repeat;}
.floatdivsearch .gamelistnav li.on2{ width:61px; color:#ff7200; font-weight:bold; background:url(../images/float_on2.gif) 0px 0px no-repeat;}
.floatdivsearch .gamelistnav li.line{ width:1px; background:url(../images/float_line.gif) bottom no-repeat;}
.floatdivsearch .gamelistnav .t1 a{ display:block; width:51px; height:23px; color:#026ecb;}
.floatdivsearch .gamelistnav .on1 a{ display:block; width:51px; height:23px; color:#ff7200;}
.floatdivsearch .gamelistnav .t2 a{ display:block; width:61px; height:23px; color:#026ecb;}
.floatdivsearch .gamelistnav .on2 a{ display:block; width:61px; height:23px; color:#ff7200;}
.floatdivsearch .gamelistnav a:hover{ text-decoration:none; color:#ff6600;}
.floatdiv1{ position:absolute; top:19px; left:-50px; white-space:nowrap; padding:6px; background-color:#FFFFFF; border:1px solid #8ec2df; color:#FF6600; font-size:12px; letter-spacing:1px;}
.floatdiv1 a.c1{ color:#0085b9;}
.floatdiv1 a.c2{ color:#ff8400; margin-left:10px;}
.floatdiv1 a:hover.c1,.floatdiv1 a:hover.c2{ color:#ff0000;}
/* 5173 notice */
.topcue{ width:1002px; height:36px; margin:auto; background:url(../images/cue_bg.gif) top repeat-x; font-size:14px; font-weight:bold; font-family:sans-serif; letter-spacing:1px; position:relative;}
.topcue .tag{ position:absolute; top:9px; left:210px;}
.topcue .cloose{ position:absolute; top:10px; right:30px;}
.topcue .cloose a{ text-decoration:underline;}
.topcue span {
    position:absolute;
	top:5px;
	left:230px;
    padding:4px; 
    filter:Dropshadow(offx=1,offy=0,color=white)
        Dropshadow(offx=0,offy=1,color=white)
        Dropshadow(offx=0,offy=-1,color=white)
        Dropshadow(offx=-1,offy=0,color=white);
   
}