
/*----------------------------------------
Name: global.css
Developed by:Benny
Date Created:2010.06.23
Last Updated:06.23 11:42
Copyright:ponpa.com
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("/css/reset.css");
@import url("/css/externalLinks.css");
@import url("/css/960_24_col.css");
@import url("/css/components.css");

/* Elements
----------------------------------------*/
html,body{ height:100%}
body{background:#24abcf url(/images/body_bg.png) repeat-x top left;}
body, p, td, th, li{font-family: Verdana,Arial,'宋体','微软雅黑';	font-size:12px;	line-height:18px;color:#666666;}
p{margin:0;	padding:0;}
/*--- Link Styles ---*/

h1{color:#5C8127;margin:.825em 0 .5em 0;font-size:2.125em;font-family: '微软雅黑','宋体';}
h2{color:#5C8127;margin:.825em 0 .5em 0;font-size:1.75em;font-family: '微软雅黑','宋体';}
h3{color:#5C8127;margin:.825em 0 .5em 0;font-size:1.5em;font-family: '微软雅黑','宋体';}
h4{color:#5C8127;margin:.825em 0 .5em 0;font-size:1.25em;font-family: '微软雅黑','宋体';}
h5{	color:#5C8127;margin:.825em 0 .5em 0;font-size:1.125em;font-family: '微软雅黑','宋体';}
h6{color:#5C8127;margin:.825em 0 .5em 0;font-size:1em;font-family: '微软雅黑','宋体';}
ul{	margin:0px;	padding:0;	list-style-type:none;}
ol{	margin:0px;}
blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/*Header*/
#header{ height:100px; overflow:hidden; background:url(/images/header_bg.jpg) no-repeat}
#nav{ height:25px; overflow:hidden}
#nav a{ color:#ffffff;}
ul#menu li{ float:left; width:70px; height:25px; text-align:center; line-height:25px}
ul#menu li.current{ background:url(/images/menu_current.png) no-repeat;}
ul#usermenu{ float:right;}
ul#usermenu li{ float:left; padding-left:15px;line-height:25px}
#logo,#switch_city{padding-top:25px; position:relative}
.cities{ display:none; position:absolute; top:0; left:0; background:#DEF; padding:10px; width:200px; height:40px; z-index:8888; border:1px solid #AAE3FF}
.cities a{ color:#036}
.cities a.active{ background:#09C; padding:3px; color:#fff;}
#switch_city a{ color:#92d3e5}
#switch_city span{ display:block; font-size:18px; color:#fff; font-family:'微软雅黑';}
#search ul{ height:24px;padding-top:6px; background:url(/images/search_ulbg.gif) no-repeat 15px bottom;}
#search li{ display:inline; padding:0; margin:0; color:#d3edf4; cursor:pointer}
#search li.space{ padding:0 5px; color:#24a8cc;}
#search li.current{color:#cce198; font-weight:bold}
.searchpanel{ height:32px; background:url(/images/search_input.gif) no-repeat left top;}
input.s_input{ border:none; background:none;font-family:Verdana, Geneva, sans-serif; color:#999; font-size:14px; margin:3px 0; width:330px;}
button.search_btn{ width:75px; height:32px; float:right; border:none; cursor:pointer; background:url(/images/search_btn.gif) no-repeat left top; margin-right:20px;}
button.search_btn:hover{ background-position:left bottom}
.buddyicon{ width:40px; border:1px solid #fff; float:left; margin:20px 10px 10px 30px;}
#userInfo h3{ color:#f39700; font-weight:normal; font-size:12px; padding-top:10px;}
#userInfo h3 a{ color:#fff;}
.meta{ color:#91d4e6}

/*Content*/
#content{ background:url(/images/bg840.gif) 115px top repeat-y; clear:both;}
.whitebg{ background:#fff;}
/*banner*/
#banner{ background:url(/images/banner.jpg) no-repeat center top; height:315px}
.howtoplay{ padding:80px 0 0 85px; font-family:'微软雅黑',Arial}
.howtoplay strong { font-size:16px; color:#000000;}
.howtoplay p { padding:0 0 22px 0; font-size:12px}
.newstitle{ position:absolute; left:-10px; top:251px; width:125px; background:url(/images/newstitle.gif) left bottom no-repeat ; height:64px;}
.newstitle em{ display:block; height:10px; background:url(/images/news_em.gif) no-repeat left top; overflow:hidden}
button.join { padding:0 0 0 60px; display:block; text-align:left; border:none; width:200px; height:50px; background:url(/images/join.gif) no-repeat 0 4px; font-family:"微软雅黑"; font-size:22px; color:#333; cursor:pointer; margin:200px 0 0 80px; line-height:24px}
button.join:hover{ background-position:0 -46px; color:#003366}

/*footer*/
#footer{ height:190px; background:url(/images/footer_bg1.jpg) no-repeat center top;}
#footer2{ height:190px; background:url(/images/footer_bg2.jpg) no-repeat 115px top;}
#footer a,#footer2 a{color:#d5e9f2;}
.hotline{ width:170px; float:right; font-size:14px ; color:#80bdd6; padding-top:25px;}
.hotline p{ font-family:Georgia; font-size:24px; color:#fff799; padding-top:10px}
.footerlink{ padding:25px 0 0 15px;}
.footerlink a{ font-size:14px; color:#d5e9f2; padding-right:15px;}
.copyright{ padding:50px 0 0 15px; color:#80bdd6}
.copyright a{color:#80bdd6}
/*right*/
#right{ position:relative;}
.num_panel{ position:absolute; top:20px; right:-10px; width:325px; height:74px; background:url(/images/number_panel.png) no-repeat left bottom; overflow:hidden}
.num_panel em{ display:block; height:10px; background:url(/images/number_em.png) no-repeat right top; overflow:hidden}
.num_panel ul{ margin:0; padding:0; height:48px; padding:8px 0 0 3px}
.num_panel li{ float:left; border-right:1px solid #70bdd7; padding:0 10px;}
.num_panel li.last{ border:none; padding-right:0;}
.num_panel a{ text-decoration:none; color:#8fcadf;}
.num_panel a span{ color:#8fcadf}
.num_panel a span.number{ font-family:Arial; font-size:18px; display:block; color:#fff; line-height:1.5em}
.num_panel a:hover{ text-decoration:underline}
#indexnum a{ text-decoration:none; cursor:default}
#indexnum a:hover{ text-decoration:none}
/*content24*/
.content24{ background:#fff url(/images/col24_bg.gif) no-repeat center top;}
.grid,.grid2{ margin:0; float:left; width:840px; background:#fff url(/images/grid_bg.gif) no-repeat right top;height:100%;_height:600px;}
.grid .num_panel{ top:-10px; right:-15px;}
/*local当前位置*/
.local{ padding-left:15px; height:30px; line-height:30px;}

/*leftmenu*/
#leftmenu{ background:url(/images/leftmenu.gif) no-repeat left top; height:600px;}
#leftmenu ul{ padding-top:30px;}
#leftmenu li{ border-bottom:1px solid #3395bd; padding:8px 0 8px 8px;}
#leftmenu li a{ font-size:14px; color:#fff; font-weight:bold}
#leftmenu li p{ color:#80bdd6; font-size:12px}
#leftmenu li.current{ position:relative; border:none; padding-left:0; background:url(/images/cur_li.gif) no-repeat; height:38px;}
#leftmenu li.current a{ color:#0082CB}
#leftmenu li.current p{ color:#999;}
#leftmenu li.current em{ display:block; width:10px; height:64px; position:absolute; left:-10px; top:-10px; background:url(/images/cur_li_em.gif) no-repeat; overflow:hidden}

/*h1*/
.h1css{ height:74px; background:url(/images/h1bg.png) no-repeat left bottom; overflow:hidden; margin-left:-10px; z-index:1000 }
.h1css span{color:#fff; line-height:60px; font-size:24px;padding-left:20px;font-family:'微软雅黑'; font-weight:normal }
.h1css em{ display:block; height:10px; background:url(/images/news_em.gif) no-repeat left top; overflow:hidden}

/*sidebar*/
.sidebar{ padding-top:74px;  width:300px;}

/*.page*/
.page{ font-size:12px; color:#666;}
.page { padding:3px; margin:3px; text-align:center}
.page a { border: #9aafe5 1px solid; padding:2px 3px; margin-right:2px; text-decoration:none; color:#2e6ab1;}
.page a:hover {border: #2b66a5 1px solid; color:#000; background:lightyellow}
.page a:active {border: #2b66a5 1px solid; color:#000; background:lightyellow}
.page span {padding:2px 3px; border:navy 1px solid; font-weight:bold; background: #2e6ab1; color:#fff;margin-right:2px;}

/*center about t*/
.center{ padding-left:5px}

/*storeindex*/
.sort{ height:20px; background:url(/images/sortby.gif) no-repeat; padding:10px; margin-bottom:10px;}
.sort ul{ margin:0; padding:0; list-style:none}
.sort ul li{ float:left; line-height:20px; padding:0 10px; border-right:1px solid #ddd;}
.sort ul li.current a{ font-weight:bold; color:#333; text-decoration:none}

ul.store_list{ margin:0; padding:10px 0 0 0; list-style:none;}
ul.store_list li{ float:left; padding:0 10px 10px 0;}
ul.store_list li a{ display:block;width:190px; height:230px; background:#000 url(/images/storehover.gif) no-repeat left 150px;}
ul.store_list li a strong{ display:block; line-height:30px; padding:0 5px; color:#0082CB; font-size:14px;}
.simg{ display:block; height:150px; width:190px; overflow:hidden; cursor:pointer}
.snc{ padding:0 5px; color:#666; display:block}
ul.store_list li a:hover{background:#000 url(/images/storehover.gif) no-repeat right 150px; text-decoration:none}
ul.store_list li a:hover strong{ color:#FF9900}

#slide{ margin-left:15px; margin-bottom:15px}

#set_tab{  background:url(/images/tabs2.gif) repeat-x; height:40px;}

a.badgemin{ float:right;}
a.badgemin img{ width:64px; margin:0 0 5px 5px}

.myface{ margin:0; padding:0; table-layout:fixed}
.myface td{ vertical-align:top;}
#dynamics li{ height:0; overflow:hidden}
/*favorites*/
.favorites{ width:300px; }
.favorites_text{
	width:500px; padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cecece;
}

