/* Common */
body{ padding:0; margin:0; background:url(/template/images/bodybg.png) 0 33px repeat-x #F9F3C3; color:#000;}
body,td,select,input,textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
a{ text-decoration:none; color:#000;}
a:hover{ color:#F60;}
img{ border:0;}
dl,ul{list-style:none;}
form,ul,li,dl,dt,dd,h1,h2,h3,label,pre{ margin:0; padding:0;}
select,input{ font-size:10px;}
.u{ text-decoration:underline;}
.b{ font-weight:bold;}
.red{ color:#F30;}
.clear{ clear:both; width:0; height:0; overflow:hidden;}

#Wraper{ margin:0 auto; height:auto !important;height:590px; min-height:590px; background:url(/template/images/wraper.jpg) no-repeat center top;}

/* Header */
#Header{ margin:0 auto; width:910px; height:105px;}
.Logo{ float:left; width:235px; margin-top:30px;}
.Logo a{ width:225px; height:75px; display:block; text-indent:-9999px; overflow:hidden;}
.Banner{ float:left; width:667px; height:83px; border:1px solid #FFF; margin-top:15px;}

/* Main */
#Main{ margin:0 auto; width:910px; overflow:auto; zoom:1;}
#Left{ float:left; width:230px;}
#Right{ float:left; width:680px; background:url(/template/images/main_bg.png) repeat-y;}

/* Left */
.Login{ width:225px; height:65px; margin-top:30px; background:url(/template/images/btn_login.jpg) no-repeat;}
.Login a{ width:225px; height:65px; display:block;}
.LoginHas{ width:225px; margin-top:30px; background:url(/template/images/login_bg.png) repeat-y; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/template/images/login_bg.png"); _background:none;}
.LoginHas p{ margin:0; padding:12px 20px 2px 20px; line-height:20px; background:url(/template/images/login_top.png) no-repeat; color:#FFF;}
.LoginHas a{ color:#FFF;}
.LoginHas a:hover{ color:#FF0;}
.LoginFoot{ width:225px; height:12px; background:url(/template/images/login_foot.png) repeat-y; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/template/images/login_foot.png"); _background:none;}
.SideNav{ margin-top:5px; width:225px; height:235px; background:url(/template/images/sidenav_bg.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/template/images/sidenav_bg.png"); _background:none; overflow:hidden}
.SideNav ul{ margin:15px 0 0 12px; width:202px; background:url(/template/images/sidenav.jpg) no-repeat; overflow:hidden;}
.SideNav li{ float:left; width:202px; height:62px; margin-bottom:7px;}
.SideNav li a{ width:202px; height:62px; display:block; text-indent:-9999px; overflow:hidden; position:relative;}
.SideSupport{ margin-top:2px; background:url(/template/images/sidenav_support.jpg) no-repeat;}
.SideSupport a{ display:block; width:225px; height:75px; text-indent:-9999px; overflow:hidden;}
.SideHotspot{ margin-top:2px; background:url(/template/images/sidenav_hotspot.jpg) no-repeat;}
.SideHotspot a{ display:block; width:225px; height:63px; text-indent:-9999px; overflow:hidden;}
.supervising{ margin-top:5px; width:223px; height:63px;}

/* Right */
.Nav{ height:38px; background:url(/template/images/nav_bg.png) no-repeat;}
.NavWide{margin-top:4px; background:url(/template/images/nav_bg2.png) no-repeat;}
.Nav ul.NavWideUl{background:url(/template/images/nav2.png) no-repeat 0 6px;}
.Nav ul{ height:32px; background:url(/template/images/nav.png) no-repeat 0 6px; padding:6px 0 0 6px;}
.Nav li{ float:left; width:118px; margin-right:2px; display:inline; position:relative; z-index:2;}
.Nav li a{ width:118px; height:32px; display:block; text-indent:-9999px; overflow:hidden;}
.Nav li a.Nav1{ width:112px; margin-left:6px;}
.Nav li a.Nav1:hover,.Nav li.iehover a.Nav1,.Nav li:hover a.Nav1{ background:url(/template/images/nav.png) -12px -32px;}
.Nav li a.Nav2:hover,.Nav li.iehover a.Nav2,.Nav li:hover a.Nav2{ background:url(/template/images/nav.png) -126px -32px;}
.Nav li a.Nav3:hover,.Nav li.iehover a.Nav3,.Nav li:hover a.Nav3{ background:url(/template/images/nav.png) -246px -32px;}
.Nav li a.Nav4:hover,.Nav li.iehover a.Nav4,.Nav li:hover a.Nav4{ background:url(/template/images/nav.png) -366px -32px;}
.Nav li a.Nav5:hover,.Nav li.iehover a.Nav5,.Nav li:hover a.Nav5{ background:url(/template/images/nav.png) -486px -32px;}
.Nav ul ul{ display:none;}
.Nav ul li.iehover ul,.Nav ul li:hover ul{ display:block; position:absolute; z-index:999; width:120px; height:auto; top:26px; left:0; background:url(/template/images/nav_subt.gif) no-repeat; padding:11px 0 0 0;}
.Nav ul ul li{ width:110px; height:24px; margin:0 5px; text-align:center;}
.Nav ul ul li a{ width:110px; height:24px; line-height:22px; display:block; background:url(/template/images/nav_subbg.gif) no-repeat; color:#FFF; text-indent:0}
.Nav ul ul li a:hover{ background:url(/template/images/nav_subbg.gif) no-repeat 0 -24px; color:#FFF;}
.Nav ul ul li.SubFoot{ width:120px; height:4px; margin:0; background:url(/template/images/nav_subf.gif) no-repeat; overflow:hidden;}

.Content{ padding:10px 10px 10px 20px; min-height:500px; background:url(/template/images/main_top.png) no-repeat; _height:500px;}
.Footer{ clear:both; height:35px; background:url(/template/images/foot_bg.png) no-repeat; overflow:hidden;}
.FooterWide{ background:url(/template/images/foot_bg2.png) no-repeat;}
.Footer ul.FooterWideUl{ margin:8px 0 0 235px;}
.Footer ul{ margin:8px 0 0 120px;}
.Footer li{ float:left; padding:0 12px; height:12px; border-right:1px solid #FFF;}
.Footer li a{ color:#FFF;}
.Footer li a:hover{ color:#FF0;}
.Footer li.Fr{ border:0;}
#GoTop{ margin:0 auto; width:890px; text-align:right; height:30px;}

/* Index */
.IndexAct{ width:642px; background:url(/template/images/index_act_bg.jpg) repeat-y;}
.IndexActTop{ padding:28px 15px 0 0; height:26px; background:url(/template/images/index_act_top.jpg) no-repeat; text-align:right; color:#444;}
.IndexActTab{ padding:0 14px;}
.IndexActTab table{ width:614px; border-collapse:collapse;}
.IndexActTab th{ background:#F9F4AE; color:#555; text-align:center; padding:5px;}
.IndexActTab td{ border:1px solid #E5EFF8; border-collapse:collapse; text-align:center; padding:5px;}
.IndexActTab .Iac1{ background:#FFF;}
.IndexActTab .Iac2{ background:#F7FBFF;}
.IndexActMore{ text-align:right; height:12px; padding:5px;}
.IndexActFoot{ height:13px; background:url(/template/images/index_act_foot.jpg) no-repeat;}

.IndexNews{ float:left; margin-top:10px; width:397px; height:197px; background:url(/template/images/index_news_bg.jpg) no-repeat; overflow:hidden; position:relative; z-index:1;}
.IndexNews ul{ margin:35px 9px 0 11px;}
.IndexNews li{ height:23px; background:url(/template/images/dot_line.gif) repeat-x left bottom;line-height:20px; }
.IndexNews li a{ background:url(/template/images/dot_arrow.gif) no-repeat 5px center; padding-left:15px;}
.IndexNews li span{ float:right; padding-right:5px;}
.IndexNewsMore{ height:12px; line-height:12px; background:none; text-align:right; position:absolute; top:178px; right:16px;}

.IndexPri{ clear:right; margin:10px 0 0 404px; _margin:10px 0 0 401px; width:238px; height:196px; background:url(/template/images/index_pri_bg.jpg) no-repeat; overflow:hidden; position:relative;}
.IndexPri ul{ margin:50px 20px 0 20px;}
.IndexPri li{ height:23px; font-size:12px; color:#F14C06;}
.IndexPri li a{ color:#F14C06;}
.hotSpots{ clear:right; margin:10px 0 0 404px; _margin:10px 0 0 401px; width:238px; height:217px; background:url(/template/images/bg_fans_art.png) no-repeat; overflow:hidden; position:relative;}
.hotSpots img{position:absolute;left: 10px;top: 34px;}
.hotSpots ul{position:absolute;left: 128px;top: 195px;width:107px;height: 12px;}
.hotSpots li{ font-size:12px; color:#F14C06; float:left; margin-right:5px;}
.hotSpots a:focus{ outline:none;}
.hotSpots li a.link_upload{ display:block; text-indent:-9999px; width:53px;}
.hotSpots li a.link_more{ display:block; text-indent:-9999px; width:40px;}


/* Wide Page */
#Wide{ background:url(/template/images/main_bg2.png) repeat-y; }
.Position{ clear:both; height:19px; background:url(/template/images/position_bg.png) no-repeat; padding:6px 0 0 15px; margin-bottom:10px;}
.PositionWide{background:url(/template/images/position_bg2.png) no-repeat;}
.Position a{ color:#FFF;}
.Position a:hover{ color:#FF0;}
.Position span{ color:#FFF;}
.ContentWide{ width:880px; padding:15px 10px 10px 20px; background:url(/template/images/main_top2.png) no-repeat; overflow:hidden;}

.SelfGame{ float:left; width:230px; background:url(/template/images/self_bg1.gif) repeat-y; }
.SelfStep1{ clear:both; width:220px; height:30px; background:url(/template/images/self_step1.gif) no-repeat;}
.SelfStep2{ clear:both; width:232px; height:30px; background:url(/template/images/self_step2.gif) no-repeat;}
.SelfStep3{ clear:both; width:398px; height:30px; background:url(/template/images/self_step3.gif) no-repeat;}
.ActStep1{ clear:both; width:220px; height:30px; background:url(/template/images/activity_step1.gif) no-repeat;}
.ActStep2{ clear:both; width:232px; height:30px; background:url(/template/images/activity_step2.gif) no-repeat;}
.ActStep3{ clear:both; width:398px; height:30px; background:url(/template/images/activity_step3.gif) no-repeat;}
.SelfFoot1{clear:both; width:220px; height:10px; background:url(/template/images/self_foot1.gif) no-repeat; overflow:hidden;}
.SelfFoot2{clear:both; width:232px; height:10px; background:url(/template/images/self_foot2.gif) no-repeat; overflow:hidden;}
.SelfFoot3{clear:both; width:398px; height:10px; background:url(/template/images/self_foot3.gif) no-repeat; overflow:hidden;}
.SelfGame ul{ clear:both; margin-left:14px; font-size:0px; -height:400px; min-height:400px;}
.SelfGame li{ clear:both; padding:5px 0; width:216px;}
.SelfGame li a{display:block;}
.SelfGame li a:hover{background:url(/template/images/self_arrow.gif) no-repeat right center; display:block;}
.SelfGame li.GameOn{background:url(/template/images/self_arrow.gif) no-repeat right center; display:block;}

.SelfType{ float:left; width:243px; background:url(/template/images/self_bg2.gif) repeat-y;}
.SelfType dl{ clear:both; margin-left:12px; width:208px; padding-bottom:50px; min-height:350px; _height:350px;}
.SelfType dt{ width:185px; background:url(/template/images/self_arrow2.gif) no-repeat 2px 10px; padding:5px 8px 5px 15px; line-height:16px; border-bottom:1px solid #DCDCDC; position:relative;}
.ActOn{ position:absolute; top:5px; left:219px; width:13px; height:12px; background:url(/template/images/self_arrow.gif) no-repeat; display:block;}
.ActStatus{ margin-left:10px; color:#F30;}
.ActIcoTip{ position:absolute; width:220px; height:40px; background:url(/template/images/activity_ico_tip.gif) no-repeat; left:5px; bottom:12px;}
.SelfType ul{ clear:both; margin-left:12px; width:208px;}
.SelfType .Mheight{ min-height:400px; _height:400px;}
.SelfType ul li.SelfBtn{ clear:both; margin:3px 0; width:180px; height:24px; background:url(/template/images/self_btnbg.gif) no-repeat; padding-left:28px; line-height:24px;}
.SelfType ul li.SelfBtn a{ background:none; border:none;}
.SelfType li.Closed{ clear:both; border-bottom:1px solid #DCDCDC; background:url(/template/images/self_close.gif) no-repeat 195px center; line-height:24px;}
.SelfType li.Opened{clear:both; border-bottom:1px solid #DCDCDC; background:url(/template/images/self_open.gif) no-repeat 195px 8px; line-height:24px;}
.SelfType li.Closed a,.SelfType li.Opened a{ padding:0 18px; background:url(/template/images/self_arrow2.gif) no-repeat 5px 10px; display:block;}
.SelfType li.Opened ul{ clear:both; width:196px; border:1px solid #DCDCDC; border-bottom:none; background:#F0F0F0; margin:0px; padding:5px;}
.SelfType li.Opened ul li,.SelfType li.Closed ul li{ padding:0 3px 5px 3px; margin-top:5px; line-height:16px; font-size:11px; background:url(/template/images/self_line.gif) repeat-x left bottom; border:none; position:relative;}
.SelfTypeOn{ position:absolute; top:2px; left:213px; _left:198px; width:13px; height:12px; background:url(/template/images/self_arrow.gif) no-repeat; display:block;}
.SelfType li.Opened ul li a,.SelfType li.Closed ul li a{ padding:0 12px; background:url(/template/images/self_dot.gif) no-repeat 3px 7px; display:block;}
.SelfType li.Closed ul{ display:none;}
.SfTip{ clear:both; margin-left:12px; padding:10px; height:380px; color:#f60;}

.SelfAsk{ float:left; width:398px; background:url(/template/images/self_bg3.gif) repeat-y;}
.SaTip{ clear:both; padding:6px 10px; height:384px; color:#f60;}
.SelfAsk table{ margin:-5px 0 0 4px; width:390px; background:#C3C2C2;}
.SelfAsk select{ color:#666; border:1px solid #8EBDC4; font-size:11px;}
.SelfAsk td{ line-height:18px; background:#fff;}
.SelfAsk textarea{ border:1px solid #7F9DB9; color:#666; line-height:18px; }
.SelfAsk input.inbox{ height:16px; border:1px solid #7F9DB9; line-height:16px; font-size:11px; color:#666;}

/* Content */

.ContentTab{ margin-top:5px; width:640px;}
.ContentTab table{ border-collapse:collapse;}
.ContentTab th{ background:#F9F4AE; border-collapse:collapse; border:1px solid #DDD; padding:5px;}
.ContentTab td{ background:#FFF; border-collapse:collapse; border:1px solid #DDD; padding:5px; line-height:18px;}
.ContentTab td.Td1{ padding:0 5px;}
.ContentTab p{ line-height:20px; padding:0; margin:12px 5px;}

.ContentText{ width:640px;}
.ContentText p{ line-height:20px; padding:0; margin:0 5px 12px 5px;}

.ContentForm{ margin-top:5px; width:640px; background:#F9F9F9; padding:10px 0; overflow:hidden;}
.ContentForm h1{clear:both; font-size:11px; padding:0 5px; margin:10px 15px; height:22px; background:url(/template/images/dot_line.gif) repeat-x left bottom;}
.FormElement{ clear:both; margin:8px 0; line-height:20px; }
.FormElement label{ float:left; margin-left:20px; _margin-left:10px; display:block; width:200px; background:url(/template/images/dot_arrow2.gif) no-repeat 0 9px; padding:0 0 3px 8px;}
.FormElement div{  margin-left:230px;}

.LiveSupport{ width:640px;}
.LiveSupport li{ float:left; margin:8px 0; width:210px; text-align:center; line-height:16px;}
.LiveSupport li img{ margin-bottom:5px;}

/*Activity and News*/
.ActitityTab{clear:both; height:21px; background:url(/template/images/position_bg.png) no-repeat; padding:4px 0 0 3px; margin-bottom:10px;}
.ActitityTab li{ float:left; width:65px; margin:0 1px; display:inline; text-align:center; font-weight:bold; font-size:12px;}
.ActitityTab li a{ width:65px; height:21px; display:block; line-height:18px; color:#000; background:url(/template/images/activity_tab.png) no-repeat;}
.ActitityTab li a:hover{ color:#F60;}
.ActitityTab li a.ActTabOn{ color:#F60; background:url(/template/images/activity_tab.png) no-repeat 0 -21px;}
.ActivityStat{ text-align:center; padding:10px; height:15px;}
.ActivityStat a{ margin:0 5px;}
.ActivityStat span{ color:#F60; margin:0 5px; font-weight:bold;}
.ActivityTop{ font-size:12px; padding:5px; height:20px;}

.News{ width:630px; margin:0 5px;}
.News li{ height:22px; background:url(/template/images/news_line.gif) repeat-x left bottom; padding:6px 0 0 12px; line-height:16px; color:#666;}
.News li span{ float:right; padding:0 5px;}
.NewsStat{ margin:15px; text-align:center; font-size:11px;}
.NewsStat a,.NewsStat span{ margin:0 5px;}
.News h1{ font-size:14px; background:url(/template/images/dot_line.gif) repeat-x left bottom; height:25px; color:#F30; text-align:center; margin:5px 0 0 0;}
.News h2{ font-size:11px; color:#888; font-weight:normal; text-align:center; height:30px; margin:8px 0 5px 0;}
.News p{ margin:0 5px 14px 5px; padding:0; line-height:20px;}
.NewsFoot{ width:620px; margin:15px 0; padding:10px; color:#F60; background:url(/template/images/dot_line.gif) repeat-x left top;}
.NewsFoot ul{ float:right; height:12px; border-left:1px solid #CCC; text-align:center;}
.NewsFoot li{ float:left; border-right:1px solid #CCC; padding:0 8px; line-height:12px; font-size:11px;}
.NewsFoot li a{ color:#666;}
.NewsFoot li a:hover{ color:#F60;}

/*Upload */
.Upload{width:630px; margin:0 5px;}
.Upload img{ border:0;}
.Upload h1{ font-size:12px; font-weight:normal;}
.Upload h1 span{ color:#f89763;}
.Upload table td{border:1px solid #a9a8a8; border-bottom:none; border-left:none; height:28px;}
.Upload table{ border:1px solid #a9a8a8; margin:20px auto; border-right:none; border-top:none;}
.Upload .Td_left{ text-align:right; padding-right:6px;}
.Upload .Td_right{ text-align:left; padding-left:10px;}
.Upload input.Ptext{ width:180px; border:1px solid #a9a9a9; background:#f0f0f0; height:16px;}
.Upload .Ptextarea{ width:210px; border:1px solid #a9a9a9; background:#f0f0f0; height:70px;margin:6px 0;}
.Upload .selectbox,.upfile{ width:180px; height:18px;}
.Upload input.img { margin-left:30px;}

/*Show */
.Photoshow img{ border:0;}
.Photoshow{width:630px; margin:0 5px;}
.Photoshow h1{ font-size:12px; font-weight:normal;}
.Photoshow h1 span{ color:#f89763;}
.Photoshow dl{ margin:20px 0 0 15px; display:inline; list-style:none; float:left;}
.Photoshow dl dt span{ padding:2px; border:1px solid #d0cece; width:175px; height:124px; display:block;}
.Photoshow dl dd{ color:#656565; text-align:center; margin:3px auto;}
.Photoshow .show_bottom{ text-align:center; padding:50px 240px;; height:50px; position:relative;}
.Photoshow .show_bottom ul{ list-style:none; margin:0 auto;}
.Photoshow .show_bottom ul li{ float:left; margin-right:8px;}
.Photoshow .show_bottom .pre,.next{ text-indent:-9999px; display:block; height:13px;width:14px; height:14px;}
				   		   .pre{ background:url(/template/images/icon_pre.jpg) no-repeat; }
						   .next{ background:url(/template/images/icon_next.jpg) no-repeat;}
/*show_detail */
.show_detail{width:630px; margin:0 5px;}
.show_detail img{ border:0;}
.show_detail h1{ font-size:12px; font-weight:normal;}
.show_detail h1 span{ color:#f89763;}
.show_detail .imgtable{ margin:0 auto;}
.show_detail .txttable td{border:1px solid #a9a8a8; border-bottom:none; border-left:none; height:28px; color:#656565;}
.show_detail .txttable{ border:1px solid #a9a8a8; margin:10px auto; border-right:none; border-top:none;}
.show_detail .Td_left{ text-align:right; padding-right:6px; font-weight:bold;}
.show_detail .Td_right{ text-align:left; padding-left:10px;}