/*---- website base style  ----*/
*{ margin:0px; padding:0px;}
body{ font-size:12px; color:#333; font-family:ËÎÌ壬Arial, Helvetica, sans-serif;}
body,p,h1,h2,h3,h4,h5,h6,table,tr,td,form,dl,dt,dd,ol,ul,li,iframe,textarea{margin:0; padding:0;}

.clearfix{*zoom:1}
.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0}
*+html img{-ms-interpolation-mode:bicubic}

ul, li{ list-style:none;}
img{ border:0px;}
input, select{ margin:0px; padding:0px;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both;}
.hid{ overflow:hidden;}
.w960{ width:960px;}
.bold{ font-weight:bold;}
.auto{ margin:0 auto;}
.martop22{ margin-top:22px;}
.martop12{ margin-top:12px;}
.martop8{ margin-top:8px;}
.marleft10{ margin-left:10px;}

a{ color:#333; text-decoration:none;}
a:link{ color:#333333; text-decoration:none;}
a:hover{ color:#ff0000; text-decoration:none;}
a:focus { outline:none; -moz-outline:none;}

/*  top  */
.logo{ margin:16px 0px 0px 6px;}
.soso{ margin:18px 0px 0px 30px;}
.sosolan{ width:401px; height:35px; background:url(../images/search.png) no-repeat scroll 0px center transparent;}
.keyword_input{ width:264px; height:24px; line-height:24px; color:#666; border:0px; margin:6px 0px 0px 40px; background:none no-repeat 0 0 transparent;}
.submit{ border:0px none;background:none no-repeat 0 0 transparent; font-size:16px; font-weight:bold; color:#fff; width:90px; text-align:center;}
.sosokey{ margin-top:8px;}
.sosokey a{ margin-left:6px;}
.ads01{ margin:10px 0px;}

.apktop{ height:87px; overflow:hidden;}
.softtop{ height:112px; background:url(../images/soft_topbg.gif) repeat-x scroll 0 0 transparent;}
.gametop{ height:112px; background:url(../images/game_topbg.gif) repeat-x scroll 0 0 transparent;}
.arttop{ height:112px; background:url(../images/article_02.gif) repeat-x scroll 0 0 transparent;}
.headtop{ height:25px; line-height:25px; overflow:hidden;}
.headtop span{ color:#bbb; margin:0px 4px;}

/*  nav  */
.nav {
    background: url("../images/dongpo_10.gif") repeat-x scroll 0 0 transparent;
    height: 36px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
	margin-top:8px;
}
.navmenu{ line-height:36px; text-align:center;}
.navmenu li{ width:109px; float:left;}
.navmenu li a{ font-size:14px; color:#fff; font-weight:bold;}
.navmenu li a:hover{ background:url(../images/dongpo_12.gif) no-repeat scroll center center transparent; width:109px; height:36px; display:block;color: #27a804;}
.navmenu li .hovera{ background:url(../images/dongpo_12.gif) no-repeat scroll center center transparent; width:109px; height:36px; display:block;}
.navtype{ line-height:36px;margin-right: 5px;}
.navtype a{ color: #fff;}
.navtype span{ color:#FFFFFF; margin:0px 2px;}

.sotfnav{ background:url(../images/soft_navbg.gif) repeat-x scroll 0 0 transparent; height:36px; line-height:36px;}
.sotfnav li{ width:87px; float:left; text-align:center;}
.sotfnav li a{ font-size:14px; color:#fff; font-weight:bold;}
.sotfnav li a:hover{ background:url(../images/soft_navhover.gif) no-repeat scroll center center transparent; width:87px; height:36px; display:block;}
.sotfnav li .hovera{ background:url(../images/soft_navhover.gif) no-repeat scroll center center transparent; width:87px; height:36px; display:block;}

.gamenav{ background-color:#09906f; height:36px; line-height:36px; display:block;}
.gamenav li{ width:108px; float:left; text-align:center;border-right:1px solid #FFF;}
.gamenav li a{ font-size:14px; color:#fff; font-weight:bold; }
.gamenav li a:hover{ background:url(../images/game_navhover.gif) no-repeat scroll center center transparent; width:108px; height:36px; display:block;}
.gamenav li .hovera{ background:url(../images/game_navhover.gif) no-repeat scroll center center transparent; width:108px; height:36px; display:block;}

.artnav{ background:url(../images/article_12.gif) repeat-x scroll 0 0 transparent; height:36px; line-height:36px; display:block;}
.artnav li{ width:108px; float:left; text-align:center;border-right:1px solid #FFF;}
.artnav li a{ font-size:14px; color:#fff; font-weight:bold; }
.artnav li a:hover{ background:url(../images/article_09.gif) no-repeat scroll center center transparent; width:108px; height:36px; display:block;}
.artnav li .hovera{ background:url(../images/article_09.gif) no-repeat scroll center center transparent; width:108px; height:36px; display:block;}