body{background:#1F6D9B url(../images/body_bg.jpg);margin:0px; font-family:Arial, Helvetica, sans-serif;}
img{ border:none;}
.header{ float: left; width:100%; height:106px; background:url(../images/bgheader.gif) repeat-x; }
.header_in{ width: 910px; margin:0 auto;}
.topheader{ float: left; width:910px; height:66px;}
.boxsearch{ float: right; width: 268px; height:28px; margin-top:25px;}
.boxsearch_l{ float: left; width: 12px; height:28px; background: url(../images/boxsearch_l.gif) no-repeat;}
.boxsearch_bg{ float: left; width: 207px; height:28px; background: url(../images/boxsearch_bg.gif) repeat-x;}
.boxsearch_bg input{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2390fb; border:none;}
.boxsearch_r{ float: left; width: 49px; height:28px;}


.menubar{ float: left; width:910px; height:40px;}
.menubar ul{ margin:0; padding:0;}
.menubar ul li{ float:left; list-style:none; font-size:12px; color:#FFF; font-weight:bold; text-transform:uppercase; line-height:40px; text-align:center;}
.menubar ul li a{ color:#0085ca; text-decoration:none; background:url(../images/bgmenu.gif) no-repeat center center; padding:14px;}
.menubar ul li a:hover{ color:#ff9100; text-decoration:none;}
.menubar ul li a.current{color:#ff9100; text-decoration:none;}

.container{ width:910px; margin:0 auto;}
.container_top{ float: left; margin-top:10px; width: 910px;}
.container_top_l{ float: left; width: 680px;}
.title_top{ float: left; width: 680px; height:37px;}
.title_top_l{ float:left; width: 15px; height:37px; background:url(../images/title_top_l.gif) no-repeat;}
.title_top_bg{ float:left; width: 650px; height:37px; background:url(../images/title_top_bg.gif) repeat-x; font-size:18px; color:#FFF; line-height:37px;}
.title_top_bg div.bgtitle{ float:left; width:60%;}
.title_top_bg div.bgarrow{ float:right; width:39%; text-align: right;}
.title_top_bg div.bgarrow img{ padding-top:12px;}
.title_top_r{ float:left; width: 15px; height:37px; background:url(../images/title_top_r.gif) no-repeat;}

.bg_top{ float: left; width:680px; background:#FFF;}

.top_bt{ float: left; width: 680px; height:15px;}
.top_bt_l{ float: left; width:15px; height:15px; background: url(../images/top_bt_l.gif) no-repeat;}
.top_bt_bg{ float: left; width:650px; height:15px; background: url(../images/top_bt_bg.gif) repeat-x;}
.top_bt_r{ float: left; width:15px; height:15px; background: url(../images/top_bt_r.gif) no-repeat;}

.feauted_ct{ float: left; width: 668px; border-left:1px #3279ff solid;border-right:1px #3279ff solid; margin-left:5px; display: inline;}
.feauted_ct .boxtags{float:left; width:638px; margin:15px;display:inline;font-size:12px;font-weight:bold;text-align: justify;}
.feauted_ct .boxtags a{color:#0078DC;padding-left:3px; padding-right:3px; text-decoration: none;}
.feauted_ct .boxtags a:hover{text-decoration: underline;}
.feauted_ct ul{ margin:0; padding:0;}
.feauted_ct ul li{ float: left; list-style: none; width: 133px; margin-top:18px; text-align: center; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.feauted_ct ul li a{ color:#333; text-decoration:none; line-height:18px;}
.feauted_ct ul li a:hover{ color:#FF9900; text-decoration:underline;}
.feauted_ct ul li img{ border:1px #ffe6d5 solid; padding:1px;}

.top_content_r{ float: left; width: 220px; margin-left:10px; display: inline;}
.title_right1{ float: left; width: 220px; height:37px;}
.title_right1_l{ float: left; width: 37px; height:37px; background: url(../images/title_right_l.gif) no-repeat;}
.title_right1_bg{ float: left; width: 168px; height:37px; background: url(../images/title_right_bg.gif) repeat-x; font-size:18px; color:#FFF;line-height:36px; font-weight:bold;}
.title_right1_r{ float: left; width: 15px; height:37px; background: url(../images/title_right_r.gif) no-repeat;}

.bg_right1{ float: left; width: 220px; background: url(../images/bg_right1.gif) repeat-y;}
.bg_right1 ul{ margin:0; padding:0;}
.bg_right1 ul li{ float: left; list-style:none; width:208px; border-bottom:1px #ffb37f solid; background: url(../images/star.gif) no-repeat left center; font-size:12px; margin-left:6px; display:inline; line-height:32px;}
.bg_right1 ul li.last{ margin-bottom:15px;}
.bg_right1 ul li a{ color:#333; text-decoration:none; padding-left:38px;}
.bg_right1 ul li a:hover{ color:#FF9900; text-decoration:underline;}

.bt_right1{ float: left; width: 220px; height:37px;}

.bt_right1_l{ float: left; width: 15px; height:37px; background: url(../images/bt_right_l.gif) no-repeat;}
.bt_right1_bg{ float: left; width: 190px; height:37px; background: url(../images/bt_right_bg.gif) repeat-x; font-size:12px; font-weight:bold; color:#FFF; text-align:right;}
.bt_right1_bg a{ color:#FFF; text-decoration: none; padding-right:5px;}
.bt_right1_bg a:hover{ color:#FFF; text-decoration:underline;}
.bt_right1_bg img{ padding-top:10px;}
.bt_right1_r{ float: left; width: 15px; height:37px; background: url(../images/bt_right_r.gif) no-repeat;}

/*---------tooltip-----------*/
#dhtmltooltip{
	position: absolute;
	left: -250px;
	width: 150px;
	border: 1px solid #0078dc;
	padding: 5px;
	padding-top:10px;
	background-color: #FFF;
	visibility: hidden;
	z-index: 100;
	font-family: Tahoma;
	text-align:center;
	line-height:18px;
	font-size:11px;
	color: #000;
}

#dhtmlpointer{
	position:absolute;
	left: -250px;
	z-index: 101;
	visibility: hidden;
}
/*-----------end-------*/
.main{ float: left; width: 910px; margin-top:10px;}

/*-------blue-----*/
.main .boxblue{ float: left; width: 220px; margin-top: 10px}
.topblue{ float: left; width:220px; height:37px;}
.topblue_l{ float: left; width: 15px; height:37px; background: url(../images/topblue_l.gif) no-repeat;}
.topblue_bg{ float: left; width: 190px; height:37px; background: url(../images/topblue_bg.gif) repeat-x;}
.topblue_bg ul{ padding:0; margin:0;}
.topblue_bg ul li{ float: left; list-style:none; font-size:12px; font-weight:bold; color:#FFF; text-transform:uppercase; line-height:37px;}
.topblue_bg ul li a{ color:#FFF; text-decoration:none;}
.topblue_bg ul li.number_g{ float:right; text-align: right;}
.topblue_bg ul li a:hover{ color:#FFF; text-decoration:underline;}
.topblue_r{ float: left; width: 15px; height:37px; background: url(../images/topblue_r.gif) no-repeat;}
.bg_blue{ float: left; width: 220px; background:#FFF; min-height:264px!Important;}
.bg_blue #blue_ct{ float: left; width:208px; border-left:1px #337aff solid;border-right:1px #337aff solid; margin-left:5px; display: inline;min-height:264px!Important;}
.bg_blue #blue_ct ul{ margin:0; padding:0;}
.bg_blue #blue_ct ul li{ float: left; list-style:none; padding-left:10px; font-size:12px; color:#333; line-height:22px; width:198px;}
.bg_blue #blue_ct ul li.line1{ background:#d6e4ff;}
.bg_blue #blue_ct ul li.line1 a.textgame{ float:left;}
.bg_blue #blue_ct ul li.line2 a.textgame{ float:left;}
.bg_blue #blue_ct ul li.line1 span.number_g{ float:right; text-align:right; color:#337aff; padding-right:5px;}
.bg_blue #blue_ct ul li.line2{ background:#FFF;}
.bg_blue #blue_ct ul li.line2 span.number_g{ float:right; text-align:right;color:#337aff; padding-right:5px;}
.bg_blue #blue_ct ul li a{ color:#333; text-decoration:none;}
.bg_blue #blue_ct ul li a:hover{ color:#333; text-decoration:underline;}


.bt_blue{ float: left; width: 220px; height:48px;}
.bt_blue_l{ float: left; width: 15px; height:48px; background: url(../images/btblue_l.gif) no-repeat;}
.bt_blue_bg{ float: left; width: 190px; height:48px; background: url(../images/btblue_bg.gif) repeat-x; font-size:12px; font-weight:bold; color:#FFF; text-align:right;}
.bt_blue_r{ float: left; width: 15px; height:48px; background: url(../images/btblue_r.gif) no-repeat;}

.bt_blue_bg a{ color:#333; text-decoration: none; padding-right:5px;}
.bt_blue_bg a:hover{ color:#333; text-decoration:underline;}
.bt_blue_bg img{ padding-top:20px;}
/*-------------------------*/

/*-------Green-----*/
.main .boxgreen{ float: left; width: 220px; margin-left:10px; display: inline;}
.topgreen{ float: left; width:220px; height:37px;}
.topgreen_l{ float: left; width: 15px; height:37px; background: url(../images/topgreen_l.gif) no-repeat;}
.topgreen_bg{ float: left; width: 190px; height:37px; background: url(../images/topgreen_bg.gif) repeat-x;}
.topgreen_bg ul{ padding:0; margin:0;}
.topgreen ul li{ float: left; list-style:none; font-size:12px; font-weight:bold; color:#FFF; text-transform:uppercase; line-height:37px;}
.topgreen ul li a{ color:#FFF; text-decoration:none;}
.topgreen ul li.number_g{ float:right; text-align: right;}
.topgreen ul li a:hover{ color:#FFF; text-decoration:underline;}
.topgreen_r{ float: left; width: 15px; height:37px; background: url(../images/topgreen_r.gif) no-repeat;}

.bt_green{ float: left; width: 220px; height:48px;}
.bt_green_l{ float: left; width: 15px; height:48px; background: url(../images/btgreen_l.gif) no-repeat;}
.bt_green_bg{ float: left; width: 190px; height:48px; background: url(../images/btgreen_bg.gif) repeat-x; font-size:12px; font-weight:bold; color:#FFF; text-align:right;}
.bt_green_r{ float: left; width: 15px; height:48px; background: url(../images/btgreen_r.gif) no-repeat;}

.bt_green_bg a{ color:#333; text-decoration: none; padding-right:5px;}
.bt_green_bg a:hover{ color:#333; text-decoration:underline;}
.bt_green_bg img{ padding-top:20px;}

.bg_green{ float: left; width: 220px; background:#FFF; min-height:264px!Important;}
.bg_green #green_ct{ float: left;min-height:264px!Important; width:208px; border-left:1px #8fbf12 solid;border-right:1px #8fbf12 solid; margin-left:5px; display: inline;}
.bg_green #green_ct ul{ margin:0; padding:0;}
.bg_green #green_ct ul li{ float: left; list-style:none; padding-left:10px; font-size:12px; color:#333; line-height:22px; width:198px;}
.bg_green #green_ct ul li.line1{ background:#e9f2d0;}
.bg_green #green_ct ul li.line1 a.textgame{ float:left;}
.bg_green #green_ct ul li.line2 a.textgame{ float:left;}
.bg_green #green_ct ul li.line1 span.number_g{ float:right; text-align:right; color:#90c012; padding-right:5px;}
.bg_green #green_ct ul li.line2{ background:#FFF;}
.bg_green #green_ct ul li.line2 span.number_g{ float:right; text-align:right;color:#90c012; padding-right:5px;}
.bg_green #green_ct ul li a{ color:#333; text-decoration:none;}
.bg_green #green_ct ul li a:hover{ color:#333; text-decoration:underline;}
/*-------------------------*/

/*-------Red-----*/
.main .boxred{ float: left; width: 220px; margin-left:10px; display: inline;}
.topred{ float: left; width:220px; height:37px;}
.topred_l{ float: left; width: 15px; height:37px; background: url(../images/topred_l.gif) no-repeat;}
.topred_bg{ float: left; width: 190px; height:37px; background: url(../images/topred_bg.gif) repeat-x;}
.topred_bg ul{ padding:0; margin:0;}
.topred ul li{ float: left; list-style:none; font-size:12px; font-weight:bold; color:#FFF; text-transform:uppercase; line-height:37px;}
.topred ul li a{ color:#FFF; text-decoration:none;}
.topred ul li.number_g{ float:right; text-align: right;}
.topred ul li a:hover{ color:#FFF; text-decoration:underline;}
.topred_r{ float: left; width: 15px; height:37px; background: url(../images/topred_r.gif) no-repeat;}


.bt_red{ float: left; width: 220px; height:48px;}
.bt_red_l{ float: left; width: 15px; height:48px; background: url(../images/btred_l.gif) no-repeat;}
.bt_red_bg{ float: left; width: 190px; height:48px; background: url(../images/btred_bg.gif) repeat-x; font-size:12px; font-weight:bold; color:#FFF; text-align:right;}
.bt_red_r{ float: left; width: 15px; height:48px; background: url(../images/btred_r.gif) no-repeat;}

.bt_red_bg a{ color:#333; text-decoration: none; padding-right:5px;}
.bt_red_bg a:hover{ color:#333; text-decoration:underline;}
.bt_red_bg img{ padding-top:20px;}

.bg_red{ float: left; width: 220px; background:#FFF; min-height:264px!Important;}
.bg_red #red_ct{ float: left; min-height:264px!Important; width:208px; border-left:1px #ff7070 solid;border-right:1px #ff7070 solid; margin-left:5px; display: inline;}
.bg_red #red_ct ul{ margin:0; padding:0;}
.bg_red #red_ct ul li{ float: left; list-style:none; padding-left:10px; font-size:12px; color:#333; line-height:22px; width:198px;}
.bg_red #red_ct ul li.line1{ background:#ffe3e3;}
.bg_red #red_ct ul li.line1 a.textgame{ float:left;}
.bg_red #red_ct ul li.line2 a.textgame{ float:left;}
.bg_red #red_ct ul li.line1 span.number_g{ float:right; text-align:right; color:#ff7171; padding-right:5px;}
.bg_red #red_ct ul li.line2{ background:#FFF;}
.bg_red #red_ct ul li.line2 span.number_g{ float:right; text-align:right;color:#ff7171; padding-right:5px;}
.bg_red #red_ct ul li a{ color:#333; text-decoration:none;}
.bg_red #red_ct ul li a:hover{ color:#333; text-decoration:underline;}
/*-------------------------*/

/*-------Yellow-----*/
.main .boxyl{ float: left; width: 220px; margin-left:10px; display: inline;}
.topyl{ float: left; width:220px; height:37px;}
.topyl_l{ float: left; width: 15px; height:37px; background: url(../images/topyl_l.gif) no-repeat;}
.topyl_bg{ float: left; width: 190px; height:37px; background: url(../images/topyl_bg.gif) repeat-x;}
.topyl_bg ul{ padding:0; margin:0;}
.topyl ul li{ float: left; list-style:none; font-size:12px; font-weight:bold; color:#FFF; text-transform:uppercase; line-height:37px;}
.topyl ul li a{ color:#FFF; text-decoration:none;}
.topyl ul li.number_g{ float:right; text-align: right;}
.topyl ul li a:hover{ color:#FFF; text-decoration:underline;}
.topyl_r{ float: left; width: 15px; height:37px; background: url(../images/topyl_r.gif) no-repeat;}

.bt_yl{ float: left; width: 220px; height:48px;}
.bt_yl_l{ float: left; width: 15px; height:48px; background: url(../images/btyl_l.gif) no-repeat;}
.bt_yl_bg{ float: left; width: 190px; height:48px; background: url(../images/btyl_bg.gif) repeat-x; font-size:12px; font-weight:bold; color:#FFF; text-align:right;}
.bt_yl_r{ float: left; width: 15px; height:48px; background: url(../images/btyl_r.gif) no-repeat;}

.bt_yl_bg a{ color:#333; text-decoration: none; padding-right:5px;}
.bt_yl_bg a:hover{ color:#333; text-decoration:underline;}
.bt_yl_bg img{ padding-top:20px;}

.bg_yl{ float: left; width: 220px; background:#FFF; min-height:264px!Important;}
.bg_yl #yl_ct{ float: left; width:208px; min-height:264px!Important; border-left:1px #ffa200 solid;border-right:1px #ffa200 solid; margin-left:5px; display: inline;}
.bg_yl #yl_ct ul{ margin:0; padding:0;}
.bg_yl #yl_ct ul li{ float: left; list-style:none; padding-left:10px; font-size:12px; color:#333; line-height:22px; width:198px;}
.bg_yl #yl_ct ul li.line1{ background:#fff5cc;}
.bg_yl #yl_ct ul li.line1 a.textgame{ float:left;}
.bg_yl #yl_ct ul li.line2 a.textgame{ float:left;}
.bg_yl #yl_ct ul li.line1 span.number_g{ float:right; text-align:right; color:#ff7171; padding-right:5px;}
.bg_yl #yl_ct ul li.line2{ background:#FFF;}
.bg_yl #yl_ct ul li.line2 span.number_g{ float:right; text-align:right;color:#ff7171; padding-right:5px;}
.bg_yl #yl_ct ul li a{ color:#333; text-decoration:none;}
.bg_yl #yl_ct ul li a:hover{ color:#333; text-decoration:underline;}
/*-------------------------*/

.footer{ float: left; width: 100%; background:#42536d; border-top:20px #334053 solid; margin-top:15px;}
.footer_in{ width:910px; margin:0 auto;}
.footer_in .infoadmin{ float: left; width: 910px; font-size:11px; font-family:Tahoma; text-align: center; color:#FFF; line-height:50px;}


.boxgame{ float: left; width: 910px; margin-top:10px;}
.boxgame_top{ float: left; width:910px; height:37px;}

.boxgame_top_bg{ float:left; width: 880px; height:37px; background:url(../images/title_top_bg.gif) repeat-x; font-size:18px; color:#FFF; line-height:37px;}
.boxgame_top_bg div.bgtitle{ float:left; width:60%;}
.boxgame_top_bg div.bgarrow{ float:right; width:39%; text-align: right;}
.boxgame_top_bg div.bgarrow img{ padding-top:12px;}
.bg_boxgame{ float: left; width:910px; background:#FFF;}

.boxgame_ct{ float: left; width: 898px; border-left:1px #3279ff solid;border-right:1px #3279ff solid; margin-left:5px; display: inline; text-align: center; padding:20px 0px;}

.boxgame_bt{ float: left; width: 910px; height:15px;}
.boxgame_bt_l{ float: left; width:15px; height:15px; background: url(../images/top_bt_l.gif) no-repeat;}
.boxgame_bt_bg{ float: left; width:880px; height:15px; background: url(../images/top_bt_bg.gif) repeat-x;}
.boxgame_bt_r{ float: left; width:15px; height:15px; background: url(../images/top_bt_r.gif) no-repeat;}

.info_des{ float: left; width: 628px; border-left:1px #3279ff solid;border-right:1px #3279ff solid; margin-left:5px; display: inline; padding:20px; color:#333; line-height:18px; font-size:12px; min-height:260px !Important;}

.bg_othergame{ float: left; width: 220px; background: url(../images/bg_right1.gif) repeat-y;}
.bg_othergame_in{ float: left; width:208px; margin-left:6px; display:inline;}
.bg_othergame_in ul{ margin:0; padding:0;}
.bg_othergame_in ul li{ float: left; list-style:none; width:104px; font-size:12px; line-height:18px; text-align: center;}
.bg_othergame_in ul li.last{ margin-bottom:15px;}
.bg_othergame_in ul li a{ color:#333; text-decoration:none;}
.bg_othergame_in ul li img{ padding-top:10px; width:80px; height:60px;}
.bg_othergame_in ul li a:hover{ color:#FF9900; text-decoration:underline;}


.box_categories{ float: left; width: 898px; border-left:1px #3279ff solid;border-right:1px #3279ff solid; margin-left:5px; display: inline; text-align: center;}
.box_categories ul{ margin:0; padding:0; float:left; width:898px;}
.box_categories ul li{ float: left; list-style: none; width:224px; margin-top:20px; padding-bottom:20px; text-align: center; font-size:12px; font-weight:bold; color:#333; line-height:18px;}
.box_categories ul li a{ color:#333; text-decoration:none;}
.box_categories ul li a:hover{ color:#FF9900; text-decoration:underline;}

.page_pt{ float: left; width:898px; border-left:1px #3279ff solid;border-right:1px #3279ff solid; margin-left:5px; display: inline;}

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "right" to right align pagination interface*/
font-size: 14px;
font-weight:bold;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #3279ff;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #3279ff;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #3279ff;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #3279ff;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}