@charset "utf-8";
/*  CSS Document 
	Site Name: Flash Games
	Site URI: http://games.yb88.org
	Description: Simple, nice.
	Version: 1.2
	Author: yb88.org
	Author URI: http://www.yb88.org/
	Tags: Flash, Flash Game, Game, widget ready
*/

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,span {margin: 0; padding:0;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	text-align:center;
	color:#6A6A6A;
	/*	background-color:#696866;*/
	background-color:#1b1c1e;
	background-image: url(../images/yb88-game-bf.jpg);
	background-repeat: no-repeat;
	background-position: center top;}

img	 {border:0px;}   
dl,ul {list-style-type:none;} 
h1, h2, h3, h4, h5, h6 {margin: 0;}

.georgia { font-family:georgia,times,serif;}  
.italic { font-style: italic;}

a:link {text-decoration: none; color: #6A6A6A;}
a:visited {text-decoration: none; color: #6A6A6A;}
a:active {text-decoration: none; color: #6A6A6A;}
a:hover {text-decoration: underline; color: #FF0000;}

.style-red {color:#FF0000;}
.style-red a:link , .style-red a:visited , .style-red a:active {color:#fff; text-decoration: none;}  
.style-red a:hover {text-decoration: none; color:#FF0000;}
.style-red1 {color: #fff;}
.style-red1 a:link , .style-red1 a:visited , .style-red1 a:active {text-decoration: none; color:#fff;} 
.style-red1 a:hover {text-decoration: underline; color: #FF0000;}
.style-red2 {color: #eee;}
.style-red2 a:link , .style-red2 a:visited , .style-red2 a:active {text-decoration: none; color:#eee;} 
.style-red2 a:hover {text-decoration: underline; color: #FF0000;}

#BOX,#HEADER,#MENU,#FOOTER {clear:both; width:986px; margin:0 auto; padding:0; text-align:left; overflow:hidden;} 
.BODE {clear:both; width:966px; padding:9px 9px 0 9px; margin:0 auto; overflow:hidden; text-align:left; background-color:#eeeeee; margin-bottom:10px; border:1px #fff solid; background-image:url(../images/yb88-game-dot.gif); background-repeat: repeat-x; background-position:top;}
.Gray-1px {border:1px #cccccc solid;}
.White-1px {border:1px #ffffff solid;}
.dot {clear:both; height:10px; overflow:hidden; background-image:url(../images/yb88-game-dot.gif); background-repeat: repeat-x;}
.both {clear:both;} 
.both9 {clear:both; height:9px; overflow:hidden;} 
.both10 {clear:both; height:10px; overflow:hidden;} 

/* =========================================  yb88.org HEADER  ================================================== */
#HEADER {clear:both; height:194px; margin-bottom:10px;}
#HEADER dl {clear:both;}   #HEADER dt {clear:both;}   #HEADER dd {float:left;}
#HEADER h5 {clear:both; width:986px; height:19px; line-height:18px; font-size:11px; font-weight:normal; background:#333333; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#HEADER h5 span {float:right;}
#HEADER h5 a { padding:0 10px 0 7px;}
.HEADER-logo {width:229px; height:90px; margin:3px 17px 0 2px;}
/*.HEADER-468x60 {width:468px; height:60px; margin:18px 26px 15px 0px;}*/
.HEADER-234x60 {width:234px; height:60px; margin:18px 0px 15px 12px;}
#HEADER h2 {clear:both; width:986px; height:40px; line-height:40px; font-size:13px; text-align:left; background-image:url(http://www.yb88.org/skin/wallpaper/images/yb88-wallpaper-nav-tbg.png); background-repeat: repeat-x; white-space:nowrap; overflow:hidden;}
#HEADER h2 a {height:40px; line-height:40px; padding:12px 11px 12px 11px;}
#HEADER h2 a:hover {height:40px; line-height:40px; padding:12px 11px 12px 11px; color:#FFFFFF; background-image:url(../images/yb88-game-menu-action.png); background-repeat: repeat-x;}
.onmenu {height:40px; line-height:40px; padding:12px 11px 12px 11px; background-image:url(../images/yb88-game-menu-action.png); background-repeat: repeat-x;}
#HEADER-gg {clear:both; width:966px; height:22px; padding:8px 10px 2px 10px; background:#333333; border-top:1px #ff0000 solid;}
@media all and (min-width:0px){ #HEADER-gg {clear:both; width:966px; height:20px; padding:7px 10px 4px 10px; background:#333333;} }
#HEADER-gg span {float:right; height:22px; font-size:12px; line-height:17px; text-align:right; overflow:hidden;}

/* =========================================  yb88.org MAIN  ================================================== */

.MAIN-Genre {float:left; width:738px; background:#fff;}

.MAIN-Newest {clear:both; width:964px; margin-bottom:9px; background:#fff; overflow:hidden;}
.MAIN-Newest-box {clear:both; width:964px; overflow:hidden;}
.MAIN-Newest-list {float:left; width:728px; padding-left:10px; overflow:hidden;}
.MAIN-Newest-list img {width:164px; height:120px; padding:2px; border:2px #eee solid; margin:0 7px 4px 0; *margin:0 7px 6px 0;}
@media all and (min-width:0px){.MAIN-Newest-list img {margin:0 7px 8px 0;}}
.MAIN-Newest-list A:hover img {border-color:#ff0000;}
.MAIN-Newest-list h1 {float:left; width:152px; height:28px; line-height:28px; font-size:12px; margin-right:10px; padding-left:20px;	font-weight:normal; white-space:nowrap; overflow:hidden; border-bottom:1px #ccc dashed; background-image:url(../images/yb88-game-list-i.png); background-repeat:no-repeat; background-position:left top;}
.MAIN-Newest-list h1:hover {width:152px; height:28px; line-height:28px; font-size:12px; margin-right:10px; padding-left:20px; font-weight:normal; border-bottom:1px #ccc dotted; white-space:nowrap; overflow:hidden; background-image: url(../images/yb88-game-list-i.png); background-repeat:no-repeat;background-position:left bottom;}

.MAIN-Newest-side {float:left; width:216px; background:#333; overflow:hidden;}
.MAIN-Newest-side h2 {width:196px; height:35px; line-height:35px; font-size:13px; padding:0 10px; margin:3px 0 5px 0; color:#fff; border-bottom:1px #ccc solid; border-top:5px #ff0000 solid;}
.MAIN-Newest-side h3 {width:176px; height:28px; line-height:28px; font-size:12px; margin:0 10px; padding-left:20px; font-weight:normal; overflow:hidden; white-space:nowrap; border-bottom:1px #6b6b6b dashed; position:relative;}
.MAIN-Newest-side h3 p {width:14px; height:12px; line-height:12px; font-size:10px; font-weight:normal; text-align:center; text-decoration:none; border:1px #ff0000 solid; overflow:hidden; position:absolute; top:7px; left:0;}
.MAIN-Newest-side h3:hover p {width:14px; height:12px; line-height:12px; font-size:10px; font-weight:normal; text-align:center; text-decoration:none; border:1px #fff solid; background:#ff0000; overflow:hidden; position:absolute; top:7px; left:0;}
.MAIN-Newest-side h4 {width:196px; height:32px; line-height:32px; font-size:13px; padding:0 10px; margin-top:5px; border-bottom:5px #ff0000 solid;}

.MAIN-link {float:left; width:478px;}
.MAIN-link h4 {width:466px; height:30px; line-height:30px; color:#fff; padding-left:10px; background-color:#1b1c1e;}
.MAIN-link-list {width:466px; padding:5px; background:#fff; border:1px #ddd solid;}

/*.Newest-side {clear:both; width:196px; height:458px; position:relative; overflow:hidden;}
.Newest-side span {color:#ff0000; position:absolute; top:-32px; right:5px; z-index:11;}
.Newest-side ul {clear:both; width:196px; left:0; position:absolute; z-index:10;}
.Newest-side ul li {clear:both; margin-bottom:10px; height:70px;}
.Newest-side ul li h3 {clear:both; width:196px; height:20px; line-height:20px; font-size:12px; color:#eee;}
.Newest-side ul li img {float:left; width:90px; height:60px; padding:1px; border:1px #ccc solid; margin-left:5px;}
.Newest-side ul li p {float:left; width:90px; height:60px; color:#eee;}


#Newest-side {}
#Newest-side span {left:0;}
.Newest-side-link {position:absolute;left:0; width:100%; height:0; overflow:hidden; visibility:hidden;}
.Newest-side-title   {position:relative; cursor:pointer; width:100%; background:#333; font-family:tahoma; font-size:12px; color:#fff; line-height:29px; height:29px; text-align:left; overflow:hidden; border-bottom:1px #ccc dashed; left:0;}
.Newest-side-title_o {position:relative; cursor:pointer; width:100%; background:#ff0000; font-family:tahoma; font-size:12px; color:#fff; line-height:29px; height:29px; text-align:left; overflow:hidden; left:0;}
.Newest-side-text {position:relative;text-align:justify;padding:10px;font-family:tahoma;font-size:12px;background:#eee;overflow:hidden;height:90%}*/

/* =========================================  LIST  ================================================== */
.list-top {clear:both; width:986px; height:300px; margin:0 auto 10px auto; overflow:hidden;}
.list-top dl {float:left; width:630px;}
.list-top dt {clear:both;}
.list-top dd {float:left; width:180px; height:125px; padding:10px; margin:0 10px 10px 0; background:#333;}
.list-top dd img {width:180px; height:125px;}
.list-top-336x280 {float:left; width:336px; height:280px; padding:10px; background:#333;}

.list-side {float:left; width:214px; background:#fff; overflow:hidden; margin-right:10px;}
.list-side h2 {width:202px; height:37px; font-size:13px; line-height:37px; padding-left:10px; background:#333; color:#fff; border:1px #fff solid;}
.list-vside {width:214px; position:relative;}
.list-vside b {width:180px; font-size:13px; color:#fff; position:absolute; top:-44px; left:10px; white-space:nowrap;}
.list-vside img {width:182px; height:137px; padding:2px; border:2px #eee solid; margin:0 12px;}
.list-vside A:hover img {border-color:#ff0000;}
.list-vside h1 {width:190px; height:27px; font-size:13px; text-align:center; margin:0 12px;}
/*
.list-vside {width:214px; background:#fff; margin-right:10px;}
.list-vside h2 {width:202px; height:37px; font-size:13px; line-height:37px; padding-left:10px; background:#333; color:#fff; border:1px #fff solid;}
.list-vside-tab {width:214px; position:relative;}
.list-vside-tab b {width:180px; font-size:13px; color:#fff; position:absolute; top:-44px; left:10px; white-space:nowrap;}
.list-vside-tab h1 {width:174px; height:28px; line-height:28px; font-size:12px; padding-left:20px;	font-weight:normal; white-space:nowrap; overflow:hidden; border-bottom:1px #ccc dashed; background-image:url(../images/yb88-game-list-i.png); background-repeat:no-repeat; background-position:left top; margin:0 10px;}
.list-vside-tab h1:hover {width:174px; height:28px; line-height:28px; font-size:12px; padding-left:20px; font-weight:normal; border-bottom:1px #ccc dotted; white-space:nowrap; overflow:hidden; background-image: url(../images/yb88-game-list-i.png); background-repeat:no-repeat;background-position:left bottom; margin:0 10px;}
.list-vside-tab img {width:180px; height:135px; padding:2px; border:2px #eee solid; margin:0 12px;}
.list-vside-tab A:hover img {border-color:#ff0000;}
.list-vside-tab h3 {width:188px; height:25px; font-size:12px; text-align:center; margin:0 12px;}
*/
.list-content {float:left; width:738px; background:#fff;}
.list-content h2 {clear:both; width:726px; height:37px; font-size:13px; line-height:37px; padding-left:10px; background:#333; color:#fff; border:1px #fff solid; margin-bottom:10px;}
.list-content h2 span {float:right; font-size:12px; height:20px; line-height:20px; padding:17px 10px 0 0;}
/*.list-content dl {clear:both; width:738px;}  
.list-content dt {clear:both;}  
.list-content dd {float:left; width:172px; margin:0 0 10px 10px; position:relative;}
.list-content dd img {width:164px; height:123px; padding:2px; border:2px #eee solid;}
.list-content dd A:hover img {border-color:#FF0000;}
.list-content dd h1 {width:172px; height:20px; line-height:20px; font-size:13px; text-align:center; white-space:normal; overflow:hidden;}*/
.list-content-728x90 {width:728px; height:90px; margin:0 5px;}

/* =========================================  yb88.org VIEWS  ================================================== */
.VIEW-top {
	clear:both;
	width:986px;
	margin:0 auto 10px auto;
	background-image: url(../images/yb88-game-flash-show-bg.png);
	background-repeat: repeat-x;
	background-position: bottom;}
.VIEW-top dl {clear:both;}   .VIEW-top dt {clear:both;}    .VIEW-top dd {float:left;}
.VIEW-top h1 {width:986px; height:40px; line-height:40px; font-size:36px; text-align:center; color:#fff; margin-bottom:10px; white-space:nowrap; overflow:hidden;}
.VIEW-top-dl {width:746px; border-right:15px #333 solid;  border-bottom:15px #333 solid;  border-left:15px #333 solid; margin:0 auto;}
.VIEW-top-box {width:986px;}
.VIEW-top-728x15 {width:728px; height:15px; margin:5px auto 0 auto; padding:5px 24px 0 24px; background:#333;}
.VIEW-top-PREV {width:33px; height:50px; margin:130px 20px 0 52px; overflow:hidden;}
.VIEW-top-next {width:33px; height:50px; margin:130px 52px 0 20px; overflow:hidden;}
.VIEW-top-maxpic {width:425px; height:320px; background:#333; overflow:hidden;}
.VIEW-top-maxpic img {width:400px; height:300px; border:5px #333 solid; margin:0 5px 15px 10px;}
.VIEW-top-maxpic A:hover img {border-color:#ff0000;}
.VIEW-top-336x280 {width:336px; height:300px; background:#333; padding:5px 15px 15px 0; overflow:hidden;}
.VIEW-top-336x280 h3 {width:336px; height:20px; font-size:18px; line-height:20px;}
.VIEW-top-125x125 {width:125px; height:125px; background:#333; padding:6px; margin:10px 5px;}
.VIEW-top-58 {width:54px; height:125px; overflow:hidden;}

.VIEW-top-show {width:728px; height:100%; padding:15px 15px 5px 15px; background:#333; margin:0 auto; position:relative;}
.VIEW-top-show-125x125-left {width:125px; position:absolute; top:30px; left:-114px;}
.VIEW-top-show-125x125-left div {width:125px; height:125px; margin-bottom:5px;}
.VIEW-top-show-125x125-left h2 {width:125px; height:50px; line-height:50px; font-size:12px; background:#333; text-align:center; margin-bottom:5px;}
.VIEW-top-show-125x125-right {width:125px; position:absolute; top:30px; right:-114px;}
.VIEW-top-show-125x125-right div {width:125px; height:125px; margin-bottom:5px;}
.VIEW-top-show-125x125-right h2 {width:125px; height:50px; line-height:50px; font-size:12px; background:#333; text-align:center; margin-bottom:5px;}
.VIEW-top-show p {width:728px; height:100%; overflow:hidden;}
.VIEW-top-show-728x90 {width:728px; height:90px;}
/*.VIEW-top dl {clear:both; width:898px; margin:0 auto;}
.VIEW-top dt {clear:both;}
.VIEW-top dd {float:left;}
.VIEW-top-ddbutton1 {width:60px; margin-top:80px; padding:10px 0 0 10px; background:#333;}
.VIEW-top-ddbutton1 p {width:60px; height:60px; margin-bottom:10px; background:#fff;}
.VIEW-top-ddbutton2 {width:60px; margin-top:80px; padding:10px 10px 0 0; background:#333;}
.VIEW-top-ddbutton2 p {width:60px; height:60px; margin-bottom:10px; background:#fff;}
.VIEW-top-show {width:728px; height:100%; padding:15px; background:#333; overflow:hidden;}
.VIEW-top-show p {width:728px; height:100%; overflow:hidden;}
.VIEW-top-show-728x90 {width:728px; height:90px;}*/

/*.VIEW-tags {float:left; width:214px; background:#fff; margin-right:10px;}
.VIEW-tags h2 {width:202px; height:37px; font-size:13px; line-height:37px; padding-left:10px; background:#333; color:#fff; border:1px #fff solid;}
.VIEW-tags ol.decimal {list-style-type: decimal;}
.VIEW-tags ol li {clear:both; width:194px; height:20px; line-height:20px; margin:0 10px; border-bottom:1px #eee dotted;}*/
.VIEW-side {float:left; width:214px; background:#fff; margin-right:10px;}
.VIEW-side h2 {width:202px; height:37px; font-size:13px; line-height:37px; padding-left:10px; background:#333; color:#fff; border:1px #fff solid;}
.VIEW-side span {width:214px; position:relative;}
.VIEW-side span b {width:180px; font-size:13px; color:#fff; position:absolute; top:-44px; left:10px; white-space:nowrap;}
.VIEW-side span h1 {width:174px; height:28px; line-height:28px; font-size:12px; padding-left:20px;	font-weight:normal; white-space:nowrap; overflow:hidden; border-bottom:1px #ccc dashed; background-image:url(../images/yb88-game-list-i.png); background-repeat:no-repeat; background-position:left top; margin:0 10px;}
.VIEW-side span h1:hover {width:174px; height:28px; line-height:28px; font-size:12px; padding-left:20px; font-weight:normal; border-bottom:1px #ccc dotted; white-space:nowrap; overflow:hidden; background-image: url(../images/yb88-game-list-i.png); background-repeat:no-repeat;background-position:left bottom; margin:0 10px;}

.VIEW-content {float:left; width:738px; background:#fff;}
.VIEW-content h2 {clear:both; width:726px; height:37px; font-size:13px; line-height:37px; padding-left:10px; background:#333; color:#fff; border:1px #fff solid;}
.VIEW-content h2 span {float:right; margin-right:10px; font-size:12px;}
.VIEW-content dl {clear:both;}  
.VIEW-content dt {clear:both;}  
.VIEW-content dd {float:left;}
.VIEW-content-info {width:718px; height:40px; line-height:40px; margin:0 8px 0 10px; border-bottom:1px #eee dashed;}
.VIEW-content-info a { margin-right:8px; text-decoration: underline; color:#FF0000; font-weight:bold;}
.VIEW-content-info b {color:#FF0000; margin:0 5px;}
.VIEW-content-info span {color:#FF0000; font-weight:bold; margin:0 5px;}
.VIEW-content-info strong {color:#eee; margin:0 9px 0 4px;}
.VIEW-content-controls {width:342px; height:280px; margin:10px; padding:5px 10px; background:#eee; overflow-y:auto;}
.VIEW-content-controls h3 {font-size:14px; height:25px; line-height:25px; text-decoration:underline;}
/*.VIEW-content-controls {width:362px; height:290px; margin:10px 10px 10px 10px;}
.VIEW-content-controls h3 {clear:both; width:352px; height:120px; line-height:20px; padding:0 5px; font-size:12px; overflow-y:auto; font-weight:normal; background:#eee;}
.VIEW-content-controls h5 {color:#333; background:#fff; height:15px; line-height:15px; font-size:13px; padding:0 10px 5px 0; font-weight:bold;}
.VIEW-content-controls h4 {width:362px; height:0px; margin:12px 0 12px 0; border-bottom:1px #eee dashed; position:relative;}
.VIEW-content-controls h4 b {color:#333; background:#fff; font-size:13px; padding-right:10px; font-weight:bold; position:absolute; top:-12px; left:0;}
.VIEW-content-controls h5 font {font-size:12px; color:#FF0000; font-weight:bold;}*/
.VIEW-content-336x280 {width:336px; height:280px; margin:10px 10px 0 0; border:5px #333 solid;}
.VIEW-content-728x90 {width:728px; height:90px; margin:10px 5px;}

/* =========================================  TAG MENU  ================================================== */
.TAG-side {float:left; width:180px; padding:10px; background:#333;}
.TAG-side h2 {width:170px; height:37px; font-size:14px; line-height:37px; padding-left:10px; color:#333; background:#9c8867; margin-bottom:5px;}
#scrold-list-box {position:relative; overflow:hidden;}
#scrold-list-view {position:absolute;}
#scrold-list-view h1 {width:150px; height:23px; line-height:23px; font-size:12px; padding-left:30px; font-weight:normal; overflow:hidden; white-space:nowrap; border-bottom:1px #534747 dashed; position:relative;}
#scrold-list-view h1 p {width:18px; height:11px; line-height:11px; font-size:10px; font-weight:normal; text-align:center; text-decoration:none; border:1px #ff0000 solid; overflow:hidden; position:absolute; top:5px; left:3px;}
#scrold-list-view h1:hover p {width:18px; height:11px; line-height:11px; font-size:10px; font-weight:normal; text-align:center; text-decoration:none; border:1px #fff solid; background:#ff0000; overflow:hidden; position:absolute; top:5px; left:3px;}
#scrold-list-view h1 font {height:23px; line-height:23px; font-size:10px; color:#666; font-weight:normal; padding-left:10px;}



.TAG-content {float:left; width:786px; background:#9c8867;}
.TAG-content-search {width:766px; height:200px; padding:10px;}
.TAG-content-search h2 {clear:both; height:37px; font-size:13px; line-height:37px; padding-left:10px; background:#333; color:#fff; margin-bottom:10px;}
.TAG-content-search h3 {font-size:12px; line-height:30px; margin-left:10px;}
.TAG-content-search h3 p {width:100px; height:30px; font-size:11px; line-height:14px; font-weight:normal; color:#fff; overflow:hidden; white-space:pre-wrap; float:right; margin-right:5px;}
.TAG-content-search h3 strong {font-size:13px; color:#fff;}
.search-input {width:400px; font-size:14px; padding:4px; border:3px #333 solid; background-color:#ff0000; color:#fff; font-weight:bold; margin-left:100px; font-family:Arial,sans-serif;}
.search-select {background-color:#ff0000; color:#fff; margin-right:10px; font-weight:bold; border:1px #fff solid;}
.search-Button {width:100px; height:30px; line-height:20px; font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#fff;
   background-color:#333;}
.TAG-content dl {clear:both; width:784px; padding:9px 0; margin:0 auto; overflow:hidden; background-color:#eeeeee; border:1px #fff solid; background-image:url(../images/yb88-game-dot.gif); background-repeat: repeat-x; background-position:top;}
.TAG-content dt {clear:both;}
.TAG-content-nav {clear:both; height:37px; font-size:13px; line-height:37px; font-weight:bold; padding-left:10px; background:#333; color:#fff; margin:0 10px 8px 10px;}
.TAG-content-page {width:750px; height:22px; text-align:center;}
.TAG-content-728x90 {width:728px; height:90px; background:#333; margin:0 10px; padding:0 18px; border-top:5px #333 solid; border-bottom:5px #333 solid;}
.TAG-content dd {float:left; width:188px; height:168px; margin:6px 0 0 6px;}
.TAG-content dd img {width:180px; height:135px; padding:2px; border:2px #eee solid;}
.TAG-content dd A:hover img {border-color:#ff0000;}
.TAG-content dd h1 {width:180px; height:18px; line-height:18px; font-size:12px; text-align:center; white-space:nowrap; overflow:hidden; margin-bottom:7px;}

/* =========================================  yb88.org Play  ================================================== */
.Play-top {
	clear:both;
	width:986px;
	margin:0 auto 10px auto;
	background-image: url(../images/yb88-game-flash-show-bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.Play-top h1 {width:986px; height:40px; line-height:40px; font-size:36px; text-align:center; color:#fff; margin-bottom:10px; white-space:nowrap; overflow:hidden;}
.Play-top-show {width:728px; padding:15px 15px 5px 15px; background:#333; margin:0 auto; position:relative;}
.Play-top-show-125x125-left {width:125px; position:absolute; top:30px; left:-114px;}
.Play-top-show-125x125-left div {width:125px; height:125px; margin-bottom:5px;}
.Play-top-show-125x125-left h2 {width:125px; height:50px; line-height:50px; font-size:12px; background:#333; text-align:center; margin-bottom:5px;}
.Play-top-show-125x125-right {width:125px; position:absolute; top:30px; right:-114px;}
.Play-top-show-125x125-right div {width:125px; height:125px; margin-bottom:5px;}
.Play-top-show-125x125-right h2 {width:125px; height:50px; line-height:50px; font-size:12px; background:#333; text-align:center; margin-bottom:5px;}
.Play-top-show p {width:728px; overflow:hidden;}
#loadimg {width:528px; margin:100px; overflow:hidden;}
.Play-top-show-728x90 {clear:both; width:728px; height:90px; overflow:hidden;}

.Play-content {clear:both; width:966px; padding:9px 9px 0 9px; background-color:#d5d4d4; border:1px #fff solid; margin:0 auto;}
.Play-tcontent {float:left; width:190px;}
.Play-tcontent ul {clear:both; width:190px;}
.Play-tcontent ul h4 {width:190px; height:40px; line-height:40px; font-size:13px; color:#fff; background:#1b1c1e; margin-bottom:10px;}
.Play-tcontent ul li {width:190px; height:170px;}
.Play-tcontent ul li h3 {width:190px; height:145px; height:20px; line-height:20px; margin-bottom:5px; font-size:12px; font-weight:normal; overflow:hidden;}
.Play-tcontent ul li img {width:180px; height:135px; padding:3px; border:2px #fff solid;}
.Play-tcontent ul li A:hover img {border-color:#FF0000;}
.Play-list {float:left; width:546px; padding:9px; background:#fff; border:1px #999 solid; margin:50px 10px 0 10px; position:relative;}
.Play-list h4 {clear:both; width:554px; height:40px; line-height:40px; font-size:13px; color:#fff; text-align:left; background:#1b1c1e; padding-left:10px; position:absolute; top:-51px; left:0;}
.Play-list h4 strong {float:right; font-size:12px; line-height:20px; font-weight:normal; margin:20px 10px 0 0;}
.Play-list h1 {width:546px; height:50px; line-height:50px; font-size:16px; border-bottom:1px #ddd dashed;}
.Play-list-rating {clear:both; width:536px; height:30px; line-height:30px; font-size:12px; text-align:left; padding:5px; border-bottom:1px #ddd dashed; overflow:hidden;}
.Play-list-rating span , .Play-list b {margin:0 5px; color:#FF0000; font-weight:bold;}
.Play-list-rating ul {float:right; width:150px; height:30px;}
.Play-tlist {clear:both; width:546px;}
.Play-tlist h2 {clear:both; width:536px; height:40px; line-height:40px; font-size:14px; color:#1b1c1e; text-align:left; padding:0 5px;}
.Play-tlist h2 span {float:right; font-size:12px; font-weight:normal;}
.Play-tlist dl {clear:both; width:536px; padding:10px 5px; border-top:1px #ddd solid;}
.Play-tlist dt {clear:both; height:20px; line-height:20px; font-size:11px; text-align:left; padding-right:5px;}
.Play-tlist dt u {float:right; font-size:11px; text-decoration:none;}
.Play-tlist dt strong {color:#FF0000; font-size:12px; margin-right:10px;}
.Play-tlist dd {clear:both; line-height:20px; text-align:left; padding:5px; border-top:1px #ddd dashed;}
.Play-add {clear:both; width:536px; padding:10px 5px; border-top:1px #ddd solid;}
.Play-add p {clear:both; font-size:11px; text-align:left; padding:0 5px;}
.Play-add p span {float:right;}
.Play-add p textarea {width:100%;}

/* =========================================  yb88.org FOOTER  ================================================== */
.Topics {width:957px; padding:5px 0 5px 7px; border:1px #ddd solid; background:#fff; margin-bottom:9px;}
.Topics h1 {float:left; width:100px; height:25px; line-height:25px; font-size:12px; font-weight:normal; overflow:hidden; margin-right:6px; white-space:nowrap;}

#FOOTER dl {clear:both;}
#FOOTER dt {clear:both;}
#FOOTER dd {float:left;}
.Footer {background:#333;}
.Footer ul {float:left; width:234px; margin:10px 0 5px 10px;}
.Footer ul h4 {width:224px; height:30px; line-height:30px; font-size:14px; color:#fff; padding-left:10px; background-color:#1b1c1e; margin-bottom:10px;}
.Footer ul h4 span {font-size:11px; padding-left:5px;}
.Footer ul li {clear:both; width:234px; height:20px; line-height:20px; margin-bottom:5px; white-space:nowrap; overflow:hidden;}
.Footer ul li img {float:left; width:27px; height:20px; padding:0 5px;}
.Footer ul li h3 {float:left; width:197px; font-size:12px; line-height:20px; font-weight:normal; white-space:nowrap; overflow:hidden; cursor:pointer;}
.Footer-about {width:976px; height:40px; line-height:40px; padding-left:10px; background-image:url(../images/yb88-game-menu-bg.png); background-repeat:repeat-x; border-top:1px #1b1c1e solid; border-bottom:1px #ff0000 solid;}
.Footer-about a {margin:0 5px;}
.Footer-logoh {width:190px; margin:10px 5px;} 
.Footer-Address {width:636px; margin:10px 0 0 5px; line-height:18px;}
.Footer-Address span {float:right;}
.Footer-Record {width:135px; line-height:20px; margin:15px 10px 10px 0;}
.Footer-Record a {float:right; padding:0 4px; margin:0 0 5px 4px; border:1px #696866 solid; text-decoration:none;}
.Footer-Record a:hover {padding:0 4px; margin:0 0 5px 4px; border:1px #ff0000 solid; color:#fff; text-decoration:none;}
.Footer-Record img { border:0;}


/* =======================================  yb88.org Multi Tab =============================*/
.Mnbox {}
.Mnbox ul{
clear:both;
background:#333;
height:30px;
padding-top:7px;
margin-bottom:10px;
}
.Mnbox li{
float:left;
width:;
height:30px;
line-height:23px;
padding:0 8px;
border-left:8px solid #333;
display:block;
cursor:pointer;
text-align:center;
font-weight:bold;
color:#fff;
font-size:13px;
}
.Mnbox li.hover{
width:;
height:30px;
padding:0 8px;
background:#fff;
color: #FF0000;
line-height:28px;
text-align:center;
font-weight:bold;
	background-image: url(../images/yb88-game-multi-button-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
font-size:13px;
}

/* =======================================  yb88.org Multi Tab2 =============================*/
.mtab {}
.mtab ul{
clear:both;
height:15px;
}
.mtab li{
	float:right;
	width:15px;
	height:15px;
	padding:0 3px;
	display:block;
	cursor:pointer;
	text-align:center;
	background-image: url(../images/yb88-game-list-ii.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
}
.mtab li.hover{
	height:15px;
	width:15px;
	padding:0 3px;
	text-align:center;
	font-weight:bold;
	background-image: url(../images/yb88-game-list-ii.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: scroll;
}

/* =================================  yb88.org PEGE LIST  =========================================*/
.pagepage {
        height:22px; margin:9px; white-space:nowrap; clear:both;
}

.pagepage a{
        float: left; display: block;
        height: 20px; line-height: 20px;
        text-align: center; overflow: hidden;
        background-color: #fff;
        border: 1px solid #ff0000; color: #333;
        margin:0 3px; padding:0 8px;
        text-decoration: none; white-space:nowrap;
}
.pagepage a:hover{
        display: block;
        background-color: #ff0000;
        border: 1px solid #ff0000;
        text-align: center;
        text-decoration: none;
        color: #fff; white-space:nowrap;
}
.pagepage b{
        display: block;
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        background-color: #ff0000;
        border: 1px solid #ff0000;
        float: left;
        text-align: center;
        margin:0 3px;
        padding:0 8px;
        color: #ffffff; white-space:nowrap;
}

/* =========================================  yb88.org RATING  ================================================== */
.star-rating{ float:right;
list-style:none;
margin:5px 0 0 0;
padding:0px;
width: 150px;
height: 30px;
position: relative;
background: url(../images/star_rating.gif) top left repeat-x; 
}
.star-rating li{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.star-rating li a{
display:block;
width:30px;
height: 30px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.star-rating li a:hover{
background: url(../images/star_rating.gif) left center;
z-index: 2;
left: 0px;
}

.star-rating a.one-star{
left: 0px;
}
.star-rating a.one-star:hover{
width:30px;
}
.star-rating a.two-stars{
left:30px;
}
.star-rating a.two-stars:hover{
width: 60px;
}
.star-rating a.three-stars{
left: 60px;
}
.star-rating a.three-stars:hover{
width: 90px;
}
.star-rating a.four-stars{
left: 90px;
} 
.star-rating a.four-stars:hover{
width: 120px;
}
.star-rating a.five-stars{
left: 120px;
}
.star-rating a.five-stars:hover{
width: 150px;
}

.star-rating li.current-rating{
background: url(../images/star_rating.gif) left bottom;
position: absolute;
height: 30px;
width:90px;
display: block;
text-indent: -9000px;
z-index: 1;
} 

/* =========================================  yb88.org games-boxover  ================================================== */
.dvhdr1 {
    background:#333;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
	line-height:20px;
	color:#fff;
    padding:5px 7px;
    width:200px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
	white-space:normal;
	overflow:hidden;
}

.dvbdy1 {
    background:#666;
    font-family:arial;
    font-size:12px;
	line-height:16px;
	color:#eee;
    padding:7px;
    width:200px;
	text-align:left;
}
.dvbdy1 img { width:180px; height:135px; padding:5px; border:2px #eee solid; margin:3px;}

/* =========================================  yb88.org games-scroll  ================================================== */
.scroll-list dl {clear:both; width:738px;}  
.scroll-list dt {clear:both;}  
.scroll-list dd {float:left; width:172px; margin:0 0 10px 10px; position:relative;}
.scroll-list dd img {width:164px; height:123px; padding:2px; border:2px #eee solid;}
.scroll-list dd A:hover img {border-color:#FF0000;}
.scroll-list dd h1 {width:172px; height:20px; line-height:20px; font-size:13px; text-align:center; white-space:normal; overflow:hidden;}
.thumbnail-div {width:164px; height:; top:4px; left:4px; position:absolute; z-index:50;}
.info {background-color:#1C242B; width:154px; height:113px; display:none; color: #FFF; overflow:hidden; padding:5px; font-size:11px; line-height:15px;}
.info-button {float:right; cursor:pointer; width:30px; height:16px; overflow:hidden;}

/* =========================================  TAGS LIST MENU  ================================================== */
.tags-list {width:214px; height:548px; *height:541px; overflow:hidden; background:#fff; border:1px #cccccc solid;}
.tags-list h2 {width:202px; height:37px; font-size:13px; line-height:37px; padding-left:10px; background:#333; color:#fff; border:1px #fff solid; margin-bottom:7px;}
.tags-list-box {width:214px; overflow:hidden; background:#fff; margin-right:10px; position:relative;}
.tags-list-view {width:214px; position:absolute; left:0;}
.tags-list-view h1 {clear:both; width:154px; height:23px; line-height:23px; font-size:12px; padding:0 5px 0 30px; margin:0 10px; border-bottom:1px #eee dashed; position:relative;}
.tags-list-view h1 font {height:23px; line-height:23px; font-size:11px; font-weight:normal; padding-left:10px;}
.tags-list-view h1 p {width:14px; height:12px; line-height:12px; font-size:10px; color:#333; font-weight:normal; text-align:center; border:1px #ff0000 solid; overflow:hidden; position:absolute; top:5px; left:5px;}
.tags-list-view h1:hover p {width:14px; height:12px; line-height:12px; font-size:10px; color:#fff; font-weight:normal; text-align:center; border:1px #ff0000 solid; background:#ff0000; overflow:hidden; position:absolute; top:5px; left:5px;}
/* ---------------  MENU list  ----------------------*/

/* =========================================  TAG MENU  ================================================== 
.TAG-side {float:left; width:180px; padding:10px; background:#333;}
.TAG-side h2 {width:170px; height:37px; font-size:14px; line-height:37px; padding-left:10px; color:#333; background:#ff0000; margin-bottom:5px;}
.TAG-side h1 {width:150px; height:23px; line-height:23px; font-size:12px; padding-left:30px; font-weight:normal; overflow:hidden; white-space:nowrap; border-bottom:1px #534747 dashed; position:relative;}
.TAG-side h1 p {width:18px; height:11px; line-height:11px; font-size:10px; font-weight:normal; text-align:center; text-decoration:none; border:1px #ff0000 solid; overflow:hidden; position:absolute; top:5px; left:3px;}
.TAG-side h1:hover p {width:18px; height:11px; line-height:11px; font-size:10px; font-weight:normal; text-align:center; text-decoration:none; border:1px #fff solid; background:#ff0000; overflow:hidden; position:absolute; top:5px; left:3px;}
.TAG-side h1 font {height:23px; line-height:23px; font-size:10px; color:#eee; font-weight:normal; padding-left:10px;}



.TAG-content {float:left; width:786px;}
.TAG-content-search {width:766px; height:200px; padding:10px; background:#ff0000;}
.TAG-content-search h2 {clear:both; height:37px; font-size:13px; line-height:37px; padding-left:10px; background:#333; color:#fff; margin-bottom:20px;}
.TAG-content-search h3 {height:30px; font-size:13px; line-height:30px; text-align:center;}
.TAG-content-search h3 b {height:30px; line-height:20px; color:#333; margin-bottom:10px;}
.TAG-content-search h3 font {font-size:11px; font-weight:normal; color:#fff;}
.TAG-content-search h3 strong {color:#333;}
.search-input {width:400px; font-size:14px; padding:4px; border:3px #333 solid; background-color:#ff0000; color:#fff;}
.search-Button {width:100px; height:30px; font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#fff;
   background-color:#333;
}

.TAG-content dl {clear:both; width:784px; padding:9px 0; margin:0 auto; overflow:hidden; background-color:#eeeeee; border:1px #fff solid; background-image:url(../images/yb88-game-dot.gif); background-repeat: repeat-x; background-position:top;}
.TAG-content dt {clear:both;}
.TAG-content-nav {clear:both; height:37px; font-size:13px; line-height:37px; font-weight:bold; padding-left:10px; background:#333; color:#fff; margin:0 10px 8px 10px;}
.TAG-content-page {width:684px; height:22px; padding-left:100px;}
.TAG-content-728x90 {width:728px; height:90px; background:#333; margin:0 10px; padding-left:36px;}
.TAG-content dd {float:left; width:188px; margin:6px 0 0 6px;}
.TAG-content dd img {width:180px; height:135px; padding:2px; border:2px #eee solid;}
.TAG-content dd A:hover img {border-color:#ff0000;}
.TAG-content dd h1 {width:180px; height:20px; line-height:20px; font-size:12px; text-align:center; white-space:nowrap; overflow:hidden; margin-bottom:5px;}*/