/* CSS Document */
* { margin:0 ; padding:0;}
body,td,th { font-size: 12px; }
html{ background:url(../../images/top/html_bg.gif) repeat-x top #98e5f7;}
body{
	font-family: Verdana, "&#65533;&#65533;&#65533;&#65533;";
	font-size: 12px;
	color: #575757;
	background:url(../../images/top/new_bg.jpg) no-repeat scroll center top;
	position:relative;
}
img { border: 0; }
.center { margin: 0 auto; }
.clearall {clear:both;height:0;font-size:1px;line-height:-1px; }
ul,li{ list-style-type:none; }

a:link { color: #575757; text-decoration: none; }
a:visited { color: #575757; text-decoration: none; }
a:hover { text-decoration: underline; color: #ff6000; }
.red { color: #ea0000; }
.red a:link { color: #ea0000; text-decoration: none; }
.red a:visited { color: #ea0000; text-decoration: none; }
.red a:hover { text-decoration: underline; color: #0e7fc9; }
.blue { color: #0e7fc9; }
.blue a:link { color: #0e7fc9; text-decoration: none; }
.blue a:visited { color: #0e7fc9; text-decoration: none; }
.blue a:hover { text-decoration: underline; color: #f55562; }
.orange { color:#ff6000; }
.orange a:link { color: #ff6000; text-decoration: none; }
.orange a:visited { color: #ff6000; text-decoration: none; }
.orange a:hover { text-decoration: underline; color: #0e7fc9; }
.pink { color:#f55562; }
.pink a:link { color: #f55562; text-decoration: none; }
.pink a:visited { color: #f55562; text-decoration: none; }
.pink a:hover { text-decoration: underline; color: #0e7fc9; }
.green { color:#2daa0b; }
.green a:link { color: #2daa0b; text-decoration: none; }
.green a:visited { color: #2daa0b; text-decoration: none; }
.green a:hover { text-decoration: underline; color: #0e7fc9; }
h1 { font-size: 14px; }

.orange_1:link,.orange_1:visited,.orange_1:hover,.orange_1:active { color:#ff6000; }
.pink_1:link,.pink_1:visited,.pink_1:hover,.pink_1:active { color:#0e7fc9; }

/*----------&#892;&#428;&#65533;&#65533;&#65533;§¹&#65533;&#65533;----------*/
a.box { width: auto; margin: 0 auto; display: block; border: 1px solid #e5e5e5; padding:2px; background:#ffffff; text-align:center; }
a.box:hover { border: 1px solid #feac4b; display: block; }
a.box_txt { display: block; text-align:center; height:22px; line-height:22px; color:#575757; overflow:hidden; }
a.box_txt:hover{ color:#ff6000; text-decoration:underline; }

a.game,a.square,a.graffiti,a.b_index,a.b_index:hover,a.b_class,a.b_class:hover { background:url(../../images/top/button.jpg) no-repeat ;}

a.b_add,a.b_add:hover,.nav_1,.nav_3,.nav_5,.nav_6,.nav_8,.nav_9,.nav_11,.star_1,.star_2,.star_3,.star_4,.star_5,.tagtit02 a.tton,.tagtit03 a.tton,.tagtit02 a.ttoff,.tagtit03 a.ttoff { background:url(../../images/top/page.png) no-repeat ;}

a.ver,.orange_top,.orange_bottom,.clear,.clear:hover,a.b_public,a.b_public:hover,a.b_reg,a.b_reg:hover,.cleara,.cleara:hover,.blue_top_1,.blue_bottom_1 { background:url(../../images/top/index_pic.png) no-repeat ;}

.link_title,.hot_title,.link_title { background:url(../../images/top/bg_pic.png) no-repeat ;}

/*----------&#887;&#65533;&#65533;----------*/
.top { margin: 0 auto; width: 980px; height: 62px; background:url(/images/top_bg.png) no-repeat; position:relative; }

/*----------&#65533;&#65533;&#65533;ÞÏ&#357;----------*/
a.ver,a.ver:visited { width: 31px; height: 20px; *height: 18px; background-position: -10px -10px; position:absolute; left: 940px; top: 4px; _top:3px; display: inline; text-align: center; line-height: 20px; padding: 0 0 0 2px; *padding: 2px 0 0 2px; text-decoration: none; color: #ffffff; }
a.ver:hover { text-decoration: none; color: #fffab0; }

/*----------&#65533;&#65533;&#65533;&#65533;&#1121;&#65533;&#61416;----------*/
.function { width: 300px; height: 16px; float: left; padding: 23px 0 0 11px; display: inline; }
.function a{ float: left; text-decoration: none; font-size: 14px; font-weight: bold; }
.function a.game { width:54px; height: 36px; line-height: 36px; background-position: -167px 0px; padding: 3px 0 0 38px; margin: 0 3px 0 0; color: #ffffff; }
a.game:hover,a.square:hover,a.graffiti:hover { text-decoration: none; color: #fff600; }
.function a.square { width:64px; height: 25px; line-height: 22px; background-position: -262px -39px; padding: 8px 0 0 37px; display: block; margin: 6px 3px 0 0; color: #ffffff; }
.function a.graffiti { float: left; width:50px; height: 25px; line-height: 22px; background-position: -366px -39px; padding: 8px 0 0 42px; display: block; margin: 6px 3px 0 0; color: #ffffff; }
.logo { width: 200px; height: 60px; background:url(../../images/top/logo.png); position:absolute; left: 390px; top: 3px; _top:2px; text-indent:-9999px; }

/*----------&#887;&#65533;&#65533;&#65533;&#65533;&#357;----------*/
.top_bt { float: right; display: inline; margin: 31px 3px 0 0; }
a.b_add { float: left; width:60px; height: 25px; line-height: 23px; background-position: -632px -101px; text-decoration: none; color: #c66200; font-size: 12px; display: block; cursor:pointer; padding-left: 25px; margin-right: 12px; }
a.b_add:hover { background-position: -632px -126px; text-decoration: none; color: #ffffff; }
a.b_bz { float: left; width: 31px; height: 25px; line-height: 25px; color: #000000; display:block; }
a.b_bz:hover { color: #f40000; text-decoration: underline; }

/*----------&#887;&#65533;&#65533;&#65533;&#65533;&#357;----------*/
.page_search { float: left; width: 203px; height: 25px; }
.page_s_box { float: left; width: 145px; height:25px; }
.p_s_input,.p_s_input_a { width: 134px; height: 21px; line-height: 21px; *height: 19px; *line-height: 19px; height: 19px\0; line-height: 19px\0; background: #ffffff; border: 1px solid #ff7a2a; font-size: 12px;  padding-left: 4px; *padding-top:2px; padding-top:2px\0; }
.p_s_input { color: #808080;}
.p_s_input_a { color: #1c1c1c; }

/*----------&#65533;&#757;&#65533;----------*/
.menu { margin: 0 auto; width: 981px; height: 43px; background: #fff; border-bottom: 1px solid #ffd5a8; border-top: 1px solid #ffd5a8; }
.menu .b_menu { float: left; width: 795px; height: 35px; line-height: 43px; padding: 4px 0 0 11px; }
.menu .b_menu a{ float: left; height: 35px; line-height: 35px; font-size: 14px; font-weight: bold; color:#ffffff; text-decoration: none; text-align:center; display:inline; margin-right: 3px; }
.menu .b_menu a:hover { text-decoration:none; color:#ffffff; }
a.b_index { width: 82px; background-position: 0px 0px; }
a.b_index:hover { background-position: -83px 0px; }
a.b_class { width: 56px; background-position: -0px -40px; }
a.b_class:hover { background-position: -83px -40px; }

/*----------&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#1015;----------*/
.update { float: right; width: 156px; height: 43px; line-height: 43px; text-align: right; padding-right:9px; } 
.update a,.update a:visited{ font-weight: bold; text-decoration:underline; color: #ea0000; }
.update a:hover { font-weight: bold; text-decoration:underline; color: #0e7fc9; }

/*----------&#65533;§Þ&#65533;----------*/
.middle { margin: 0 auto; width: 980px; background:rgba(255,255,255,0.3)!important;background:#fff;filter:alpha(opacity=40); }
.middle_box { width: 978px; border-left: 1px solid #fffdf4; border-right: 1px solid #fffdf4; position:relative; }

/*----------&#65533;&#65533;&#619;&#65533;&#65533;&#65533;----------*/
.orange_box { width: 960px; margin: 0 auto; padding-top: 6px; }
.orange_top { width: 960px; height: 6px; background-position: -10px -98px; overflow:hidden; } 
.orange_middle { width: 958px; background:#ffd5a8; border-left: 1px solid #feac4b; border-right: 1px solid #feac4b; }
.orange_m_bg { margin: 0 auto; width: 952px; background: #fff; }
.orange_bottom { width: 960px; height: 6px; background-position: -10px -110px; overflow:hidden; } 

/*----------&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#1015;----------*/
.history { float: left; width: 550px; height: 55px; background:url(../../images/top/gray_line.gif) no-repeat right; }
.history img{ padding: 16px 0 0 220px; }
.history_txt { float: left; width: 460px; height: 51px; overflow: hidden; padding: 4px 0 0 10px; }
.history_txt span{ color: #ff6000; }

.history_txt a{ height: 23px; line-height: 23px; margin-right: 10px; text-decoration:none; color: #575757;overflow: hidden; }
.history_txt a:hover{ margin-right: 10px; text-decoration: underline; color: #0e7fc9; }
.history_1 { float: left; width: 880px;  height: 55px; background:url(../../images/top/gray_line.gif) no-repeat right; }
.history_1 img{ padding: 16px 0 0 415px; }
.history_txt_1 { float: left; width: 860px; height: 51px; overflow: hidden; padding: 4px 0 0 10px; }
.history_txt_1 span{ color: #ff6000; }
.history_txt_1 a{ height: 23px; line-height: 23px; margin-right: 10px; text-decoration:none; color: #575757;overflow: hidden; }
.history_txt_1 a:hover{ margin-right: 10px; text-decoration: underline; color: #0e7fc9; }
.history_2 { float: left; width: 950px; height: 55px; }
.history_2 img{ padding: 16px 0 0 460px; }
.history_txt_2 { float: left; width: 940px; height: 51px; overflow: hidden; padding: 4px 0 0 10px; }
.history_txt_2 span{ color: #ff6000; }
.history_txt_2 a{ height: 23px; line-height: 23px; margin-right: 10px; text-decoration:none; color: #575757;overflow: hidden; }
.history_txt_2 a:hover{ margin-right: 10px; text-decoration: underline; color: #0e7fc9; }
.b_empty { float: left; width: 50px; height: 35px; padding: 15px 0 0 10px; }
.clear { width: 52px; height: 23px; line-height: 23px; text-align:center; background-position: -354px -70px; border: none; cursor:pointer; color: #ffffff; padding-top: 1px; }
.clear:hover{ background-position: -413px -70px; color: #ffffff; padding-top: 1px; }

/*----------&#65533;&#65533;&frac12;&#1506;&#65533;&#65533;----------*/
.signin { float: left; width: 400px; height: 55px; }
.login { float: left; width: 270px; height: 55px; padding-left: 10px;  }
.reg { float: left; width: 120px; height: 48px; padding-top: 7px; }

.login_input { width: 148px; height: 20px; line-height: 20px; background: #fffaf5; border: 1px solid #ffcc90; font-size: 12px; color: #b1b1b0; }
.login_input_a { width: 148px; height: 20px; line-height: 20px; background: #fffaf5; border: 1px solid #ffcc90; font-size: 12px; color: #1c1c1c; }
a.b_public { width: 52px; height: 23px; line-height: 23px; text-align:center; background-position: -354px -70px; display: block; text-decoration:none; color: #ffffff; }
a.b_public:hover{ background-position: -413px -70px; color: #ffffff; text-decoration:none; }
a.b_reg { width: 110px; height: 38px; background-position: -793px -200px; display: block; }
a.b_reg:hover { width: 110px; height: 38px; background-position: -793px -238px; display: block; }

/*----------&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;----------*/
.link_t_bg { width: 952px; height: 35px;  background:url(../../images/top/title_line.png) no-repeat 0px -85px; }
.link_title { float: left; width: 150px; height: 32px; line-height: 31px; line-height: 31px\0; background-position: -4px -335px; padding-left: 28px; }
.link_t_bg h3{ font-size: 14px; float:left; }
.link { width: 934px; margin: 0 auto; line-height: 26px; padding: 7px 0; }
.link a{ margin: 0 5px; }

/*----------&#65533;&#1522;&#65533;----------*/
.bottom {
	margin: 0 auto;
	width: 982px;
	height: 12px;
	background:url(../../images/top/bottom_bg.png) no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bottom_bg.png', sizingMethod='scale');  	_background:url(../../images/top/top_bg.png) no-repeat 0 15px;
}
.footer { height: 117px; line-height: 30px; background:url(../../images/top/footer_bg.jpg) no-repeat scroll center top; text-align:center; padding-top: 20px; color:#000000; }


/*----------&#65533;&#65533;&#65533;&#65533;----------*/
.nav { float: left; width: 785px; height: 40px; background:url(../../images/top/title_line.png) no-repeat -12px -165px; }
.nav a,.navb a{ padding:0 5px; }
.navb { float: left; width: 943px; height: 50px; background:url(../../images/top/title_line.png) no-repeat -12px -296px; padding: 4px 0 0 9px; }
.nav a:hover{ padding:0 5px; text-decoration:none; }
.nav_1,.nav_2,.nav_3,.nav_4,.nav_5,.nav_6,.nav_7,.nav_8,.nav_9,.nav_10,.nav_11 { float: left; height: 29px; }
.nav_1 { width: 11px; background-position: -618px -63px; }
.nav_2 { width: auto; line-height: 29px; background:url(../../images/top/bg_pic.png) repeat-x 0 -643px; }
.nav_2 span{ float: left; width: 20px; height: 30px; background:url(../../images/top/bg_pic.png) no-repeat -8px -612px; }
.nav_3 { width: 19px; background-position: -631px -63px; }
.nav_4 { width: auto; line-height: 29px; background:url(../../images/top/bg_pic.png) repeat-x 0 -678px; }
.nav_4 a,.nav_7 a,.nav_4 a:visited,.nav_7 a:visited { color: #6f4e00; }
.nav_4 a:hover,.nav_7 a:hover{ color: #000000; text-decoration:none; }
.nav_5 { width: 12px; background-position: -708px -63px; }
.nav_6 { width: 18px; background-position: -653px -63px; }
.nav_7 { width: auto; line-height: 29px; background:url(../../images/top/bg_pic.png) repeat-x 0 -713px; }
.nav_8 { width: 13px; background-position: -722px -63px; }
.nav_9 { width: 19px; background-position: -673px -63px; }
.nav_10 { width: auto; line-height: 29px; background:url(../../images/top/bg_pic.png) repeat-x 0 -747px; }
.nav_11 { width: 12px; background-position: -694px -63px; }

/*----------&#892;&#428;&#65533;&#65533;----------*/
.pic_boxb { margin: 0 auto; width: 106px; height: 81px; position:relative; }
.pic_boxb img{ width: 100px; height: 75px; background: #fff; border: 1px solid #e5e5e5; padding: 2px; }
.pic_boxb .topnum{ width: 33px; height: 22px; position:absolute; top: 56px; left: 70px; background:rgba(0,0,0,0.5)!important;background:#000;filter:alpha(opacity=50); z-index:0;}
.pic_boxb .topbox{ width: 33px; height: 22px; line-height: 22px; text-align:center;position:absolute; top: 56px; left: 70px; color: #fff; }

.pic_box_b { width: 100px; height: 75px; overflow: hidden; position:relative; cursor: pointer;}
.pic_box_b img{ display: block; position:absolute; left: 0px; top:0px; }
.game_name { height: 22px; line-height: 22px; text-align:center; overflow:hidden; }

/*----------&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;----------*/
.star_1,.star_2,.star_3,.star_4,.star_5 { width: 80px; height: 20px; }
.star_1 { background-position: -486px -187px; }
.star_2 { background-position: -486px -164px; }
.star_3 { background-position: -486px -141px; }
.star_4 { background-position: -486px -118px; }
.star_5 { background-position: -486px -96px; }

/*----------&#65533;&#65533;&#1203;§¹&#65533;&#65533;----------*/
.paginga { width: 100%; height: 29px; line-height: 29px; border: 1px solid #81bfe8; background: #fff; margin-top: 7px; text-align: left; }
.allpaging { width: 530px; color: #107ecd; }
.class_list_page .allpaging a,.tag_class_page .allpaging a{ border: #9aafe5 1px solid; padding: 2px 5px 2px 5px; color: #2e6ab1; margin-right: 5px; text-decoration: none; background: #ffffff; }
.allpaging a:hover { border: #ebc18f 1px solid; color: #ff6000; background: #fffaf5; text-decoration:none; }
.pagination a:active { border: #ffffff 1px solid; color: #ff6000; background: #fffaf5; }
.allpaging span.current { border: #ffcc90 1px solid; padding: 2px 5px 2px 5px; color:#ff6000; background: #fffaf5; margin-right:5px;}
.allpaging span.disabled { border: #ffcc90 1px solid; padding: 2px 5px 2px 5px;  color: #ff6000; margin-right: 2px;}
.pagingbox { width: 32px; height: 18px; line-height: 18px; border: 1px solid #ffcc90; background:#fffaf5; position: absolute; top:10px; left: 670px; /* margin:-5px 20px 0 5px; *margin:-2px 50px 0 5px; _margin:10px 50px 0 5px; margin:-2px 50px 0 5px\0;*/display: inline; }
.class_list_page a.cleara,.tag_class_page a.cleara,.class_list_page a.cleara:active,.tag_class_page a.cleara:active { width: 52px; height: 23px; line-height: 23px;	text-align:center; background-position: -354px -70px; border: none; cursor:pointer; color: #ffffff; padding-top: 1px; display: block; position: absolute; top:9px; left: 710px; margin-right: 7px; }
.class_list_page a.cleara:hover,.tag_class_page a.cleara:hover{ background-position: -413px -70px; color: #ffffff; text-decoration: none; }

/*----------&#65533;&#65533;&#619;&#65533;&#65533;&#65533;----------*/
.blue_box_1 { width: 960px; margin: 0 auto; padding-top: 6px; }
.blue_top_1 { width: 960px; height: 6px; background-position: -11px -120px; overflow:hidden; } 
.blue_middle_1 { width: 958px; background:#a4dcff; border-left: 1px solid #81bfe8; border-right: 1px solid #81bfe8; }
.blue_m_bg_1 { margin: 0 auto; width: 952px; background: #fff; }
.blue_bottom_1 { width: 960px; height: 6px; background-position: -11px -131px; overflow:hidden; } 

/*----------&#65533;&#65533;&#65533;&#65533;§³&#65533;&#65533;&#1015;----------*/
.hot_t_bg { width: 952px; height: 35px;  background:url(../../images/top/title_line.png) no-repeat 0px -125px; }
.hot_title { float: left; width: 80px; height: 35px; line-height: 31px; line-height: 34px\0; background-position: -5px -305px; padding-left: 28px; }
.hot_t_bg h3,.link_t_bg h3{ font-size: 14px; float:left; }
.hot_list { width: 942px; padding:7px 0 7px 10px; }
.hot_list li{
	float: left;
	width: 139px;
	height: 27px;
	line-height: 27px;
	background: url(../../images/top/orange_l_line.gif) repeat-y right;
	padding-right: 7px;
	overflow: hidden;
	margin-right: 10px;
	display:inline;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FF3300;
	margin-top: 1px;
}

.pic_box { margin: 0 auto; width: 81px; height: 63px; display:block; }
.pic_box_a { width: 75px; height: 56px; overflow: hidden; position:relative; cursor: pointer;}
.pic_box_a img{ position:absolute; left: -12px; top:-10px; }

/*----------&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#1121;&#65533;&#61416;----------*/
.tagtit02 { width: 140px; color:#455B80; float:left; height:26px; line-height:26px; margin:6px 0 0 2px; }
.tagtit03 { width: 140px; color:#455B80; float:right; height:26px; line-height:26px; margin:6px 0 0 2px; }
.tagtit02 a.tton,.tagtit03 a.tton { background-position: -948px -125px; margin: 0 3px; padding-left:14px; _padding-top:2px; *padding-top:2px; }
.tagtit02 a.ttoff,.tagtit03 a.ttoff { background-position: -948px -172px; margin: 0 3px; padding-left:14px; _padding-top:2px; *padding-top:2px;}

/*----------&#65533;&#65533;&#65533;&#65533;----------*/
.autocomplete-w1 { background:position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #aecceb; background:#FFF; cursor:default; text-align:left; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:4px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#D34749; }

/**&#65533;&#2047;&#65533;**/
.pic_box_gray { margin: 0 auto; width: 75px; height: 56px; display:block; background: #fff; border: 1px solid #e5e5e5; padding: 2px; }
.pic_box_orange { border-color:#feac4b; }
