/* Global */
* { font-family:Helvetica,Arial; font-size:10pt; }
body { margin:0; padding:0; background:#000 url(../img/bg.jpg) no-repeat fixed center 0; }

/* Frame, Panel & Element */
.frame { display:block; position:relative; }
.panel { display:block; width:100%; height:100%; overflow:auto; border:none; margin:0; padding:0; position:relative; background-color:transparent; }
.element { width:0; height:0; overflow:hidden; position:absolute; }

/* Border & Corner */
.frame.border_y { width:12px; height:100%; background-image:url(../img/content-border.jpg); background-repeat:no-repeat; position:absolute; }
.frame.border_y.left { background-position:left top; left:0; display:none; }
.frame.border_y.right { background-position:right top; right:0; display:none; }

.element.border_x { background:url(../img/border_x.png) repeat-x; width:100%; height:9px; left:0; }
.element.border_x.top { top:0; background-position:left top; }
.element.border_x.bottom { bottom:0; background-position:left -9px; }
.element.border_y { background:url(../img/border_y.png) repeat-y; width:9px; height:100%; top:0; }
.element.border_y.left { left:0; background-position:left top; }
.element.border_y.right { right:0; background-position:right top; }

.element.round_corner { background:white url(../img/round.png) no-repeat; width:9px; height:9px; z-index:1; }
.element.round_corner.left_top { left:0; top:0; background-position:left top; }
.element.round_corner.left_bottom { left:0; bottom:0; background-position:left -9px; }
.element.round_corner.right_top { right:0; top:0; background-position:right top; }
.element.round_corner.right_bottom { right:0; bottom:0; background-position:right -9px; }


/* Page Header, Body & Footer */
.frame.main { width:1000px; overflow:auto; position:relative; background-color:white; }
.panel.page_header { height:151px; overflow:hidden; background:url(../img/page_header.jpg) no-repeat; }
.panel.page_body { height:auto; margin:5px 0; }
.panel.page_footer { width:980px; height:50px; text-align:left; border:3px solid #ddd; padding:5px; margin:1em 0; background:transparent url(../img/powered.jpg) no-repeat scroll right top; }

.panel.page_header .element.logo { height:196px; left:5px; top:5px; width:244px; }
.panel.page_header .element.search { height:auto; right:22px; text-align:left; top:22px; width:380px; }
.panel.page_header .element.ad728x90 { height:auto; right:16px; text-align:left; top:50px; width:auto; overflow:hidden; }
.panel.page_header .element.menu_header { height:auto; right:14px; text-align:left; top:105px; width:728px; }
.element.search input#key { background-color:#B9B9B9; border:none; width:300px; height:18px; padding:3px; }
.element.ad728x90 iframe { height:90px; width:728px; }
.element.menu_header a { display:inline-block; width:75px; height:30px; margin-left:3px; }
.element.menu_header a#home { width:123px; }
.element.menu_header a#wgame { width:127px; }
.element.menu_header a#cgame { width:95px; display:none; }
.element.menu_header a#forum { width:155px; }
.element.menu_header a#help { width:155px; }
.element.menu_header a#topup { width:152px; }
.element.menu_header a#faq { width:135px; }

.w2b { background:url(../img/topup/bg_topup.jpg) no-repeat; overflow:hidden; position:relative; width:662px; height:160px; }
.w2b a { display:block; position:relative; height:85px; top:60px; width:570px; }

.link.topup {
	margin-top:15px;
	overflow:hidden;
	position:relative;
	width:662px;
}

.link.topup a { border:none; width:215px; height:75px; display:block; padding:0; margin:0 3px 3px 0; }
.link.topup a#f1 { background:url(../img/topup/btn_f1.jpg); }
.link.topup a#gpro { background:url(../img/topup/btn_gpro.jpg); }
.link.topup a#mtt { background:url(../img/topup/btn_mtt.jpg); }
.link.topup a#yt { background:url(../img/topup/btn_yt.jpg); }
.link.topup a#loh { background:url(../img/topup/btn_loh.jpg); }
.link.topup a#cscs { background:url(../img/topup/btn_cscs.jpg); }
.link.topup a#my { background:url(../img/topup/btn_my.jpg); }
.link.topup a#zt { background:url(../img/topup/btn_zt.jpg); }
.link.topup a#anu { background:url(../img/topup/btn_anu.jpg); }
.link.topup a#sg { background:url(../img/topup/btn_sg.jpg); }
.link.topup a#ft { background:url(../img/topup/btn_ft.png); }
.link.topup a#mogong { background:url(../img/topup/btn_mogong.png); }
.link.topup a#dragon { background:url(../img/topup/btn_dragon.png); }
.link.topup a#dreams { background:url(../img/topup/btn_dreams.png); }
.link.topup a#xj { background:url(../img/topup/btn_xj.png); }

.panel.page_footer span { font-size:9pt; color:#4A2E32; }
.panel.page_footer .link { overflow:auto; margin-top:10px; }
.link a { text-decoration:none; font-size:9pt; color:#4A2E32; padding:0 6px; border-left:1px solid; float:left; }
.link a.last { padding-right:6px; border-right:1px solid; }
.link a:hover { text-decoration:underline; }

/* Index */
.panel.index_left { width:680px; float:left; text-align:left; }
.panel.index_right { width:320px; float:right; text-align:center; }

.panel.index_left .content { padding:10px; }
.panel.index_left .content h2 { font-size:16px; }

.panel.index_bnr { height:268px; }
.element.index_bnr { width:660px; height:248px; left:10px; top:10px; }
.element.index_bnr iframe { overflow:hidden; }

.panel.index_news_forum { height:249px; overflow:hidden; }
.element.news_forum { background:url(../img/news_forum.png) no-repeat; width:339px; height:249px; }
.element.news_forum.news { background-position:0 0; left:0; top:0; }
.element.news_forum.forum { background-position:0 -249px; left:339px; top:0; }
.element.news_forum .header { height:80px; }
.element.news_forum .header a#more { display:block; height:20px; position:absolute; right:15px; top:20px; width:40px; }
.element.news_forum .data { padding:0 10px 0 15px; }
.element.news_forum .data div { margin-bottom:1px; height:17px; overflow:hidden; }
.element.news_forum .data span, .element.news_forum .data a { font-size:9pt; }
.element.news_forum .data span { margin-right:10px; padding-left:5px; }
.element.news_forum .data a { text-decoration:none; color:blue; }
.element.news_forum .data a:hover { text-decoration:underline; color:red; }

.panel.index_game_latest, .panel.index_game_feature { background:url(../img/index_game_bottom.png) no-repeat scroll left bottom; padding-bottom:10px; top:-37px; }
.panel.index_game_feature { top:-25px; }
.panel.index_game_latest .header { background:url(../img/index_game_header.png) no-repeat scroll 0 0; height:70px; }
.panel.index_game_feature .header { background:url(../img/index_game_header.png) no-repeat scroll 0 -70px; height:70px; }
.panel.index_game_latest .body, .panel.index_game_feature .body { background:url(../img/index_game_body.png) repeat-y; }
.panel.index_game_latest table.game, .panel.index_game_feature table.game { position:relative; top:-20px; }
.panel.index_game_latest table.game td, .panel.index_game_feature table.game td { padding-bottom:7px; }
.panel.index_game_latest table.game img, .panel.index_game_feature table.game img { float:left; }
.panel.index_game_latest table.game div, .panel.index_game_feature table.game div { float:right; margin-right:5px; width:60%; }
.panel.index_game_latest table.game h4, .panel.index_game_feature table.game h4 { margin:0; font-size:9pt; }
.panel.index_game_latest table.game span, .panel.index_game_feature table.game span { font-size:9pt; }
.panel.index_game_latest table.game a, .panel.index_game_feature table.game a { color:red; font-weight:bold; text-transform:uppercase; font-size:9pt; }

.panel.ad300x250 { height:268px; }
.panel.ad300x250 iframe { width:300px; height:250px; margin-top:10px; }

.panel.facebook { height:133px; background:url(../img/fb.png) no-repeat scroll center top; overflow:hidden; }
.panel.facebook a { display:block; width:100%; height:100%; }

.panel.tv { height:195px; background:url(../img/tv.png) no-repeat scroll center top; overflow:hidden; }
.element.tv { background:url("../img/movie.png") no-repeat scroll center center transparent;
display:block;
height:115px;
margin-right:-60px;
margin-top:-45px;
right:50%;
top:50%;
width:115px; }

.panel.wallpaper { height:128px; padding-top:60px; background:url(../img/wallpaper.png) no-repeat scroll center top; overflow:hidden; }
.panel.wallpaper a { display:inline-block; width:95px; height:56px;}

/* Game Info */
.panel.game_left { width:200px; float:left; }
.panel.game_right { width:800px; float:right; text-align:left; }

.panel.mmorpg { height:375px; padding-top:50px; background:url(../img/bg_mmorpg.jpg) no-repeat scroll center top; text-align:left; overflow:hidden; }
.panel.mmorpg a { display:block; margin-bottom:5px; margin-left:20px; text-decoration:none; color:black; }

.panel.game_info { height:auto; margin-bottom:5px; overflow:hidden; }
.panel.game_info .panel.info, .panel.game_info .panel.ad300x250 { overflow:hidden; height:265px; }

.panel.info { float:left; width:485px; }
.element.info { height:246px; left:8px; top:9px; width:470px; }
.element.info h2 { font-size:20px; margin:5px 0; }
.element.link { z-index:1; width:200px; height:100%; right:5px; top:5px; }

.element.link .btn { background-image:url(../img/btn_set1.png); background-repeat: no-repeat; border:none; display:block; height:10px; padding:0; width:211px; }
.element.link .btn.download { background-position: 0 -110px; height:64px; }
.element.link .btn.facebook { background-position: 0 -96px; height:45px; }
.element.link .btn.register { background-position: 0 -10px; height:96px; }
.element.link .btn.register_v2 { background:url(../img/btn_reg.png) no-repeat; width:190px; height:96px; margin:0 0 3px 10px; }
.element.link .btn.login { background:url(../img/btn_login.png) no-repeat scroll 0 -3px; width:195px; height:65px; margin-left:10px; }
.element.link .btn.login_v2 { background:url(../img/btn_login_v2.png) no-repeat; width:190px; height:62px; margin:0 0 3px 10px; }
.element.link .btn.login2 { background:url(../img/btn_login2.png) no-repeat scroll 0 -3px; width:195px; height:98px; }
.element.link .btn.fb { background:url(../img/btn_fblogin.png) no-repeat; width:190px; height:42px; margin:0 0 3px 10px; }
.element.link .btn.fb_v2 { background:url(../img/btn_fb.jpg) no-repeat; width:195px; height:101px; margin:0 0 3px 10px; }
.element.link .btn.website { background-position: 0 -96px; height:44px; }
.element.link .btn.freebie {background-position: 0 -176px; height:44px; }
.element.link .btn.topup_guide { background-position: 0 -220px; height:44px; }

.panel.ad300x250 { width:315px; overflow:hidden; }
.panel.ad300x250 iframe { height:250px; left:8px; margin:0; position:absolute; top:8px; width:300px; z-index:2; }

.panel.game_info_extra { height:auto; width:800px; overflow:hidden; }
.panel.game_info_extra iframe { width:100%; }

.panel.link.bottom { width:590px; overflow:hidden; }
.panel.link.bottom .btn { background-image:url(../img/btn_set1.png); background-repeat: no-repeat; border:none; display:block; height:10px; padding:0; width:195px; }
.panel.link.bottom .btn.register { background-position: -10px -10px; height:96px; }
.panel.link.bottom .btn.register_v2 { background:url(../img/btn_regb.png) no-repeat; width:189px; height:94px; margin-right:3px; }
.panel.link.bottom .btn.download { background-position: -10px -110px; height:64px; }
.panel.link.bottom .btn.download2 { background:url(../img/btn_download2.png) no-repeat scroll 0 -3px; height:98px; }
.panel.link.bottom .btn.login { background:url(../img/btn_login.png) no-repeat scroll 0 -3px; width:195px; height:65px; }
.panel.link.bottom .btn.login_v2 { background:url(../img/btn_loginb.png) no-repeat; width:189px; height:94px; margin-right:3px; }
.panel.link.bottom .btn.login2 { background:url(../img/btn_login2.png) no-repeat scroll 0 -3px; width:195px; height:98px; }
.panel.link.bottom .btn.fb { background:url(../img/btn_fbloginb.png) no-repeat; width:191px; height:94px; margin-right:3px; }
.panel.link.bottom .btn.fb_v2 { background:url(../img/btn_fb.jpg) no-repeat; width:195px; height:101px; }
.panel.link.bottom .btn.freebie {background-position: -10px -176px; height:44px; }
.panel.link.bottom .btn.topup_guide { background-position: -10px -220px; height:44px; }

/* Static Information */
.static.faq p, .static.faq div.faq { padding-bottom: 5px; border-bottom:1px dotted; margin-bottom:2em; }
.static.terms h3.first, .static.privacy h3.first { margin-top:14px; }
.static.terms h3, .static.privacy h3 { margin-top:3em; }