/* Theme Name: PlayTV Playpark Theme Theme URI: http://www.playpark.com/ Description: The original PlayTV Playpark theme. Version: 1.0 Author: Playpark co.,ltd. Tags: playpark, ออดิชั่น, audition, เกมส์เต้น, freestyle, เกมเต้น, เกมส์, เกม, เกมส์ออนไลน์, flash games, game online Playpark : The World of Play เกมส์ออนไลน์ ข่าวเกมส์ เกมส์แฟลช เกมสนุกๆ */ /* CSS Document */ 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; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } * {margin:0; padding:0; outline:none;} h1{font-size: 12px; font-family:Tahoma, "times New Roman", verdana;} a img{ border:0;} a{text-decoration:none;} a:hover{ text-decoration:none; font-family: Tahoma, "times New Roman", verdana; font-size: 12px; } a:visited { color:#666} body{ margin: 0 auto; background:url(images/bg-playtv.jpg) no-repeat center 30px; background-color:#f54536; font-family:Tahoma, "times New Roman", verdana;font-size:11px; position:relative;} #iframetopbar {position:absolute; width:100%; z-index:2;display:inline;} #warpper{ width:980px; overflow:hidden; text-align:center; margin:0 auto;padding-top:30px;} #head-flash{ width:980px; height:380px; overflow:hidden; float:left; position:relative;} /*#flash-playtv{ width:980px; height:380px; position:absolute; float:left;margin-left:0 !important; margin-left:-490px;}*/ #flash-playtv {width:980px; height:380px; position:absolute;float:left; left:0;} #topbanner{ width:777px; height:98px; background:url(images/bg-topbanner-728x90.gif) no-repeat; float:left; overflow:hidden; z-index:1; padding:26px 0 0 0; position:absolute; left:204px; } /* Top menu */ #topmenu{ width:727px; height:62px; background:url(images/bg-topmenu.gif) no-repeat; float:left; overflow:hidden; z-index:500; top:123px; right:25px; left:230px; position:absolute; } #menu { width:686px; height:35px; margin:14px 0 0 20px !important; margin:14px 0 0 10px; float:left;} #menu li { display:inline; height:35px; float:left; list-style:none;} #menu li a { display:block; height:35px; background:url(images/topmenu-pp.gif) no-repeat; text-indent:-9999px;} #menu li.home a { width:70px; background-position:0 0;} #menu li.home a:hover { width:70px; background-position:0 -35px;} #menu li.home a.active { width:70px; background-position:0 -35px;} #menu li.member a { width:80px; background-position:-70px 0;} #menu li.member a:hover { width:80px; background-position:-70px -35px;} #menu li.member a.active { width:80px; background-position:-70px -35px;} #menu li.miniplay a { width:85px; background-position:-150px 0;} #menu li.miniplay a:hover { width:85px; background-position:-150px -35px;} #menu li.miniplay a.active { width:85px; background-position:-150px -35px;} #menu li.online a { width:105px; background-position:-235px 0;} #menu li.online a:hover { width:105px; background-position:-235px -35px;} #menu li.online a.active { width:105px; background-position:-235px -35px;} #menu li.flash a { width:100px; background-position:-340px 0;} #menu li.flash a:hover { width:100px; background-position:-340px -35px;} #menu li.flash a.active { width:100px; background-position:-340px -35px;} #menu li.playtv a { width:75px; background-position:-440px 0;} #menu li.playtv a:hover { width:75px; background-position:-440px -35px;} #menu li.playtv a.active { width:75px; background-position:-440px -35px;} #menu li.update a { width:75px; background-position:-515px 0;} #menu li.update a:hover { width:75px; background-position:-515px -35px;} #menu li.update a.active { width:75px; background-position:-515px -35px;} #menu li.board a { width:96px; background-position:-590px 0;} #menu li.board a:hover { width:96px; background-position:-590px -35px;} #menu li.board a.active { width:96px; background-position:-590px -35px;} .container-pp{ width:960px; overflow:hidden; text-align:center; margin:0 auto; background:url(images/fill-bg-wrapper.gif) repeat-y; padding:0 10px 0 10px; float:left;} .contain-left{ width:650px; float:left; overflow:hidden;} #highlight-news{ width:630px; height:230px; float:left; padding:10px; background:url(images/hilight-bg.gif) no-repeat;} #highlight-bt{ width:630px; height:25px; float:left; text-align:right; overflow:hidden;} #highlight-bt-prev{ width:30px; height:25px; float:right;} #highlight-bt-next{ width:30px; height:25px; float:right;} #highlight-content{ width:630px; float:left; overflow:hidden; text-align:left;} #highlight-content li{ width:190px; height:210px; display:inline; list-style:none; float:left; margin:5px 0 0 15px; overflow:hidden;} #highlight-content li a img{ display:block;} #highlight-content li h1 a{color:#007eca; line-height:15px;} #highlight-content li p a{color: #666666; font-size:12px; line-height:15px;} #update{ width:395px; float:left; overflow:hidden;} #update-top{ width:395px; height:35px; background:url(images/update-head.jpg) no-repeat; float:left; overflow:hidden; padding-top:15px;} .txt-more{ width:85px; height:20px; float:right; text-align:right; color:#666666; font-size:12px; padding-top:5px;} #update-contain{ width:395px; float:left; overflow:hidden; text-align:left; } #update-contain li{ width:395px; display:inline; list-style:none; float:left; overflow:hidden; background:url(images/update-bg-img.gif) no-repeat; border-bottom: 1px dashed #CCC;} #update-contain li a img{ width:150px; display:block; margin:10px 0 10px 5px !important; margin:10px 0 10px 3px; float:left;} #update-contain li .update-toppic{width:220px; height:100px !important; height:103px; float:left; margin:5px 0 0 10px; line-height:18px; color:#F60;} #update-contain li .update-toppic h1 a{color:#fe6001;} #update-contain li .update-toppic p a{color:#666; font-size: 12px;} #game-gateway{ width:245px; float:right;} #qmenu-r{width:40px; float:left; position:absolute;} #socailicon{ width:40px; height:120px; background:url(images/socail-bg.jpg) no-repeat; overflow:hidden; float:left; position:absolute; right:100px !important; right:95px; } #socailicon li{width:24px; display:inline; list-style:none; float:left; overflow:hidden;} .icon{width:24px; margin:10px 0 0 5px;} #ribbin{ width:35px; height:115px; background:url(images/ribbin.gif) no-repeat; position:absolute; right:120px !important; right:115px; float:left; overflow:hidden;} /*content-right*/ .contain-right{ width:300px; float:right; overflow:hidden; position:relative;} #search{ width:300px; height:55px; background:url(images/search-bg.jpg); float:left; text-align:center;} #q-menu{ width:300px; float:left; overflow:hidden;} #q-menu li{ display:inline; float:left; overflow:hidden; list-style:none;} #q-menu li a{ display:block; width:300px; height:50px; float:left; overflow:hidden; text-indent:-9999px;} #q-menu li.login a{ width:300px; float:left; background:url(images/qmenu-login.jpg) no-repeat;} #q-menu li.login a:hover{ width:300px; float:left; background:url(images/qmenu-login-up.jpg) no-repeat;} #q-menu li.regis a{ width:150px; float:left; background:url(images/qmenu-regis.jpg) no-repeat; margin-top:10px;} #q-menu li.regis a:hover{ width:150px; float:left; background:url(images/qmenu-regis-up.jpg) no-repeat; margin-top:10px;} #q-menu li.refill a{ width:150px; float:right; background:url(images/qmenu-refill.jpg) no-repeat; margin-top:10px;} #q-menu li.refill a:hover{ width:150px; float:right; background:url(images/qmenu-refill-up.jpg) no-repeat; margin-top:10px;} #banner300x250{ width:300px; height:250px; float:left; margin-top:10px;} #ppmag{ width:300px; height:220px; float:left; margin-top:10px;} #commentup-top{ width:300px; height:50px; background:url(images/commentup-head.gif) no-repeat; float:left; margin-top:10px;} #commentup-con{width:265px; background: url(images/commentup-fillbg.gif) repeat-y; float:left; padding:0 25px 0 10px;} #commentup-con li{width:245px; height:39px; display:inline; list-style:none; float:left; overflow:hidden; border-bottom:1px dashed #6ad1cf; padding: 0 10px 0 10px;} #commentup-con li a img{ width:34px; height:34px; float:left; margin-top:3px;} #commentup-con li .commentup-toppic{ width:205px; float:right; overflow:hidden; line-height:15px; text-align:left; margin-left:5px;} #commentup-con li .commentup-toppic h1 a{color:#024544; text-align:left;} #commentup-con li p a{color: #024544; font-size:12px;} #commentup-bt{width:300px; height:25px; background:url(images/commentup-bottom.gif) no-repeat; float:left;} /*miniplay*/ #bg-contain-mini{width:865px; height:170px; background: url(images/bg-con-mini.gif) no-repeat; float:left;} #banner-728x90-mini{ width:728px; height:90px; float:left; margin:43px 0 0 127px !important; margin:43px 0 0 63px;} #newbie{ width:115px; height:170px; float:left;} #contain-mini{ width:960px; height:400px; border-bottom:1px dashed #f54536;} #mini-cute-banner{ width:230px; height:400px; background:url(images/mini-dash.gif) no-repeat; background-position:right; float:left; overflow:hidden; text-align:left;} #mini-app{width:500px; height:400px; float:left; overflow:hidden; position:relative;} #poppular{ width:500px; height:220px; float:left; overflow:hidden; position:relative;} #poppular-more{ width:75px; height:30px; float:right; padding:15px 10px 0 0;} #poppular-tab{ width:500px; height:45px; float:left; position:absolute;} #poppular-tab li { display:inline; height:45px; float:left; list-style:none;} #poppular-tab li a { display:block; height:45px; background: url(images/tab-poppular.jpg) no-repeat; text-indent:-9999px;} #poppular-tab li.photo a { width:160px; background-position:0 0;} #poppular-tab li.photo a:hover { width:160px; background-position:0 -45px;} #poppular-tab li.blog a { width:160px; background-position:-160px 0;} #poppular-tab li.blog a:hover { width:160px; background-position:-160px -45px;} #pop-photo{ width:500px; height:180px; float:left; overflow:hidden; position:absolute; top:40px; background:url(images/mini-photo-bg.jpg) no-repeat; } #pop-photo li{ width:90px; display:inline; overflow:hidden; list-style:none; float:left; margin:35px 0 0 7px; background:url(images/mini-bg-g.jpg) no-repeat;} #pop-photo li a img{ display:block; float:left; overflow:hidden; margin:3px 0 0 3px; } #pop-photo li h1 a{ width:90px; color:#FF6600; float:left; margin-top:5px;} #pop-photo li p a{width:90px; color: #666666; float:left; font-size:12px;} #pop-blog{ width:485px; height:165px; float:left; overflow:hidden; position:absolute; top:40px; background:url(images/mini-blog-bg.jpg) no-repeat; padding:15px 0 0 15px;} #pop-blog li{ width:220px; display:inline; overflow:hidden; list-style:none; float:left; border-bottom:1px #f7ccd4 dashed; margin-left:5px;} #pop-blog li .pop-blog-pic{ width:65px; height:45px; float:left; overflow:hidden; text-align:center; background: url(images/blog-bg-pic.jpg) no-repeat; padding-top:5px;} #pop-blog li .pop-blog-toppic{ width:135px; height:45px; float:left; overflow:hidden; text-align:left; margin-left:5px;} #pop-blog li .pop-blog-toppic h1 a{ width:135px; color:#FF6600; float:left; text-align:left;} #pop-blog li .pop-blog-toppic p a{ width:135px; color: #666666; float:left; font-size:12px; text-align:left;} #head-decor-mini{width:500px; height:25px; background:url(images/decor-mini-head.gif) no-repeat; float:left;} #decor-mini{width:500px; height:135px; float:left; overflow:hidden;} #decor-thememini{ width:270px; height:135px; float:left; overflow:hidden; border-right:1px dashed #CCC;} #decor-thememini li{display:inline; list-style:none; float:left; overflow:hidden; margin:10px 0 0 15px;} #decor-thememini li a{ display:block;} #decor-glitter{ width:220px; height:135px; float:right; overflow:hidden;} #decor-glitter li{display:inline; list-style:none; float:left; overflow:hidden; margin:10px 0 0 15px;} #decor-glitter li a{ display:block;} #mini-event{ width:220px; height:400px; background:url(images/mini-dash.gif) no-repeat; background-position:left; float:left; overflow:hidden; padding-left:10px;} #event-head{width:215px; height:25px; float:left; background:url(images/event-head.gif) no-repeat; padding-right:5px;} #event-con{ width:220px; height:375px; float:left; overflow:hidden;} #event-con li{width:220px; height:125px; display:inline; list-style:none; float:left; overflow:hidden; border-bottom:1px dashed #CCC;} #event-con li a img{ height:60px; float:left; margin-top:5px; display:block;} #event-con li p a{ color:#666; font-size:12px; text-align:left; line-height:15px;} #playtv-head{width:650px; height:55px; background:url(images/playtv-head.jpg) no-repeat; float:left; padding:15px 5px 0 0;} #playtv-bt-upload{width:140px; height:45px; float:right; margin-right:5px;} #playtv-more{ width:85px; height:25px; float:right; padding-top:20px;} #playtv-con{width:630px; height:330px; background:url(images/playtv-bg.gif) no-repeat; float:left; overflow:hidden; padding:10px;} #playtv-con li{ width:150px; height:155px; display:inline; list-style:none; float:left; overflow:hidden; background:url(images/playtv-bg-thumb.gif) no-repeat; margin-left:7px; text-align:left;} #playtv-con li a img{ display:block; float:left; margin:10px 0 5px 10px !important; margin:10px 0 5px 5px;} #playtv-con li h1 a{ width:150px; color:#fe6001; line-height:15px; float:left; margin:5px 0 0 5px;} #playtv-con li p{width:150px; color: #666666; font-size:12px; line-height:15px; float:left; margin-left:5px;} #flashgame-head{width:650px; height:60px; background:url(images/flashgame-head.jpg) no-repeat; float:left;} #flashgame-more{width:85px; height:35px; float:right; padding-top:25px; margin-right:10px;} #flashgame-con{width:650px; height:260px; float:left; overflow:hidden;} #flashgame-hilight{width:250px; height:260px; background: url(images/flashgame-bg-hilight.jpg) no-repeat; float:left;} #flashgame-hilight li{width:250px; height:260px; display:inline; list-style:none; float:left; overflow:hidden; text-align:left;} #flashgame-hilight li a img{ display:block; float:left; margin:10px 0 0 20px !important; margin:10px 0 0 10px;} #flashgame-hilight li h1 a{width:100px; color: #fe6001; font-size:12px; line-height:15px; float:left; margin:5px 0 0 20px;} #flashgame-thumb{width:400px; height:260px; float:left; overflow:hidden;} #flashgame-thumb li{width:100px; height:130px; display:inline; list-style:none; float:left; overflow:hidden; background: url(images/bg-flashgame-thumb.gif) no-repeat; text-align:left;} #flashgame-thumb li a img{ display:block; float:left; margin:8px 0 0 8px !important; margin:8px 0 0 4px;} #flashgame-thumb li p a{width:130px; color: #666666; font-size:12px; line-height:15px; float:left; margin:5px 0 0 8px;} #pr-head{width:650px; height:30px; float:left; background: url(images/pr-head.jpg) no-repeat; padding:5px 0 0 0;} #pr-con{width:630px; height:180px; padding:10px; float:left; overflow:hidden;} #pr-lc{width:180px; height:180px; float:left; border-right:1px dashed #999; text-align:left; background:url(images/pr-bg-pic1.gif) no-repeat; background-position:top; overflow:hidden;} #pr-lc li{width:180px; float:left; display:inline; list-style:none; overflow:hidden; } #pr-lc .imgpr a{ width:160px; height:60px; display:block; float:left; margin:5px 0 0 10px !important; margin:5px 0 0 5px; } #pr-lc .toppicpr a,#pr-lc .toppicpr h1 a,#pr-lc .toppicpr p a{width:160px; color:#fe6001; float:left; line-height:15px; margin:0; font-size:12px; padding:5px 0 0 5px; overflow:hidden;} #pr-lc .toppicpr p a{color:#666;} /*#pr-cc{width:224px; height:230px; float:left; border-right:1px dashed #999; overflow:hidden;} #pr-cc li{ width:224px; float:left; display:inline; list-style:none; overflow:hidden;} #pr-cc .imgpr1 a{width:75px; height:75px; display:block; float:left; overflow:hidden;}*/ #pr-cc{width:224px; height:180px; text-align:left; float:left; overflow:hidden; border-right:1px dashed #999; } #pr-cc li{ width:224px; height:90px; display:inline; list-style:none; float:left; overflow:hidden; border-bottom:1px dashed #999;} #pr-cc li a img{ width:75px; margin:5px 0 0 5px !important; margin:5px 0 0 3px; float:left; display:block;} #pr-cc li .pr-cc-con{width:135px; float:right; margin-top:5px;} #pr-cc li .pr-cc-con h1 a{color:#fe6001; margin:5px 0 0 5px;} #pr-cc li .pr-cc-con p a{color: #666666; margin:5px 0 0 5px; font-size:12px;} #pr-rc{width:224px; height:230px; float:left; overflow:hidden;} #pr-rc li{ width:224px; height:38px; display:inline; list-style:none; float:left; overflow:hidden; border-bottom:1px dashed #999;} #pr-rc li .pr-rc-bull{ width:9px; margin:5px 0 0 5px !important; margin:5px 0 0 3px; float:left; display:block;} #pr-rc li .pr-rc-con{width:200px; float:left; text-align:left;} #pr-rc li .pr-rc-con p a{color: #666666; margin:0 0 0 5px; font-size:12px; float:left;} #hit-head{width:290px; height:40px; background:url(images/hit-head.jpg) no-repeat; float:left; overflow:hidden; margin-top:15px; padding:5px 10px 0 0;} #hit-con{width:270px; background:url(images/hit-fillbg.jpg) repeat-y; float:left; overflow:hidden; padding:0 10px 0 20px;} #hit-con li{ width:270px; height:65px; display:inline; list-style:none; float:left; overflow:hidden; border-bottom:1px dashed #c9acb4; background:url(images/hit-bg-pic.jpg) no-repeat;} #hit-con li a img{width:80px; height:55px; float:left; overflow:hidden; margin:5px 0 0 8px;} #hit-con li .hit-con-toppic{width:160px; float:left; margin:5px 0 0 5px; text-align:left;} #hit-con li .hit-con-toppic h1 a{color:#711e35; margin:5px 0 0 5px;} #hit-con li .hit-con-toppic p a{color: #666666; margin:5px 0 0 5px; font-size:12px;} #hit-bottom{width:300px; height:25px; background:url(images/hit-bottom.jpg) no-repeat; float:left;} #nowshow-head{width:300px; height:65px; background:url(images/noeshow-head.jpg) no-repeat; float:left; overflow:hidden;} #nowshow-con{width:300px; height:230px; background:url(images/nowshow-bg.jpg) no-repeat; float:left; overflow:hidden;} #nowshow-bottom{width:300px; height:10px; background:url(images/nowshow-bottom.jpg) no-repeat; float:left; overflow:hidden;} #bg-bottom{ width:980px; height:45px; background:url(images/pic-bg-bottom.gif) no-repeat; float:left;} #footer{width:980px; height:115px; float:left; overflow:hidden; background-color:#f54536;} #foot-logo{ width:230px; height:115px; background:url(images/footer-logopp.jpg) no-repeat; float:left;} #foot-menu{ width:750px; height:75px; ; overflow:hidden; margin:0 auto;} #foot-menu li { display:inline; height:75px; float:left; list-style:none;} #foot-menu li a { display:block; height:75px; background: url(images/footer-menu.jpg) no-repeat; text-indent:-9999px;} #foot-menu li.home a { width:110px; background-position:0 0;} #foot-menu li.home a:hover { width:110px; background-position:0 -75px;} #foot-menu li.member a { width:80px; background-position:-110px 0;} #foot-menu li.member a:hover { width:80px; background-position:-110px -75px;} #foot-menu li.miniplay a { width:80px; background-position:-190px 0;} #foot-menu li.miniplay a:hover { width:80px; background-position:-190px -75px;} #foot-menu li.online a { width:95px; background-position:-270px 0;} #foot-menu li.online a:hover { width:95px; background-position:-270px -75px;} #foot-menu li.flash a { width:95px; background-position:-365px 0;} #foot-menu li.flash a:hover { width:95px; background-position:-365px -75px;} #foot-menu li.playtv a { width:85px; background-position:-460px 0;} #foot-menu li.playtv a:hover { width:85px; background-position:-460px -75px;} #foot-menu li.update a { width:85px; background-position:-545px 0;} #foot-menu li.update a:hover { width:85px; background-position:-545px -75px;} #foot-menu li.board a { width:120px; background-position:-630px 0;} #foot-menu li.board a:hover { width:120px; background-position:-630px -75px;} #copyright{ width:750px; height:30px;overflow:hidden; text-align:center; color:#ac2317; font-size:11px; padding-top:10px; margin:0 auto;} #copyright a{ color:#ac2317;} .contain-right-in{ width:300px; float:right; overflow:hidden;} /*Page Update*/ #up-bar-submenu{ width:650px; height:25px; background:url(images/update-bg-bar.jpg) no-repeat; float:left; margin-top:10px;} #slice-hilight{ width:650px; height:270px; float:left; margin-top:10px;} #up-head-hilight{ width:950px; height:35px; background:url(images/update-head2.jpg) no-repeat; float:left; overflow:hidden; padding:15px 10px 0 0;} #up-news-hilight{ width:960px; height:245px; float:left;} #up-highlight{ width:960px; float:left; overflow:hidden; text-align:left;} #up-highlight li{ width:190px; height:225px; display:inline; list-style:none; float:left; margin:5px 0 0 0; overflow:hidden; background:url(images/update-bghilight.gif) no-repeat; padding:20px 25px 0 25px;} #up-highlight li a img{ display:block;} #up-highlight li h1 a{color:#007eca; line-height:15px;} #up-highlight li p a{color: #666666; font-size:12px; line-height:15px;} #up-head-news{ width:650px; height:30px; background:url(images/update-head-news.gif) no-repeat; float:left; padding-top:5px;} #up-news{ width:650px; float:left; overflow:hidden; text-align:left; } #up-news li{ width:650px; display:inline; list-style:none; float:left; overflow:hidden; background: url(images/update-bg-img.gif) no-repeat; border-bottom: 1px dashed #CCC;} #up-news li a img{ width:150px; display:block; margin:10px 0 10px 5px !important; margin:10px 0 10px 3px; float:left;} #up-news li .up-toppic{width:480px; height:75px; float:left; margin:5px 0 0 10px; line-height:18px; color:#F60;} #up-news li .up-toppic h1 a{color:#fe6001;} #up-news li .up-toppic p a{color:#666; font-size: 12px;} #up-head-pr{ width:650px; height:30px; background:url(images/update-head-pr.gif) no-repeat; float:left; padding-top:5px; margin-top:10px;} #up-pr{ width:650px; float:left;} #up-pr li{ width:325px; height:75px; display:inline; list-style:none; float:left; overflow:hidden; margin:5px 0 5px 0;} #up-pr li a img{ width:75px; display:block; float:left;} #up-pr li .pr-toppic{ width:235px; height:75px; float:left; padding:0 0 0 15px; text-align:left;} #up-pr li .pr-toppic h1 a{color:#fe6001;} #up-pr li .pr-toppic p a{color: #666666; font-size:12px;} #list-pr{ width:640px; float:left; overflow:hidden; padding:5px;} #list-pr li{ width:640px; height:35px; display:inline; list-style:none; float:left; overflow:hidden; border-bottom:1px dashed #CCC; background:url(images/pr-bullet.gif) no-repeat left center;} .pr-news{ width:500px; float:left; text-align:left; margin:10px 0 0 20px; color: #666666;} .date-news{ width:100px; float:right; margin-top:10px; color:#fe6001; text-align:right;} #up-cate-head{ width:300px; height:50px; background:url(images/update-cata-top.gif) no-repeat; float:left; margin-top:10px;} #up-cate{ width:300px; float:left; } #up-cate li{width:265px; height:20px; display:inline; list-style:none; float:left; background:url(images/update-cata-fill.gif) no-repeat; text-align:left; padding:5px 0 0 35px; } #up-cate li p a{ color:#666;} #up-cate-bt{ width:300px; height:12px; background:url(images/update-cata-bt.gif) no-repeat; float:left;} #up-popcontent-h{ width:300px; height:25px; background:url(images/update-popcon-top.gif) no-repeat; float:left; margin-top:10px;} #up-popcontent{ width:300px; float:left;} #up-popcontent li{ width:245px; height:34px; display:inline; list-style:none; float:left; background:url(images/update-popcon-fill.gif) no-repeat; text-align:left; padding:10px 15px 0 40px; } #up-popcontent li p a{color:#666; line-height:15px;} #up-popcontent-bt{ width:300px; height:10px; background:url(images/update-popcon-bt.gif) no-repeat; float:left;} #up-clips-h{width:300px; height:65px; background:url(images/update-clip-top.gif) no-repeat; float:left; margin-top:10px;} #up-clips{width:260px; float:left; background:url(images/update-clip-fillbg.gif) repeat-y; padding:0 20px 0 20px;} #up-clips li{width:260px; height:65px; display:inline; list-style:none; float:left; background:url(images/hit-bg-pic.gif) no-repeat; overflow:hidden; margin-top:5px;} #up-clips li img{display:block; width:80px; height:55px; margin:5px 0 0 8px; float:left;} #up-clips li .cliptoppic{ width:160px; height:55px; text-align:left; float:right; margin-top:10px;} #up-clips li .cliptoppic h1 a{color:#F60;} #up-clips li .cliptoppic p a{color:#666;} #up-clips-bt{width:300px; height:35px; background:url(images/update-clip-bt.gif) no-repeat; float:left;} #up-tags-h{ width:300px; height:25px; background: url(images/update-tag-top.gif) no-repeat; float:left; margin-top:10px;} #up-tags{ width:300px; height:145px; float:left; background:url(images/update-tag-fill.gif) repeat-y;} #up-tags-bt{ width:300px; height:10px; background:url(images/update-popcon-bt.gif) no-repeat; float:left;} /*update-detail*/ #head-allup{width:650px; height:25px; background:url(images/head-allupdate.gif) no-repeat; float:left; margin-top:10px;} .btn-detail-list{ width:115px; height:25px; float:right; overflow:hidden;} .btn-detail-list li { display:inline; height:25px; float:left; list-style:none;} .btn-detail-list li a { display:block; height:25px; background: url(images/btn-detail-list.gif) no-repeat; text-indent:-9999px;} .btn-detail-list li.detail a { width:62px; background-position:0 0;} .btn-detail-list li.detail a:hover { width:62px; background-position:0 -25px;} .btn-detail-list li.list a { width:53px; background-position:-62px 0;} .btn-detail-list li.list a:hover { width:53px; background-position:-62px -25px;} .up-dateview{ width:480px; height:25px; float:left; overflow:hidden; margin-left:10px;} .up-date{ width:150px; height:20px; float:left; padding-top:5px;} .up-view{ width:140px; height:25px; float:right; text-align:right;} #list-news{ width:640px; float:left; overflow:hidden; padding:5px;} #list-news li{ width:640px; height:35px; display:inline; list-style:none; float:left; overflow:hidden; border-bottom:1px dashed #CCC; background:url(images/bullet-news.gif) no-repeat left center;} .toppic-news{ width:500px; float:left; text-align:left; margin:10px 0 0 20px; color: #666666;} #head-toppic{ width:640px; height:45px; background:url(images/bg-head-toppic.gif) repeat-x; float:left; margin-top:10px; text-align:left; padding:5px 0 0 10px; font-size:20px;} #tr-toppic{ width:650px; height:40px; float:left;} .rating{ width:270px; height:40px; float:left;} .share_pp {float:left; width:240px; height:30px; padding-top:10px;} .share_pp li {list-style-type: none; display: inline} .content-news{width:630px; float:left; padding:10px; line-height:15px;} #comment-head{ width:650px; height:35px; background:url(images/comment-head.gif) no-repeat; float:left; margin-top:10px;} .comment{width:650px; height:190px; background:url(images/comment-bg.jpg) no-repeat; float:left; margin-top:10px; overflow:hidden;} .comment-left{ width:115px; height:190px; float:left; margin-left:10px;} .comment-user{width:100px; float:left; overflow:hidden;} .comment-user li{ width:100px; height:130px; display:inline; overflow:hidden; list-style:none; float:left; margin:35px 0 0 7px; background:url(images/mini-bg-g.jpg) no-repeat;} .comment-user li a img{ display:block; float:left; overflow:hidden; margin:3px 0 0 3px; } .comment-user li h1{ width:100px; color:#FF6600; float:left; margin-top:10px; text-align:left;} .comment-user li p{width:100px; height:100%; color: #666666; float:left; font-size:12px; margin-top:10px; text-align:left;} .comment-right{ width:520px; height:190px; float:right; overflow:hidden;} .comment-tips{ width:495px; height:25px; float:left; margin-top:10px; padding:5px 0 0 25px; text-align:left;} .comment-type{ width:520px; height:55px; float:left; margin-top:5px;} .comment-namebtn{ width:520px; height:25px; float:left;} .nameuser{ width:200px; height:25px; float:left; background:url(images/comment-name-user.gif) no-repeat right; text-align:left;} .nameuser-login{ width:200px; height:20px; float:left; text-align:left; padding-top:5px;} .btn-qmenu{ width:320px; height:20px; float:left; margin-top:5px;} .btn-qmenu li{ width:105px; display:inline; list-style:none; margin-left:8px;} .security{ width:520px; height:45px; float:left; margin-top:5px;} .security-code{ width:195px; height:40px; float:left;} .security-type{ width:117px; height:40px; float:left; background:url(images/comment-typecode.gif) no-repeat bottom; margin-left:5px;} .btn-comment{ width:155px; height:30px; float:left; margin:10px 0 0 10px;} .comment-ans{ width:650px; height:190px; background:url(images/comment-bg-list.gif) no-repeat; float:left; margin-top:10px;} .comment-user-ans{width:100px; float:left; overflow:hidden;} .comment-user-ans li{ width:100px; height:130px; display:inline; overflow:hidden; list-style:none; float:left; margin:35px 0 0 7px; background: url(images/img-comment.gif) no-repeat;} .comment-user-ans li a img{ display:block; float:left; overflow:hidden; margin:3px 0 0 3px; } .comment-user-ans li h1{ width:100px; color:#FF6600; float:left; font-size:12px; margin-top:10px; text-align:left;} .comment-user-ans li p{width:100px; height:100%; color: #666666; float:left; font-size:12px; margin-top:10px; text-align:left;} .comment-r-top{ width:520px; height:30px; float:left; overflow:hidden;} .comment-numuser{ width:130px; height:20px; float:left; text-align:left; padding:10px 0 0 5px;} .comment-dlt{ width:60px; height:30px; float:right;} .comment-ansbox{ width:500px; height:100px; float:left; padding:10px 20px 10px 0; text-align:left; line-height:18px;overflow:auto; margin-top:3px; width:490px;} .comment-point{ width:515px; height:20px; float:left; text-align:left; padding:10px 0 0 5px;} .addpoint{ width:100px; height:20px; float:left;} /*Page-FlashGame*/ #fg-bar-submenu{ width:650px; height:25px; background: url(images/flashgame-sub-head.gif) no-repeat; float:left; margin-top:10px;} #fg-head-hilight{ width:950px; height:35px; background: url(images/flashgame-head-hilight.gif) no-repeat; float:left; overflow:hidden; padding:15px 10px 0 0;} #fg-news-hilight{ width:960px; height:245px; float:left;} #fg-highlight{ width:960px; float:left; overflow:hidden; text-align:left;} #fg-highlight li{ width:200px; height:230px; display:inline; list-style:none; float:left; margin:5px 0 0 0; overflow:hidden; background: url(images/fg-bgimg-hilight.gif) no-repeat; padding:15px 25px 0 15px;} #fg-highlight li a img{ display:block; margin-bottom:15px;} #fg-highlight li h1 a{color:#007eca; line-height:15px;} #fg-highlight li p a{color: #666666; font-size:12px; line-height:15px;} #fg-head-hit{ width:650px; height:35px; background:url(images/fg-hit-head.gif) no-repeat; float:left;} .fg-head-section{ width:650px; height:30px; float:left; margin-top:10px;} #fg-head-cook{ width:620px; height:25px; background:url(images/fg-head-cook.gif) no-repeat; float:left; margin-top:10px; padding:5px 30px 0 0;} #fg-head-dressup{ width:620px; height:25px; background:url(images/fg-head-dressup.gif) no-repeat; float:left; margin-top:10px; padding:5px 30px 0 0;} #fg-head-action{ width:620px; height:25px; background:url(images/fg-head-action.gif) no-repeat; float:left; margin-top:10px; padding:5px 30px 0 0;} .fg-game{ width:650px; float:left; overflow:hidden; margin-top:10px;} .fg-hilight{width:250px; height:260px; background: url(images/flashgame-bg-hilight.jpg) no-repeat; float:left;} .fg-hilight li{width:250px; height:260px; display:inline; list-style:none; float:left; overflow:hidden;} .fg-hilight li a img{ display:block; float:left; margin:10px 0 0 20px !important; margin:10px 0 0 10px;} .fg-hilight li h1 a{width:100px; color: #fe6001; font-size:12px; line-height:15px; float:left; margin:5px 0 0 20px;} .fg-thumb{width:400px; height:260px; float:left; overflow:hidden;} .fg-thumb li{width:100px; height:130px; display:inline; list-style:none; float:left; overflow:hidden; background: url(images/bg-flashgame-thumb.gif) no-repeat; text-align:left;} .fg-thumb li a img{ display:block; float:left; margin:8px 0 0 8px !important; margin:8px 0 0 4px;} .fg-thumb li p a{width:130px; color: #666666; font-size:12px; line-height:15px; float:left; margin:5px 0 0 8px;} .fg-section-s{ width:215px; float:left; border-right:1px #CCC dashed;} .fg-head-section-s{width:215px; float:left; height:30px;} .fg-thumb-s{width:215px; height:280px; float:left;} .fg-thumb-s li{width:100px; height:130px; display:inline; list-style:none; float:left; overflow:hidden; background: url(images/bg-flashgame-thumb.gif) no-repeat; text-align:left; margin:10px 0 0 5px;} .fg-thumb-s li a img{ display:block; float:left; margin:8px 0 0 8px !important; margin:8px 0 0 4px;} .fg-thumb-s li p a{width:130px; color: #666666; font-size:12px; line-height:15px; float:left; margin:5px 0 0 8px;} #fg-cate-head{ width:300px; height:50px; background:url(images/fg-cata-top.gif) no-repeat; float:left; margin-top:10px;} #fg-cate{ width:300px; float:left; } #fg-cate li{width:265px; height:20px; display:inline; list-style:none; float:left; background:url(images/fg-cata-fill.gif) no-repeat; text-align:left; padding:5px 0 0 35px; } #fg-cate li p a{ color:#666;} #fg-cate-bt{ width:300px; height:12px; background:url(images/fg-cata-bt.gif) no-repeat; float:left;} #fg-tags-h{ width:300px; height:25px; background: url(images/fg-tag-top.gif) no-repeat; float:left; margin-top:10px;} #fg-tags{ width:280px; padding:10px; float:left; background:url(images/fg-tag-fill.gif) repeat-y;} #fg-tags-bt{ width:300px; height:10px; background: url(images/fg-tag-bt.gif) no-repeat; float:left;} #fg-bar-submenu-in{ width:960px; height:25px; background: url(images/flashgame-sub-head2.gif) no-repeat; float:left; margin-top:10px;} #name-fg{ width:840px; height:40px; background:url(images/bg-head-toppic.gif) repeat-x; float:left; overflow:hidden; padding-top:10px;} #fg-headname{ width:960px; height:50px; float:left; overflow:hidden;} #fg-name-toppic{ width:200px; text-align:left; float:left; font-size:20px; margin-top:5px;} #btn-fullscreen{ width:110px; height:40px; float:right; margin-top:5px;} #flashgame{ width:960px; height:550px; float:left; text-align:center; margin-top:10px;} #fg-detail{ width:960px; float:left; overflow:hidden;} #fgdetail-left{ width:375px; height:190px; float:left; border-right:1px #CCC dashed; padding:10px; text-align:left;} #fgdetail-right{ width:540px; height:190px; float:right; overflow:hidden; text-align:left; padding:10px; } #fgplay-rating{ width:540px; height:40px; float:left;} #fg-embed{ width:540px; float:left; margin-top:10px;} #fg-head-other{ width:625px; height:30px; background:url(images/fg-head-other.jpg) no-repeat; float:left; padding:10px 25px 0 0;} #fg-thumb-other{ width:650px; height:130px; float:left;} #fg-thumb-other li{width:100px; height:130px; display:inline; list-style:none; float:left; overflow:hidden; background: url(images/bg-flashgame-thumb.gif) no-repeat; text-align:left; margin:10px 0 0 5px;} #fg-thumb-other li a img{ display:block; float:left; margin:8px 0 0 8px !important; margin:8px 0 0 4px;} #fg-thumb-other li p a{width:130px; color: #666666; font-size:12px; line-height:15px; float:left; margin:5px 0 0 8px;} #fg-head-all{width:650px; height:25px; background:url(images/flashgame-head-all.gif) no-repeat; float:left; margin-top:10px;} .fg-game-detail{width:650px; float:left; overflow:hidden; margin-top:10px;} .fg-game-detail li{ width:320px; height:150px; display:inline; list-style:none; border-bottom:1px #CCC dashed; background:url(images/bg-flashgame-thumb.gif) no-repeat; float:left; margin:0 0 10px 5px;} .fg-game-detail li a img{display:block; float:left; margin:8px 0 10px 8px !important; margin:7px 0 10px 5px } .fgdetail-all{ width:210px; float:left; margin:10px 0 0 5px; text-align:left; padding-left:10px;} .fglist-all{width:650px; float:left; overflow:hidden;} .fglist-all li{width:100px; height:130px; display:inline; list-style:none; float:left; overflow:hidden; background: url(images/bg-flashgame-thumb.gif) no-repeat; text-align:left; margin:5px 10px 0 15px;} .fglist-all li a img{ display:block; float:left; margin:8px 0 0 8px !important; margin:8px 0 0 4px;} .fglist-all li p a{width:130px; color: #666666; font-size:12px; line-height:15px; float:left; margin:5px 0 0 8px;} .btn_summit { width:154px; height:29px; background:url(images/btn-comment.jpg) no-repeat; color:#FFF; margin-left:5px; border:0;} #playpark-search button { background:url(images/btn-search.jpg) no-repeat; width:54px; height:24px; border:0; text-indent:-9999px; margin-left:2px; cursor:pointer;} #playpark-search input { width:171px; height:20px; background:url(images/bg-search.gif) no-repeat; border:0; color:#333; margin-left:3px;} /* design king-ranking*/ .upload-king { width:300px; height:411px; background:url(images/bg-top-king.jpg) no-repeat; overflow:hidden; margin-top:10px; font-size:11px; font-family:Tahoma, Geneva, sans-serif;} .upload-king h1 { width:300px; height:36px; float:left; padding-top:60px; text-align:center; font-size:12px; font-weight:normal; color:#454545;} .upload-king ol { width:300px; overflow:hidden; float:left;} .upload-king ol li { width:289px; height:30px; display:inline; list-style:none; float:left; padding-left:11px} .upload-king ol li .rank { width:40px; height:30px; float:left;} .upload-king ol li .desc { width:182px; height:22px; float:left; padding:3px 13px 5px 8px;} .upload-king ol li .desc .name { width:195px; height:15px;} .upload-king ol li .desc .name a {color:#505050; text-decoration:none;} .upload-king ol li .desc .power { width:182px; height:5px; background:url(images/power.gif) no-repeat;} .upload-king ol li .pic { width:30px; height:24px; float:left; padding:3px 0} .upload-king ol li .pic a img{ width:22px; height:22px; border:1px #FFF solid;} .upload-king ol li .pic a:hover img{ width:22px; height:22px; border:1px #F5F5F5 solid;} .upload-rank { width:300px; height:411px; background:url(images/bg-top-upload.jpg) no-repeat; overflow:hidden; margin-top:10px; font-size:11px; font-family:Tahoma, Geneva, sans-serif;} .upload-rank h1 { width:300px; height:96px; float:left; text-indent:-9999px;} .upload-rank ol { width:300px; overflow:hidden; float:left;} .upload-rank ol li { width:289px; height:30px; display:inline; list-style:none; float:left; padding-left:11px} .upload-rank ol li .rank { width:40px; height:30px; float:left;} .upload-rank ol li .desc { width:182px; height:22px; float:left; padding:3px 13px 5px 8px;} .upload-rank ol li .desc .name { width:195px; height:15px;} .upload-rank ol li .desc .name a {color:#505050; text-decoration:none;} .upload-rank ol li .desc .power { width:182px; height:5px; background:url(images/power.gif) no-repeat;} .upload-rank ol li .pic { width:30px; height:24px; float:left; padding:3px 0} .upload-rank ol li .pic a img{ width:22px; height:22px; border:1px #FFF solid;} .upload-rank ol li .pic a:hover img{ width:22px; height:22px; border:1px #F5F5F5 solid;} .ptv-hd-view { width:650px; height:31px; background:url(images/playtv-hd-view.gif) no-repeat; text-align:right;} .ptv-hd-view .btn { width:172px; height:31px; float:right;} .ptv-hd-view .btn a { display:block; float:left; width:86px; height:31px; background:url(images/btn-view-grid.gif) no-repeat;} .ptv-hd-view .btn a.view-grid { background-position:0 0;} .ptv-hd-view .btn a:hover.view-grid { background-position:0 100%;} .ptv-hd-view .btn a.active.view-grid { background-position:0 100%;} .ptv-hd-view .btn a.view-detail { background-position:-86px 0;} .ptv-hd-view .btn a:hover.view-detail { background-position:-86px 100%;} .ptv-hd-view .btn a.active.view-detail { background-position:-86px 100%;} .playtv-grid { width:650px;overflow:hidden; position:relative;} .playtv-grid ul li { width:155px; height:190px; float:left; overflow:hidden; list-style:none; padding:5px 3px; line-height:18px} .playtv-grid li span.pic { width:148px; height:108px; display: block; position: absolute; background: url(http://playtv.playpark.com/wp-content/themes/playtv_playpark/images/border-ptv-g.png) no-repeat; behavior:url("scripts/iepngfix.htc");} .playtv-grid li a { display:block; float:left; display:inline; font-size:12px;} .playtv-grid li a:hover { display:block; float:left; display:inline; font-size:12px; text-decoration:underline;} .playtv-grid li img {margin:11px 0 0 10px;} .playtv-grid li h1 a{ width:150px; color:#FE6001; line-height:15px; float:left; margin:12px 0 0 5px; text-align:left; height:35px; overflow:hidden;} .playtv-grid li span { float:left; padding-left:5px; } .playtv-grid li p { width:160px;float:left; } .playtv-grid li .view { font-size:12px; color:#666} /* End design ptv view grid*/ /* Grid */ #playtvgrid { width:650px;}