@charset "gb2312";
body,ul,li,form,label,h1,h2,h3,h4,h5,h6,p,div,dl,dd,dt,button { margin:0; padding:0;}
img,button { border:0;}
ul,ul li,dl ,dt,dd { list-style:none;}
em {font-style:normal;}

input,select,body { font-family:Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
h2 { font-size:14px;}
.fl { float:left}
.fr { float:right}
.clearfix{zoom:1;}
.clearfix:after{content:"\0020";display:block;clear:both;height:0;}
ul.clearfix li{ float:left;}

.red { color:#f00;}
.green{ color:#178517;}
.blue { color:#00F;}
.black { color:#000;}
.blue2,.location a{color:#015bab;}

a { text-decoration:none; color:#000; cursor:pointer;}
#top,#header .box ,#ex a,#cal .m a.clock,#skinlist a,.setting a,#set li.sethome,#sm li,#sf,#sw,#sb,.tg-ms,.rc-tp,.rc-tp b,.rc-bt b,.rc-bt,#settingBox .h2 { background:url(images/head_bg.gif) no-repeat;}

.rc-tp,.rc-bt { position:relative; z-index:1; display:block; height:4px; overflow:hidden;  }
.rc-tp b,.rc-bt b { float:right; width:4px; height:4px; }
.rc-tp { margin-bottom:-4px; }
.rc-bt { margin-top:-4px; }

.rc-tp{ background-position:-104px -292px;}
.rc-tp b { background-position:-100px -292px;}
.rc-bt b {background-position:-100px -296px;}
.rc-bt { background-position:-104px -296px;}

body { font-size:14px; line-height:1.5; color:#000; background:#3B85C3;}
#wrap { width:980px; margin: 0 auto; background:#fff; padding:0 10px;}

.box,#top,#settingBox{ border:1px solid #ace;}

#top {line-height:22px; height:24px; background-repeat:repeat-x; border-bottom:none; padding:0 0 0 5px; font-size:12px; color:#666;}
	#top a { color:#666;}
	#weather {  float:left;}
	#set { float:right;}
		#set li { float:left; margin:0 5px; height:22px; line-height:24px; overflow:hidden; display:inline;}
		#set li.sethome { background-position:-89px -183px; padding-left:20px;}
		#skinlist a { float:left; overflow:hidden; text-indent:-999px; margin: 6px 2px 0; display:block; height:12px; width:12px;}
		#skinlist a.blue { background-position:0 -193px;}
		#skinlist a.green { background-position:-12px -181px;}
		#skinlist a.pink { background-position:-24px -181px;}
		#set a.active { color:#f60; font-weight:bold;}
		.filter {filter:alpha(opacity=100); display:none;}
		.setting a{ height:21px; width:75px; display:block; background-position:0 -213px; text-indent:-9999px; margin: 1px 0 0 0;}
		
		#settingBox { background:#fff; border-width:2px; position:absolute; height:230px; width:260px; top:24px; margin-left:714px; z-index:10;}
		#settingBox .loading{ height:230px; width:260px;}
		#settingBox .h2{ background-position:0 -245px; height:24px; text-indent:-9999px; position:absolute; top:-24px; right:-2px; width:84px; cursor:pointer;}
	
#header {margin-bottom:5px;}
	#header .box { height:74px; background-position:0 -365px; background-repeat:repeat-x; }
	#logo,#email_114la {float:left; display:inline;}
	#logo{ margin: 2px 0 0 5px;}
	#email_114la {  margin-left:8px; margin-top:2px;width:200px;}
		#email_114la li { height:23px;clear:both;}
		#email_114la label { width:36px; line-height:23px; float:left;font-size:12px;}
		#email_114la  .int { font-size:12px; padding:1px 2px 0; height:16px;}
		#mail_user_114la { width:146px;}
		#mail_server_114la { width:154px; height:20px; font-size:12px; margin-top:2px;}
		#mail_passwd_114la { width:94px; margin-right:2px;}
		#email_114la .btn { width:50px; text-align:center; height:22px; font-size:12px;}
	#bn { float:right; height:60px; overflow:hidden; width:641px; margin:7px 3px 0 0;}
		#google { width:380px; font-size:12px; margin-right:5px; height:60px; overflow:hidden; float:left;}
		#cal { height:60px; float:right; width:150px; font-size:12px; text-align:center; line-height:20px;}
			#cal .date a{ font-weight:bold; color:#015BAB;}
			#cal .m a { float:left; text-align: center; width:40px;}
			#cal a:hover,#ex a:hover { color:#f00; text-decoration:underline;}
			#cal .m a.hl { margin-left:5px;}
			#cal .m a.clock { background-position:-89px -210px; text-align:left; width:30px; padding-left:18px; margin-left:8px;}
#search {}
	#ex,#sm li { height:21px; line-height:21px;}
	#ex { float:right; font-size:12px;}
		#ex a { float:left; margin:0 5px; padding-left:18px; color:#666;}
		#ex a.fb { background-position:-89px -263px; color:#f00;}
		#ex a.desk { background-position:-89px -237px}
		#ex a.exTitle { background:url(images/extitle.gif) no-repeat left center; color:#eb7914; padding-left:18px;}
	#sm {}
		#sm { margin-left:94px;}
		#sm ul,#sm li { float:left; display:inline;}
		#sm li { background-position:0 -279px;cursor:pointer; margin:0 1px; font-size:12px; text-align:center; width:62px;}
		#sm li.active { background-position:0 -307px; font-weight:bold; color:#fff; height:26px; margin-bottom:-6px; position:relative;}

		#ms_pu li{ position: relative; z-index:2;}
		.tg-ms { display:block; background-position:42px -340px; text-align:left; padding-left:10px; margin-left:2px; position:relative; top:999}
		#ms { position:absolute; left:0; width:60px; border:1px solid #ccc; background:#fff; border-bottom-width:2px;}
			#ms a { display:block;}
		
	#sb {background-position:0 -24px; background-repeat: repeat-x;}
		#sb,#sw,#sf { height:48px;}
		#sf { flat:left; background-position:0 -74px;overflow:hidden;padding-left:50px;}
		#sf .int {width:365px; line-height:21px; height:21px; padding:4px 3px; *padding-bottom:3px; margin:0 6px 0 4px; font-family:Arial; font-size:16px;}
			#sf .searchint{ width:88px; height:32px; line-height:28px;}
			#sf a img,#sf .searchint,#sf .int { vertical-align:middle; margin-top:7px; }
			#sf a img { margin-top:6px;}
				#suggest { width:371px; *width:373px;  border:1px solid #666; background:#fff; position:absolute; margin: -10px 0 0 159px; z-index:10;}
					#suggest li { cursor:default; height:22px; line-height:22px;color:#000;  padding:0 5px;}
					#suggest .close { text-align:right; padding:0 5px;}
					#suggest .close a { color: #36c;}
		#sw { float:right; line-height:48px; height:48px; width:330px; overflow:hidden; padding-right:8px; background-position:right -123px;text-align:right;}
			#sw a { color:#000; font:14px/1 '\5b8b\4f53'; margin:0 6px;}
            #sw a:hover{color:#f00; text-decoration:underline;}
/* header style =================================================================================== end */

/** 布局基础样式 **/
.lay-main {float: left;width: 100%;min-height: 1px;}
.lay-side{float: left;}
/** 清除浮动 **/
.layout:after,.main-wrap:after, .lay-side:after{content: '\20';display: block;height: 0;clear: both;}
.layout,.main-wrap,.lay-side{*zoom: 1;}
.lay-ms .main-wrap{margin-right:225px;}
.lay-ms .lay-side{width:220px;float:left;margin-left:-220px;}
/* bg */
.guide .location,.mod-box .bh,.mod-tab .active,.txt-ad li,.list-title,.con-list .recom,.btn-return,.con-list li.em a,#bm ul,#bm li{background-image:url(images/cat_bg.gif);background-repeat:no-repeat;}
/* end bg */
.guide a:hover,.con-list a:hover,.con-img a:hover{ background-color:#36c;color:#fff;}

.guide{height:25px;line-height:25px;text-align:right;font-size:12px;}
.guide .location{float:left;background-position:-98px -124px;padding-left:30px;}
.hot-cat a{margin:0 6px;}
/*mod*/
.mod-box{}
.mod-box .bh{height:29px; background-position:0 0; background-repeat:repeat-x;border-width:1px 1px 0;border-style:solid;border-color:#ace;}
.mod-box .bc{border-width:0 1px 1px;border-style:solid;border-color:#ace;background:#fafcfd;*zoom:1;overflow:hidden;}
.no-bh .bc{border-width:1px;}

.mod-tab li{float:left;width:120px;height:29px;line-height:29px;text-align:center; overflow:hidden;}
.mod-tab .active{ background-position:0 -271px;font-weight:bold;color:#015bab;}

.con-list { background:url(images/item_bg2.gif) repeat-y;}
.con-list li{float:left;height:36px; width:125px;padding-left:25px;line-height:35px; overflow:hidden;}
.con-list li.em a{background-position:right -169px;padding-right:15px;}
.con-list .bb0{ border-bottom:0;}

.con-img li{float:left;display:inline;font-size:12px;margin:6px 7px 0 11px;vertical-align:middle;width:87px;text-align:center;}
.con-img .img{width:85px;height:50px;padding:1px;border:1px solid #ace;display:block;overflow:hidden;}
.con-img .img:hover{border:1px solid #f60;background-color:#fff;}
.con-img .title{line-height:19px;text-align:center;}
.game-list{height:874px;}

.txt-key {height:35px;border-bottom:1px solid #ace;padding-left:15px;}
.txt-key li{float:left;background-position:-117px -230px;padding-left:15px;font-size:12px;width:130px;line-height:35px;height:35px;overflow:hidden; vertical-align:middle;}
.txt-key a:hover{background-color:#ff0;color:#f00;}

.list-title{height:35px;background-color:#fff; background-position:-102px -196px;font-size:12px;color:#015bab;line-height:35px;padding-left:30px;border-bottom:1px solid #e7e7e7;}

.side-title{height:30px;line-height:30px;padding:0 10px;font-size:14px;color:#015bab;}

.games-cz{padding:0 10px;overflow:hidden;*zoom:1;}
.games-cz li{font-size:12px;height:23px;padding:5px 0; vertical-align:middle;}
.games-cz label,.games-cz select,.games-cz input{float:left;}
.games-cz select{font-size:12px;}
.games-name{width:130px;}
.card-type{width:85px;}
.btn-cz{width:36px;margin-left:10px;height:21px;*padding-top:2px;_padding-top:0;font-size:12px;}

.cat-bot{height:45px;padding-top:10px;text-align:center;}
.btn-return{width:75px;height:26px; background-position:0 -60px;display:inline-block;padding:4px 0 0 38px;font-size:14px;font-weight:bold;text-align:left;color:#015bab;}
.btn-return:hover{color:#0472d3;}
.lay-all .con-list{ background:url(images/item_bg.gif) repeat-y;}
.lay-all .con-list li{width:170px;}
.lay-all .con-list li.last { }
.lay-all .txt-key li{width:145px;}

#bm {}
#bm .rc-tp { z-index:9;}
		#bm li{background-position:right -307px;color:#015BAB; cursor:pointer; height:28px; line-height:28px; width:90px; text-align:center;}
		#bm li.active{position:relative; margin:0 0 -1px -1px; font-weight:bold; }
		#bm li.active { width:91px; height:29px; background-position:0 -30px; }
		#bm li#bm-def { width:auto; padding:0 14px;}
		#bm li#bm-def.active { width:auto; padding:0 14px; margin-left:0;background-position:right -335px;}
		#bm ul { border:1px solid #ace; background-position:0 0; background-repeat:repeat-x;border-bottom:none; height:29px;}
		
#bb { height:216px; overflow:hidden; border-bottom:1px solid #E7E7E7;}

#suggest li.hover,#ms a:hover { background-color:#36c; color:#fff;}		