html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}
.clearfix:after{visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0}
* html .clearfix{zoom:1}
*:first-child+html .clearfix{zoom:1}
a, a:visited{cursor:pointer; text-decoration:none; color:#298CDA; color:#36c}
a:hover{color:#080; text-decoration:underline}
.textleft{text-align:left}
.textright{text-align:right}
.textcenter{text-align:center}
.fleft{float:left}
.fright{float:right}
.center{text-align:center}
.bold{font-weight:bold}
.imgleft{float:left; margin-right:10px}
.imgright{float:right; margin-left:10px}
.clr{clear:both; height:0; overflow:hidden}
p{margin:0 0 10px 0; line-height:18px; font-size:12px}
small{font-size:12px; color:#666}
h1, h2, h3, h4{font:normal 24px/32px Georgia,'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif; color:#555; letter-spacing:-1px}
h2, h3, h4{font-size:22px}
h1{margin-bottom:10px}
body{color:#555; font:12px/18px 'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif; background:#EBF6FC url(../images/bg.gif) center 0 repeat-x; text-align:center}
#header{height:118px; margin:0 auto; width:990px; position:relative; clear:both; overflow:hidden; background:url(../images/headbg.png) 0 0 no-repeat}
#logo{display:block; width:191px; height:58px; margin-top:10px; background:url(../images/logo.gif) 0 0 no-repeat; text-indent:-9999px; float:left; cursor:hand}
#wrapper{width:990px; margin:0 auto; text-align:left; position:relative; clear:both; overflow:hidden}
#container{background:#fff url(../images/shadow.gif) 0 0 repeat-x; padding:18px 0 0 0; clear:both}
.inner{padding:9px 15px}
#main{float:left; width:800px; margin-left:190px}
* html #main{display:inline}
#main .in{padding:0 10px 0 20px}
#side{float:left; width:190px; margin-left:-990px; z-index:1}
#side .in{width:180px; padding:0 0 10px 10px; clear:both; overflow:hidden}
#col-1{width:560px; float:left}
#col-2{float:right; width:200px}
#nav{clear:both; overflow:hidden; height:34px; padding:0 1px 0 0; position:absolute; width:auto; float:left; background:transparent url('../images/navdiv.jpg') no-repeat right 0; top:84px; left:50px}
#nav li{padding:0 0 0 1px; height:34px; display:block; float:left; background:transparent url('../images/navdiv.jpg') no-repeat left 0}
#nav li a{display:block; color:#3d5714; padding:0 10px 0 29px; float:left; font:bold 13px/34px 'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif; text-shadow:0 1px 0 #fff; background:transparent url('../images/icon-nav.png') 10px 0 no-repeat}
#nav a:link, #nav a:visited, #nav a:active{text-decoration:none}
#nav li a#n1{background-position:10px 0; text-indent:-9999px; width:16px; padding-left:10px}
#nav li a#n2{background-position:10px -34px}
#nav li a#n3{background-position:10px -68px}
#nav li a#n4{background-position:10px -102px}
#nav li a#n5{background-position:10px -136px}
#nav li a#n6{background-position:10px -170px}
#nav li a#n7{background-position:10px -204px}
#nav li a#n8{background-position:10px -238px}
#pc #nav li a#n2, #mac #nav li a#n3, #iphone #nav li a#n4, #online #nav li a#n5, #skill #nav li a#n6, #fun #nav li a#n7, #saver #nav li a#n8{color:#03669A; background-color:#fff}
#nav li a:hover{background-color:#fff}
.snavbox{background:url(../images/sidenav-b.gif) 0 bottom no-repeat; clear:both; overflow:hidden; padding-bottom:25px; margin-bottom:18px; width:180px}
.snav li a{height:25px; padding-left:33px; background-image:url(../images/icon-snav.gif); background-repeat:no-repeat; display:block; color:#696969; color:#454545; font:12px/25px 'Lucida Grande','Lucida Sans Unicode',arial,sans-serif; text-decoration:underline}
.snavbox h3{height:33px; background:url(../images/sidenav-t.gif) left top no-repeat; color:#608D0F; text-align:center; font:bold 14px/33px 'Lucida Grande','Lucida Sans Unicode',arial,sans-serif}
.snav li#hid a{background-position:12px 0}
.snav li#tim a{background-position:12px -28px}
.snav li#mat a{background-position:12px -56px}
.snav li#adv a{background-position:12px -84px}
.snav li#rpg a{background-position:12px -112px}
.snav li#new a{background-position:12px -140px; color:#cf5518; font-weight:bold}
.snav li#str a{background-position:12px -168px}
.snav li#puz a{background-position:12px -196px}
.snav li#sim a{background-position:12px -224px}
.snav li#far a{background-position:12px -252px}
.snav li#arc a{background-position:12px -280px}
.snav li#act a{background-position:12px -308px}
.snav li#dri a{background-position:12px -336px}
.snav li#spo a{background-position:12px -364px}
.snav li#wor a{background-position:12px -392px}
.snav li#boa a{background-position:12px -420px}
.snav li#kid a{background-position:12px -448px}
.snav li#tag a{background-position:12px -476px}
.snav li#all a{background-position:12px -476px}
.snav li#col a{background-position:12px -504px}
.snav li#top a{background-position:12px -532px; color:#cf5518; font-weight:bold}
.snav li#tyc a{background-position:12px -560px}
.snav li#bra a{background-position:12px -588px}
.snav li#mar a{background-position:12px -616px}
.snav li#mah a{background-position:12px -644px}
.snav li#car a{background-position:12px -672px}
.snav li#ipad a{background-position:12px -700px; color:#cf5518; font-weight:bold}
.snav li a:hover{text-decoration:underline; color:#080}
#feabox{width:770px; background:url(../images/fea-b.png) 0 bottom no-repeat; padding-bottom:17px; margin:0 0 18px 0; text-align:center}
#feabox ul{padding:9px 0 0 12px; border-left:1px solid #ecdbb9; border-right:1px solid #ecdbb9; width:756px; clear:both; overflow:hidden}
#feabox li{float:left; width:240px; height:225px; margin-right:12px}
#feabox li a{font-weight:bold}
#feabox li img{margin:5px auto 2px auto; display:block}
#feabox li p{margin:0; line-height:1.2}
#feabox h2{background:url(../images/fea-t.png) 0 0 no-repeat; color:#F56B23; text-align:center; height:40px; line-height:40px}
.iphone #feabox li{height:250px}
.ghotlist, #ghitlist{clear:both; margin:10px 0}
.ghotlist dl{width:280px; float:left; margin-bottom:10px; height:88px; position:relative; overflow:hidden}
.ghotlist dt{float:right; width:195px; font-weight:bold; padding:0 5px 4px 0; line-height:1.2}
.ghotlist dd{margin-left:80px; line-height:1.3; padding:0 5px 0 0}
.ghotlist dd.img{margin:0; padding:0}
.ghotlist dd.img img{float:left; margin:0 10px 0 0; padding:0}
.ghotlist .new{position:absolute; top:0; left:0; background:url(../images/new.gif) no-repeat; width:50px; height:50px; z-index:3}
#ghitlist li{width:181px; float:left; height:58px; padding-right:5px; line-height:1.2}
#ghitlist li img{float:left; margin-right:5px}
#ghitlist li a{display:block; height:58px}
.genre dl{width:250px}
.genre dt{width:167px; padding:0 8px 4px 0}
.genre dd{margin-left:75px; padding:0 5px 0 0}
.genre dd.img img{margin:0 5px 0 0}
#morenew{font-weight:bold; background:url(../images/morebg.gif) 0 bottom repeat-x; text-align:right; margin-bottom:15px; padding-right:15px}
#morenew a{background:url(../images/arrow3.gif) right 5px no-repeat; padding-right:12px; line-height:30px; height:46px}
#morenew a:hover{text-decoration:underline}
.page{color:#666; margin:20px auto; text-align:center; clear:both; font-size:13px}
.page a, .page a:visited{background:#F0F0F0; border:1px solid #9AAFE5; padding:5px 7px; font-weight:bold}
.page a:hover{color:#000; border-color:#36c; text-decoration:none; background:#FFFF80}
.page span{text-decoration:none; padding:5px 7px; border:1px solid #fff; color:#555; font-weight:bold}
#top10box{width:200px; margin:15px 0; overflow:hidden; background:url(../images/top10-b.gif) 0 bottom no-repeat; padding-bottom:18px}
#top10box ul{border:1px solid #b9dc8f; border-width:1px 1px 0 1px; padding:10px 5px 10px 27px; background:url(../images/num.gif) 5px 20px no-repeat}
#top10box li{height:65px; line-height:1.2; font-size:11px}
#top10box li img{float:left; margin-right:5px; width:50pxl height:50px}
#top10box h4{height:40px; background:url(../images/top10-t.gif) left top no-repeat; line-height:40px; color:#080; text-align:center}
#top10box #more{font-weight:bold; text-align:center; height:14px; line-height:14px}
#footer{background:#5891C9 url(../images/footer-bg.gif) repeat-x 0 0; width:100%; border-top:1px solid #7eabd8; clear:both; color:#BAD2EC; padding-bottom:15px}
#footer-in{width:990px; position:relative; margin:0 auto; text-align:center}
#footer a{color:#d2e1f1; text-decoration:none; color:#fff}
#footer a:hover{color:#d2e1f1; text-decoration:underline}
#footer ul{padding:12px 0 10px 0; margin-left:200px}
#footer ul li{display:block; float:left}
#footer ul li a{text-decoration:none; padding:5px; display:block; float:left}
p.copyright{background:transparent url(../images/border.png) no-repeat 0 0; padding:10px 10px 0 10px; clear:both; font-size:11px}
#footer a.rss{background:url(../images/feed.png) right center no-repeat; padding-right:27px}
#rss{background:url(../images/rss.gif) right center no-repeat; padding-right:20px}
.sad li{line-height:1.2; width:180px; margin:0 auto 18px auto; text-align:center}
.sad li img{display:block}
.sad li h3{font-size:14px; font-weight:bold; line-height:1.2; letter-spacing:0}
.sad li h4{font-size:12px; font-weight:bold; color:#069}
.sad #why01{background:url(../images/why-free.jpg) center 0 no-repeat; padding-top:60px}
.sad #why02{background:url(../images/why-noads.jpg) center 0 no-repeat; padding-top:60px}
.og{margin:0 0 10px 10px; width:180px; background:#f7fafc}
.og li h3{font-size:11px}
.og li{margin-bottom:9px}
.og li img{margin:0 auto; padding:3px; background:#D7E9FE}
.og li a:hover img{border:1px solid #ace; padding:2px}
#tad{position:absolute; top:10px; left:250px; z-index:2; color:#88C8E5; height:60px; font:italic normal 28px/60px Georgia,Arial,Verdana,sans-serif}
.ad728x90t{height:90px; padding:0 150px 10px 110px; margin-bottom:0; background:url(../images/ad/game.gif) right center no-repeat}
#gg160x600{margin-bottom:10px; background:#F3F3F3 url(../images/thumbtack.gif) 0 0 no-repeat; padding:52px 0 10px 10px; width:170px}
.gg-728x15{background:#F7FAFC; height:15px; padding:5px 0}
#cotw{background:url(../images/cotw-bg.jpg) 0 0 no-repeat; text-align:left; padding:45px 5px 10px 5px; width:170px; height:80px; font-weight:bold}
#cotw img{float:left; margin-right:5px}
#crumbs{background:#FAFAFA url(../images/home.gif) 5px center no-repeat; padding:2px 0 2px 25px; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; margin-bottom:20px; font:normal 12px/16px 'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif; height:16px}
#crumbs a{text-decoration:underline; font-size:11px}
.guard{background:#fff url(../images/guard.jpg) 640px 20px no-repeat}
.list{margin:0 0 20px 20px}
.list li{background:url(../images/bullet.gif) 0 6px no-repeat; padding:0 0 5px 10px; line-height:1.3}
#iphonebg{background:#fff url(../images/iphonebg.jpg) right 0 no-repeat; padding:0 210px 20px 0}
#cse-search-box{position:absolute; top:40px; right:0; z-index:2; background:#C1DE8C; padding:10px 5px; border:1px solid #fff; border-width:1px 1px 0 1px}
* html #cse-search-box{top:36px}
html{overflow-y:scroll !important}