﻿@charset "utf-8";
/* CSS Game 2010 Document */
body { background: url(../imgs/bg_body_new.gif) repeat-x #f3f3eb; }
/** div { border: 1px solid #FF0000; }*/
#header_wraptop div.subwrap {
/*	height: 190px;*/
              background:url(http://btgsf1.fsanook.com/css/game/2010/imgs/bg_body_new.gif) repeat-x scroll 0 -24px #F3F3EB;
}

}
div.subwrap h1 {
	width: 202px;
	height: 55px;
/*	position: absolute;
	top: 30px;
	left: 0;
	overflow: hidden;*/
}
div.subwrap h1 a {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	font-size: 100%;
	line-height: normal;
	text-indent: -9999px;
	cursor: pointer;
}
div.subwrap h1 span {
	display: block;
	text-indent: -9999px;
	background: url(../imgs/logo.png) no-repeat;
              margin:3px 0 0 15px;
}
/*div.top_banner {
	right: 0;
	top: 30px;
	width: 728px;
}
.loged {
	height: auto;
	right: 0;
	text-align: right;
	top: 5px;
	width: auto;
}*/
.sub_search {
	width: 948px;
/*	top: 160px;*/
	border-left: 1px solid #2666af;
	border-right: 1px solid #2666af;
	background: url(../imgs/bg_search.gif) repeat-x;
	text-shadow: #e4faff 1px 1px 0;
}
.game_search {
	width: 242px;
	height: 20px;
	padding: 2px 4px;
	border: none;
	background: url(../imgs/bg_input_search.gif) no-repeat;
}
.sub_search form input { font: 12px Tahoma; }
.game_search { margin-right: 5px; }
.box_search_ch_list {
	font-family: Tahoma !important;
	font-size: 12px !important;
	padding: 2px;
	background-color: #FFF;
	border: 1px solid #c1c1c1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.sub_search form input.butt {
	border: none;
	margin: 0 0 0 5px;
	padding: 0;
	vertical-align: middle;
}
/* Webmaster Talk */
div.master_talk {
	float: none;
	width: 446px;
	height: 235px;
	padding: 10px;
	background: url(http://btgsf1.fsanook.com/css/game/2010/imgs/webmaster_talk.gif) no-repeat;
}
.master_talk ul {
	padding: 35px 0 0 130px;
	margin: 10px;
	list-style-type: none;
}
.master_talk ul li {
	font-size: 12px;
	color: #575757;
	text-align: right;
}
.master_talk ul li a { color: #737373; }
.master_talk .gmessage {
	height: 60px;
	margin: 35px 0 0 0;
	font-size: 14px;
	line-height: 17px;
}
.master_talk .gmsg-more { font-size: 11px; }
.dd-mm-yy { margin: 5px 0; }
.master_talk .geditor { margin: 3px 0 8px 0; }
.master_talk .gmore {
	padding: 0 30px 0 0;
	margin: 13px 0 0 0;
	font-size: 11px;
}
/* Sidebar left */
.nav2010 {
	height: 374px;
	background: url(../imgs/bg_flashgame.gif) no-repeat !important;
}
.nav2010 a:visited { text-decoration: none; }
.nav2010 a:hover {
	color: #00336F !important;
/*	font-weight: 700;*/
	text-decoration: underline;
}
.nav2010_other {
	height: 306px;
	background: url(../imgs/bg_left_menu_other.gif) no-repeat !important;
}
.nav2010_other ul li, .nav2010_other ol li {
	height: 45px !important;
	line-height: 45px !important;
	padding-left:0 !important;
	margin-bottom: 6px !important;
}
.nav2010_other ul li a, .nav2010_other ol li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
.nav2010_other ul li a:hover, .nav2010_other ol li a:hover {
	background: rgb(255,255,255);
	opacity: .25;
}
.nav2010 .h_nav2010 {
	height: 49px;
	text-indent: -9999px;
}
.nav2010 .h_nav2010_other { text-indent: -9999px; }
.nav2010 ul, .nav2010 ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.nav2010 ul li, .nav2010 ol li {
	color: #000 !important;
	height: 28px !important;
	line-height: 28px !important;
	padding-left: 38px !important;
	font-size: 12px !important;
	font-weight: normal !important;
	background-image: url(../imgs/icon_left_menu.gif);
	background-repeat: no-repeat;
	text-shadow: #a1e0ed 1px 1px 0;
}
.nav2010 ul li a, .nav2010 ol li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000 !important;
}
.nav2010 ul li.gam_food, .nav2010 ol li.gam_food { background-position: 14px 6px; }
.nav2010 ul li.gam_veget, .nav2010 ol li.gam_veget { background-position: 14px -22px; }
.nav2010 ul li.gam_dress, .nav2010 ol li.gam_dress { background-position: 14px -50px; }
.nav2010 ul li.gam_race, .nav2010 ol li.gam_race { background-position: 14px -78px; }
.nav2010 ul li.gam_fight, .nav2010 ol li.gam_fight { background-position: 14px -106px; }
.nav2010 ul li.gam_dance, .nav2010 ol li.gam_dance { background-position: 14px -134px; }
.nav2010 ul li.gam_hunt, .nav2010 ol li.gam_hunt { background-position: 14px -162px; }
.nav2010 ul li.gam_shoot, .nav2010 ol li.gam_shoot { background-position: 14px -190px; }
.nav2010 ul li.gam_adv, .nav2010 ol li.gam_adv { background-position: 14px -218px; }
.nav2010 ul li.gam_act, .nav2010 ol li.gam_act { background-position:14px -246px; }
.subnav2010 {
	height: auto !important;
}
.subnav2010 .h_nav2010 {
	height: 49px;
	text-indent: -9999px;
	background: url(../imgs/bg_h_subnav.gif) no-repeat !important;
}
.subnav2010 .bt_nav2010 {
	height: 50px;
	background: url(../imgs/bg_bt_subnav.gif) no-repeat !important;
	text-indent: -9999px;
}
.subnav2010 ul, .subnav2010 ol {
	background: url(../imgs/bg_subnav.gif) repeat-y !important;
}
.subnav2010 ul li, .subnav2010 ol li {
	height: 28px !important;
	line-height: 28px !important;
	background-position: 14px -275px !important;
}
.vote_box { text-shadow: #a8e5f2 1px 1px 0; }
#sidebar_left div.vote_box p.h-vote { text-indent: -9999px; }
#sidebar_left div.vote_box { margin-bottom: 5px; }
div.game_leftmenu_ads {
	position: relative;
	width: 160px;
	height: 275px;
	overflow: hidden;
	margin: 10px 0;
	background: url(../imgs/ad_game_left.gif) no-repeat;
}
div.game_leftmenu_ads ul li.head_ads {
	height: 46px;
	text-indent: -9999px;
}
/*div.game_leftmenu_ads ul { padding: 5px; }*/
div.game_leftmenu_ads ul li a { color: #FFF; }
div.game_leftmenu_ads ul li.viewall {
	position: absolute;
	bottom: 40px;
	right: 35px;
	border: none;
	background: none;
	height:10px;
	padding-bottom:3px;
	text-align:right;
}
div.game_leftmenu_ads ul li { border-bottom: none; }
div.game_leftmenu_ads ul li.viewall a {
	font-size: 12px;
	color: #d8e2e7;
}
/* Main Contents */
.playnow-thumb-show {
	padding: 0;
	margin-bottom: 10px;
	width: 466px;
}
.playnow-thumb-show ol {
	background: none;
	padding: 10px 0 0 10px;
}
.playnow-thumb-show ol li ul.list-game-info {
	width: 135px;
	height: 190px;
	margin: 0;
	margin-right: 15px;
}
.playnow-thumb-show ol li ul.list-game-info li {
	font-size: 11px;
	line-height: 15px;
	text-align: center;
}
.playnow-thumb-show ol li ul.list-game-info li a, .playnow-thumb-show ol li ul.list-game-info li strong a { color: #8F8F8F; }
.playnow-thumb-show ol li ul.list-game-info li.img_hilight img {
	width: 135px;
	height: 100px;
	margin-bottom: 5px;
}
.playnow-thumb-show {
	border: none;
	padding: 0;
}
.h-game-box {
	clear: both;
	height: 34px;
	line-height: 31px;
	padding: 0 0 0 60px;
	background: url(../imgs/bg_tab_454.gif) no-repeat 10px 0;
	text-shadow: #f5f3f1 1px 1px 0;
	text-indent: -9999px;
}
.h-game-box a {
	color: #66583d;
	text-decoration: none;
}
/* h-game-box */
.h-match {
	background: url(../imgs/bg_tab_match.gif) no-repeat 10px 0;
}
.h-brain {
	background: url(../imgs/bg_tab_brain.gif) no-repeat 10px 0;
}
.h-shooting2 {
	background: url(../imgs/bg_tab_shooting2.gif) no-repeat 10px 0;
}

.h-action {
	background: url(../imgs/bg_tab_action.gif) no-repeat 10px 0;
}
.h-adventure {
	background: url(../imgs/bg_tab_adventure.gif) no-repeat 10px 0;
}
.h-cooking {
	background: url(../imgs/bg_tab_cooking.gif) no-repeat 10px 0;
}
.h-socialgame {
	background: url(http://btgsf1.fsanook.com/css/game/imgs/playtown/bg_tab_socialgame.gif) no-repeat 10px 0;
}
.h-dancing {
	background: url(../imgs/bg_tab_dancing.gif) no-repeat 10px 0;
}
.h-dress {
	background: url(../imgs/bg_tab_dress.gif) no-repeat 10px 0;
}
.h-fighting {
	background: url(../imgs/bg_tab_fighting.gif) no-repeat 10px 0;
}
.h-fishing {
	background: url(../imgs/bg_tab_fishGame.gif) no-repeat 10px 0;
}
.h-frame {
	background: url(../imgs/bg_tab_frame.gif) no-repeat 10px 0;
}
.h-matching {
	background: url(../imgs/bg_tab_matching.gif) no-repeat 10px 0;
}
.h-racing {
	background: url(../imgs/bg_tab_racing.gif) no-repeat 10px 0;
}
.h-shooting {
	background: url(../imgs/bg_tab_shooting.gif) no-repeat 10px 0;
}
/*flash*/
.h-new {
	background: url(../imgs/bg_tab_new.gif) no-repeat 10px 0;
}
/*win*/
.h-point {
	background: url(../imgs/bg_tab_point.gif) no-repeat 10px 0;
}
/* END h-game */
.playnow-thumb-show .link-more {
	font-size: 12px;
	right: 35px;
	top: -25px;
}
.playnow-thumb-show .link-more a {
	color: #7e7b75;
	text-decoration: none;
}
a:link { margin-right:0; }

/* Sidebar Right */
.game_hit {
	float: none;
	background: url(../imgs/bg_right_2010.gif) repeat-y !important;
}
.new_game_hit {
	float: none;
	background: url(../imgs/bg_right_2010.gif) repeat-y !important;
}
.new_game_hit:after {
	content: ".";
	display: block;
	clear: left;
	visibility: hidden;
	height: 0;
}
#game_hit {
	margin-bottom: 10px;
	background: url(../imgs/bg_right_2010.gif) repeat-y;
}
#game_hit:after {
	content: ".";
	display: block;
	clear: left;
	visibility: hidden;
	height: 0;
}
.more_hit {
	clear: left;
	height: 10px;
	padding: 0;
	margin: 0;
	background:url(../imgs/bg_right_sbt.gif) no-repeat left bottom;
}
.game_hit img {
	float: none;
	margin: 0;
}
.game_hit ul, .game_hit_list, .game_hit_list ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.game_hit ul li {
	min-height: 20px;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	border-bottom: 1px solid #d9d9d4;
}
.game_hit ul li span {
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: #8F8F8F;
}
.game_hit ul li a { color: #6c6c6c; }
.game_hit ul li img {
	border: 0;
	vertical-align: middle;
}
.game_hit_list { }
.game_hit_list:after {
	content: ".";
	display: block;
	clear: left;
	visibility: hidden;
	height: 0;
}
ol.game_hit_list li ul { clear: left; min-height: 110px; }
ol.game_hit_list ul li.game_hit_thumb {
	float: left;
	width: 110px;
}
ol.game_hit_list ul li.game_hit_info {
	float: left !important;
	width: 150px;
	font-size: 12px;
	color: #8f8f8f;
}
ol.game_hit_list ul li.game_hit_info a {
	color: #8f8f8f;
	text-decoration: none;
}
ol.game_hit_list ul li.game_hit_info a:hover { text-decoration: underline; }
ol.game_hit_list ul li.game_hit_info .hit_no1 {
	height: 31px;
	line-height: 31px;
	padding-left: 31px;
	background: url(../imgs/no1.gif) no-repeat;
}
/**/
.game_hit_list2 { clear: both; }
.game_hit_list2:after {
	content: ".";
	display: block;
	clear: left;
	visibility: hidden;
	height: 0;
}
.game_hit_list2 ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	min-height: 110px;
}
.game_hit_list2 ul li.game_hit_thumb {
	float: left;
	width: 110px;
}
.game_hit_list2 ul li.game_hit_thumb img {
	width: 100px;
	height: 100px;
}
.game_hit_list2 ul li.game_hit_info {
	float: left !important;
	width: 150px;
	font-size: 12px;
	color: #8f8f8f;
}
.game_hit_list2 ul li.game_hit_info a {
	color: #8f8f8f;
	text-decoration: none;
}
.hit_no1, .hit_no2, .hit_no3, .hit_no4, .hit_no5 {
	height: 31px;
	line-height: 31px;
	padding-left: 31px;
}
.game_hit_list2 ul li.game_hit_info .hit_no1 { background: url(../imgs/no1.gif) no-repeat; }
.game_hit_list2 ul li.game_hit_info .hit_no2 { background: url(../imgs/no2.gif) no-repeat; }
.game_hit_list2 ul li.game_hit_info .hit_no3 { background: url(../imgs/no3.gif) no-repeat; }
.game_hit_list2 ul li.game_hit_info .hit_no4 { background: url(../imgs/no4.gif) no-repeat; }
.game_hit_list2 ul li.game_hit_info .hit_no5 { background: url(../imgs/no5.gif) no-repeat; }

/**/
p.show_game_hit { clear: none; }
p.right_buttom {
	clear: none;
	width: 264px;
	background: url(../imgs/bg_right_bt2010.gif) no-repeat center bottom;
	height: 41px;
	line-height: 41px;
	padding-right: 36px;
	text-align: right;
}
p.right_buttom a {
	color: #FFF;
	font-size: 13px;
}
/* Game Update */
.rupdate_over {
	width: 300px;
	height: 64px;
	overflow: hidden;
	display: block;
	background: url(../imgs/tab_gupdate.gif) no-repeat;
	text-indent: -9999px;
}
/* News Game */
.rnews_over {
	width: 300px;
	height: 64px;
	overflow: hidden;
	display: block;
	background: url(../imgs/tab_gnews.gif) no-repeat;
	text-indent: -9999px;
}
/* Game Download */
.rdownload_over {
	width: 300px;
	height: 64px;
	overflow: hidden;
	display: block;
	background: url(../imgs/tab_gmobile.gif) no-repeat;
	text-indent: -9999px;
}
div.new_game_hit img {
	float: none;
	margin: 5px 5px 0 0;
}
/* Mobile Game */
.list-game-info {
	float: left;
	width: 130px;
	height: 180px;
	padding: 0;
	margin: 10px;
	list-style-type: none;
}
.list-game-info li {
	text-align: center;
	font-size: 11px;
	color: #8f8f8f;
	padding: 2px 0;
}
.list-game-info li span {
	padding: 0;
	margin: 0;
	color: #ff4e00;
}
.list-game-info li img.icon_call {
	padding: 0;
	margin: 0;
	border: none;
	vertical-align: middle;
}
.list-game-info li strong a, .list-game-info li a {
	color: #8f8f8f !important;
	font-weight: normal;
	text-decoration: none;
}
.list-game-info li.img_hilight img {
	width: 100px;
	height:130px;
	margin-bottom: 5px;
}
/* Highlight Big */
* {
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
	outline: none;
	font-family: Tahoma;
}
.big-hl-mob-game {
	position: relative;
	width: 466px;
	height: 239px;
	padding: 0;
	background: url(../imgs/bg-hl-big.gif) no-repeat;
}
.big-hl-mob-game ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.img-big {
	position: absolute;
	top: 28px;
	left: 3px;
	width: 376px;
	height: 205px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.img-big p img {
	width: 376px;
	height: 205px;
}
.hilight-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 356px;
	padding: 10px;
	margin: 0;
	list-style-type: none;
	background: rgb(0, 0, 0);
	filter: alpha(opacity=75);
	opacity: .75;
}
.summary {
	font-size: 11px;
	line-height: 16px;
	color: #FFF;
	overflow: hidden;
}
.header-info { font-size: 15px; }
.header-info a {
	color: #FFFF00;
	text-decoration: none;
}
.thumb-list {
	position: absolute;
	top: 28px;
	right: 3px;
	width: 89px;
	height: 205px;
	overflow: hidden;
	z-index: 89;
}
.thumb-list ol {
	position: relative;
	width: 89px;
	padding: 0 0 0 7px;
	margin: 0;
	list-style-type: none;
}
.thumb-list ol li {
	position: relative;
	width: 81px;
	height: 49px;
	margin: 1px 0 2px 0;
}
.thumb-list ol li img {
	position: relative;
	width: 81px !important;
	height: 49px !important;
	padding: 0;
	margin-left: 6px;
	z-index: 87;
}
.thumb-list ol li a {
	display: block;
	position: absolute;
	top: -1px;
	left: -7px;
	width: 89px;
	height: 53px;
	z-index: 88;
}
.thumb-list ol li a:hover {
	display: block;
	width: 89px;
	height: 53px !important;
	padding: 2px 0 !important;
	margin-bottom: 2px !important;
	background: url(../imgs/hl-border.gif) no-repeat;
	z-index: 90;
}
#game_mobile { width: 300px; }


/*********** 15/09/2011 15.15 *************/
.contain-pgs{width:760px;height:61px; margin-top:10px;}
.contain-tabGameNow{float:left;width:331px;height:61px;background:url(../imgs/tabGameNow.gif) no-repeat;}
.contain-tabGameNow .iconGame{float:left;margin:5px;}
.contain-tabGameNow .textGame{float:left;margin:12px 0px;}
.contain-tabGameNow .textGame .aNameGame{font:bold 14px Tahoma;color:#fff;text-decoration:none}
.contain-tabGameNow .textGame .aFcGame{font:11px Tahoma;color:#fff;text-decoration:none;}
.contain-selectGameOther{float:left;width:424px;height:61px;background:url(../imgs/tabGameOther-bg.gif) repeat-x;margin-left:5px; overflow:hidden;}
.contain-selectGameOther .head{background:url(../imgs/tabGameOther-head.gif);width:5px;height:61px;float:left;}
.contain-selectGameOther .areaSlide{float:left;width:410px;margin:3px 0px;}
.contain-selectGameOther .foot{background:url(../imgs/tabGameOther-foot.gif);width:5px;height:61px;position:absolute;right:6px;top:29px;_right:10px;}
.areaGame{width:760px;height:689px;}
.tabSlideGame-social{width:200px;clear:both;padding:0;margin:0;position:absolute;display:block;top:35px;left:396px;}
.tabSlideGame-social ul li img{height:50px;width:70px;}
.tabSlideGame-social ul li{margin:0 !important; padding:0 !important; width:80px !important;}
/*****************************/
.bx-next {position:absolute; top:21%; right:-37px; z-index:999; width: 30px; height: 30px; text-indent: -999999px; background: url(../imgs/gray_next.gif) no-repeat 0 -30px;}
.bx-prev {position:absolute; top:21%; left:-37px; z-index:999; width: 30px; height: 30px; text-indent: -999999px; background: url(../imgs/gray_prev.gif) no-repeat 0 -30px;}
.bx-pager a {margin-right: 5px; color: #fff; padding: 3px 8px 3px 6px; font-size: 12px; zoom:1; background: url(../imgs/gray_pager.png) no-repeat 0 -20px;}
.bx-auto .start {background: url(../imgs/gray_auto.png) no-repeat 0 2px; padding-left: 13px;}
.bx-auto .stop {background: url(../imgs/gray_auto.png) no-repeat 0 -14px; padding-left: 13px;}
.bx-next:hover,.bx-prev:hover {background-position: 0 0;}
/*****************************/
.boxSideSCGame{background:url(../imgs/bgSidebarSCGame.png) no-repeat; height:233px; display:block;text-decoration:none;}
.boxSideSCGame ul{ line-height: 10px;margin: 30px 0 0;padding: 0 0 0 10px; _margin:25px 0 0 !important; /*margin:40px 0 0;*margin:30px 0 0 0; padding:0 0 0 10px; line-height:10px;*/}
.boxSideSCGame ul li{ position:relative; margin:0; padding:8px 0 0 33px; _padding:0 0 3px 33px; _margin:0;  *padding:1px 0 2px 33px; *margin-top:2px;/*margin:0; padding:8px 0 0 33px; _padding:4px 0 2px 33px; _margin:0 0 2px 0;*/}
.boxSideSCGame ul li a{text-decoration:none !important; font:12px Tahoma; text-shadow:1px 1px 0 #52bfb8; color:#000 !important; position:relative; top:4px;}
.boxSideSCGame ul li a:hover{color:#666;text-decoration:none;}
.headSideSC{text-indent:-9999px; display:block;}
.icgSc{background:url(../imgs/icGameSC.png) no-repeat left;width:110px;height:20px;}
.icgsc01{background-position:0px 6px;_background-position: 0 3px;*background-position: 0 0;}
.icgsc02{background-position:0px -23px;_background-position: 0 -26px;*background-position: 0 -29px;}
.icgsc03{background-position:0px -50px;_background-position: 0 -53px;*background-position: 0 -56px;}
.icgsc04{background-position:0px -78px;_bbackground-position: 0 -81px;*background-position: 0 -84px;}
.icgsc05{background-position:0px -107px;}
.icgsc06{background-position:0px -134px;}
.icgsc07{background-position:0px -169px;}
.icgsc08{background-position:0px -199px;}
.icgsc09{background-position:0px -228px;}
.icgsc10{background-position:0px -251px;}
.icgsc00{ background:none !important;}
.boxctwm{height:100px; border:1px dashed #2ab3d5; color:#666; font:12px Tahoma; padding:5px;}
.boxctwm span{ color:#2ab3d5; font:700 13px Tahoma;}
.boxctwm ul{ margin:4px 0 0 -5px; padding:0 0 0 10px; line-height:10px;}
.boxctwm ul li{ margin:0; padding:8px 0 0 33px; _padding:6px 0 0 30px;}
.findFB {background: url("../imgs/pt-bg-facebook.png") no-repeat scroll 0 0 transparent;height: 210px;margin-top: 13px;padding: 15px 2px;text-align: center;width: 296px;}
/*****************************/
.listCatGameFlash2011{width:750px;}
.listCatGameFlash2011 ul{ padding:0 0 0 30px;}
.listCatGameFlash2011 ul li{display:block; width:110px; margin:3px 20px 3px 3px; padding:5px; text-align:left; line-height:25px; position:relative; float:left;}
.listCatGameFlash2011 ul li a{ text-decoration:none !important; font:700 12px Tahoma; color:#06f;}
.listCatGameFlash2011 ul li a.bt{background:url(../imgs/bt-playnow-on.gif) no-repeat right; width:66px; height:16px; z-index:9999px; position:absolute; top:90px; right:15px; text-indent:-9999px; display:block;}
.listCatGameFlash2011 ul li a.bt:hover{background:url(../imgs/bt-playnow-off.gif) no-repeat right;}
.listCatGameFlash2011 ul li a img{ border:0; padding:5px;}
.listCatGameFlash2011 ul li span{font:12px Tahoma; color:#666; margin:3px 0 0 0;}
