@charset "utf-8";
/*  CSS Document 
	Site Name: Desktop Wallpapers
	Site URI: http://Wallpaper.yb88.org
	Description: Simple, nice.
	Version: 1.2
	Author: yb88.org
	Author URI: http://www.yb88.org/
	Tags: Desktop, Wallpapers, Mobile Wallpapers, Wallpaper.yb88.org, 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:#101721;
	background-image: url(../images/yb88-wallpaper-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;}

img	 {border:0px;}   
dl,ul {list-style-type:none;} 

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: #218FFE;}

.nav {width:auto; height:40px; font-size:13px; font-weight:bold; line-height:40px; background-image:url(../images/yb88-wallpaper-menu-bg.png); background-repeat:repeat-x; background-position:left top; position:relative;}
.mark {width:83px; height:16px; top:4px; right:20px; position:absolute;}
.rss {width:83px; height:16px; top:4px; right:110px; position:absolute;}
.tnav {width:auto; height:40px; font-size:13px; font-weight:bold; line-height:40px; background-image:url(../images/yb88-wallpaper-nav-tbg.png); background-repeat:repeat-x; background-position:left top; position:relative;}

.White-blue {color:#FFF;}
.White-blue a:link , .White-blue a:visited , .White-blue a:active {color:#fff; text-decoration: none;}  
.White-blue a:hover {text-decoration: none; color:#218FFE;}
.Gray-blue {color: #eee;}
.Gray-blue a:link , .Gray-blue a:visited , .Gray-blue a:active {text-decoration: none; color:#eee;} 
.Gray-blue a:hover {text-decoration: underline; color: #218FFE;}
.blue-White {color: #218FFE;}
.blue-White a:link , .blue-White a:visited , .blue-White a:active {text-decoration: none; color:#218FFE;} 
.blue-White a:hover {text-decoration: underline; color: #FFF;}

#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:#d5d4d4; border:1px #fff solid;}
.Gray-1px {border:1px #cccccc solid;}  .White-1px {border:1px #ffffff solid;}
.right-10 {margin-right:10px;}  .left-10 {margin-left:10px;}
.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*/159px;/* margin-bottom:10px;*/}
#HEADER h5 {clear:both; width:986px; height:19px; line-height:18px; font-size:11px; font-weight:normal; background:#000; 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 img {width:229px; height:90px; margin:3px 20px 0 2px;}*/
#HEADER-728x90 {float:right; width:728px; height:90px; margin:5px 10px 5px 0;}
#HEADER h2 {clear:both; width:986px; white-space:nowrap; overflow:hidden;}
#HEADER h2 a {height:40px; line-height:40px; padding:12px;}
/*#HEADER h2 a:hover {height:40px; line-height:40px; padding:12px 9px 12px 9px; color:#FFFFFF; background-image:url(../images/yb88-game-menu-action.png); background-repeat: repeat-x;}*/
/*#HEADER ul {clear:both; width:986px; height:40px; line-height:40px; font-weight:bold; background-image:url(../images/yb88-game-menu-bg.png); background-repeat: repeat-x;}
#HEADER ul li {float:left; padding:0 11px;}
#HEADER ul li:hover {padding:0 11px; color:#FFFFFF; background-image:url(../images/yb88-game-menu-action.png); background-repeat: repeat-x; overflow:hidden;}*/
.onmenu {height:40px; line-height:40px; padding:12px 9px 12px 9px; background-image:url(../images/yb88-game-menu-action.png); background-repeat: repeat-x;}
#HEADER-gg {clear:both; width:966px; height:28px; padding:4px 10px 2px 10px; *padding:0 10px 6px 10px; background:#fff; border-top:1px #ff0000 solid;}
@media all and (min-width:0px){ #HEADER-gg {clear:both; width:966px; height:28px; padding:3px 10px 4px 10px; background:#fff;} }
.HEADER-468x15 {float:left; width:468px; height:20px; margin-top:10px;}
.HEADER-Search {float:right; width:425px; height:28px; font-size:12px; line-height:28px; text-align:right; overflow:hidden;}
.HEADER-Search-btn {margin:0; *margin:0 0 8px 0; font-size:12px; width:50px; height:21px; background:#ff0000; color:#fff;}

/* =========================================  yb88.org Side Menu  ================================================== */
.side {float:left; width:200px;}
#side-menu {width:200px;}
#side-menu h4 {clear:both; width:188px; padding-left:10px; border:1px #fff solid;}
#side-menu h5 {clear:both; width:188px; height:30px; line-height:30px; font-size:13px; background:#ccc; padding-left:10px; border:1px #fff solid; background-image:url(../images/yb88-wallpaper-menu-bg.png); background-repeat:repeat-x; background-position:left top;}
#side-menu p {width:200px; padding-top:5px; background-image: url(../images/yb88-wallpaper-menu-tbg.png); background-repeat: no-repeat; background-position: center top;}
#side-menu p span {width:166px; background:#fff; margin:0 11px; padding:0 0 5px 10px; border-right:1px #ccc solid; border-bottom:1px #ccc solid; border-left:1px #ccc solid;}
#side-menu p span font {margin-left:10px; font-size:11px; line-height:20px; color:#999;}
.side-menu-120x90 {width:166px; height:90px; padding:4px 17px 6px 17px; background-image: url(../images/yb88-wallpaper-menu-120x90.png); background-repeat: no-repeat; background-position: center top;}
.onlmenu {font-weight:bold; margin:0; padding:0; border-bottom:1px #218FFE dashed;}
.onlmenu a {color:#218FFE; text-decoration:inherit;}

/* =========================================  yb88.org MAIN  ================================================== */
.MAIN-top {width:986px; margin:0 auto;}
.top-resolutions {float:left; width:160px; height:383px; margin-left:10px; padding:5px 0 5px 20px; text-align:left; line-height:18px; overflow:hidden; background-image:url(../images/yb88-wallpaper-dotbg.png); display:inline;}
.onzmenu {width:160px; height:19px; line-height:19px; font-weight:bold; background:#000; color:#218FFE; border-bottom:1px #218FFE dashed;}
.onzmenu a:link , .onzmenu a:visited , .onzmenu a:active  {color:#218FFE;}
.top-resolutions h3 {width:120px; height:30px; line-height:30px; font-size:16px; padding-left:40px;}

.MAIN-top-scroll {float:left; width:786px; height:393px; position:relative; overflow:hidden;}

.MAIN-latest {float:left; width:756px;}
.MAIN-latest-728x90 {width:728px; height:90px; padding:4px; background:#fff; margin:0 9px; position:relative; border-left:1px #ccc solid; border-right:1px #ccc solid; border-top:1px #ccc solid;}
.MAIN-latest-728x90 b {width:8px; height:9px; position:absolute; left:-9px; top:-1px;
	background-image: url(../images/yb88-wallpaper-menu-tbg.png);
	background-repeat: no-repeat;
	background-position: left;}
.MAIN-latest-728x90 strong {width:8px; height:9px; position:absolute; right:-9px; top:-1px;
	background-image: url(../images/yb88-wallpaper-menu-tbg.png);
	background-repeat: no-repeat;
	background-position: right;}
.MAIN-latest-box {clear:both; width:754px; background:#fff; border:1px #999 solid;}
.MAIN-latest-box dl {clear:both;}
.MAIN-latest-box dt {clear:both;}
.MAIN-latest-box dd {float:left;}
.latest-item {width:177px; height:133px; margin:9px 0 0 9px; position:relative;}
.latest-info {width:170px; height:65px; background-image:url(../images/yb88-wallpaper-dotbg.png); top:64px; left:4px; position:absolute; display:none;}
.latest-info h1 {width:160px; height:20px; font-size:12px; line-height:20px; text-align:center; margin:0 5px; overflow:hidden; border-bottom:1px #fff dashed;}
.latest-info p {width:160px; line-height:20px; text-align:center; overflow:hidden;}
.latest-info p u {color:#FFFF00; margin:0 5px;}
.latest-item img {width:170px; height:125px; padding:3px; border:1px #ddd solid;}
.latest-item A:hover img {border-color:#218FFE; /*background:#218FFE;*/}

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


/* =========================================  LIST  ================================================== */
.list {float:left; width:786px; margin-top:10px; /*background:#d5d4d4;*/ overflow:hidden;}
.list-top-hot {float:left; width:410px; height:290px; padding:5px; margin-right:10px; background-image:url(../images/yb88-wallpaper-dotbg.png); overflow:hidden;}
.panel {
        position: relative;
        float: left;
        width: 195px;
        height: 135px;
        margin: 5px;
        overflow: hidden;    }
.imgPanel {
        position: absolute;
        border: none;
        text-decoration: none;    }
.list-top-336x280 {float:left; width:336px; height:280px; background-image:url(../images/yb88-wallpaper-dotbg.png); padding:10px;}
.list h4 {clear:both; width:764px; padding:0 10px; white-space:nowrap; overflow:hidden; border:1px #fff solid;}
.list h4 span {float:right; font-size:12px; height:20px; line-height:20px; padding:20px 0 0 10px;}
.list-content {width:756px; margin-left:10px; padding:9px 9px 0 9px; background-color:#d5d4d4; border-left:1px #fff solid; border-right:1px #fff solid; border-bottom:1px #fff solid; position:relative;}
.list-content strong {width:9px; height:9px; position:absolute; left:-10px; top:0;
	background-image: url(../images/yb88-wallpaper-menu-tbg.png);
	background-repeat: no-repeat;
	background-position: left;}
.list-content dl {clear:both;}
.list-content dt {clear:both;}
.list-content dd {float:left;}
.list-content-box {width:754px; background:#fff; border:1px #999 solid;}
.list-content-box-728x280 {width:728px; height:90px; margin:0 9px; padding:3px; border:1px #ddd solid;}
.list-content-page {width:756px; margin:10px 0;}

/* =========================================  yb88.org VIEWS  ================================================== */
.VIEW {float:left; width:786px; margin-top:20px; /*background:#d5d4d4;*/ overflow:hidden;}
.VIEW-top-Preview {float:left; width:400px; height:280px; padding:10px; margin-right:10px; background-image:url(../images/yb88-wallpaper-dotbg.png); overflow:hidden;}
.VIEW-top-336x280 {float:left; width:336px; height:280px; background-image:url(../images/yb88-wallpaper-dotbg.png); padding:10px;}
.VIEW-top-Preview-bg {float:left; width:420px; height:72px; background-image:url(../images/yb88-wallpaper-monitor.png); background-position: center top; background-repeat: no-repeat; margin:0 10px 1px 0;}
.VIEW-top-336x280-bg {float:left; width:356px; height:72px; background-image:url(../images/yb88-wallpaper-monitor.png); background-position: center top; background-repeat: no-repeat; margin-bottom:1px;}
.VIEW h4 {clear:both; width:764px; padding-left:10px; margin-left:10px; white-space:nowrap; overflow:hidden; border:1px #fff solid;}
.VIEW-728x90 {width:746px; height:90px; padding:4px; background:#fff; margin-left:20px; position:relative; border:1px #ccc solid; text-align:center; /*border-right:1px #ccc solid; border-top:1px #ccc solid;*/}
.VIEW-728x90 b {width:9px; height:9px; position:absolute; left:-10px; top:-1px;
	background-image: url(../images/yb88-wallpaper-menu-tbg.png);
	background-repeat: no-repeat;
	background-position: left;}
.VIEW-728x90 strong {width:9px; height:9px; position:absolute; right:-10px; top:-1px;
	background-image: url(../images/yb88-wallpaper-menu-tbg.png);
	background-repeat: no-repeat;
	background-position: right;}
.VIEW-content {width:756px; margin-left:10px; padding:9px 9px 0 9px; background-color:#d5d4d4; border:1px #fff solid;}
.VIEW-content-doun {float:left; width:556px; margin-right:10px; padding:9px; background:#fff; border:1px #999 solid;}
.VIEW-content-doun h1 {height:30px; font-size:16px; line-height:30px; text-align:center; border-bottom:1px #ddd dashed;}
.VIEW-content-doun h2 {clear:both; font-size:12px; line-height:30px; font-weight:normal; padding-left:5px; border-bottom:1px #ddd dashed;}
.VIEW-content-doun h2 b {margin:0 15px 0 5px; color:#218FFE;}
.VIEW-content-doun h2 a {margin:0 5px; color:#218FFE; font-weight:bold;}
.VIEW-content-doun h2 span {float:right; margin-right:5px;}
.VIEW-content-doun h3 {clear:both; height:30px; font-size:12px; line-height:30px; font-weight:normal; padding-left:5px; border-bottom:1px #ddd dashed;}
.VIEW-content-doun h3 span , .VIEW-content-doun h3 b {margin:0 5px; color:#218FFE; font-weight:bold;}
.VIEW-content-doun h3 ul {float:right; margin-right:5px;}
.VIEW-content-doun-picsay {float:left; width:336px; margin:10px 10px 10px 5px;}
.VIEW-content-doun-picsay h4 {width:320px; height:280px; font-size:12px; line-height:22px; font-weight:normal; margin:0 0 10px 0; padding:0; white-space:normal; overflow-y:auto; padding:5px 8px; background:#eee;}
.VIEW-content-doun-picsay p {width:336px; height:280px;}
.VIEW-content-doun-list {float:left; width:175px; height:570px; margin:10px 5px 0 5px; padding:5px 10px; overflow-y:auto; background:#eee;}
.VIEW-content-doun h5 {clear:both; font-size:12px; line-height:20px; font-weight:normal; padding:5px 0 0 5px; border-top:1px #ddd dashed;}
.VIEW-content-doun h5 b {margin:0 15px 0 5px; color:#218FFE;}
.VIEW-content-doun h5 textarea {width:535px; height:17px; font-size:12px; color:#6A6A6A;}

.VIEW-content-160x600 {float:left; width:160px; height:600px; padding:4px; background:#fff; border:1px #999 solid;}

.VIEW-content dl {clear:both;}
.VIEW-content dt {clear:both;}
.VIEW-content dd {float:left;}
.VIEW-content-box {width:754px; background:#fff; border:1px #999 solid; padding-bottom:9px;}

/* =========================================  yb88.org SEARCH  ================================================== */
.search-tag {float:left; width:170px; height:100%; margin:0 10px; padding:7px 10px; text-align:left; line-height:20px; overflow:hidden; background-image:url(../images/yb88-wallpaper-dotbg.png); display:inline;}
.search-tag h6 {width:170px; height:15px; font-size:16px; text-align:center; margin:10px 0;}
.search-tag-list-box {width:170px;}
.search-tag-list-box h1 {width:140px; 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;}
.search-tag-list-box h1 p {width:18px; height:11px; line-height:11px; font-size:10px; font-weight:normal; color:#ddd; text-align:center; text-decoration:none; border:1px #6A6A6A solid; overflow:hidden; position:absolute; top:5px; left:3px;}
.search-tag-list-box 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:#6A6A6A; color:#fff; overflow:hidden; position:absolute; top:5px; left:3px;}
.search-tag-list-box h1 font {height:23px; line-height:23px; font-size:10px; color:#666; font-weight:normal; padding-left:10px;}

.search-list {float:left; width:776px; overflow:hidden;}
.search-list-top {clear:both; width:736px; margin:0 10px; padding:20px 10px 10px 10px; /*background-image:url(../images/yb88-wallpaper-dotbg.png);*/}
.search-list-top dl {clear:both;}   .search-list-top dt {clear:both;}    .search-list-top dd {float:left;}
.search-list-top-go {width:736px; text-align:center;}
.search-list-top-input {width:400px; font-size:14px; padding:4px; border:3px #218FFE solid; color:#fff; font-weight:bold; font-family:Arial,sans-serif; background-image:url(../images/yb88-wallpaper-dotbg.png);}
.search-list-top-Button {width:130px; height:30px; line-height:20px; font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#fff;
   background-color:#218FFE;}
.search-list-top-radio {font-size:12px; color:#FFFFFF; text-align:center; margin:10px 0;}
.search-list-top-radio b {color:#218FFE;}
   
.search-list h4 {clear:both; width:764px; padding-left:10px; white-space:nowrap; overflow:hidden; border:1px #fff solid;}
.search-list h4 span {float:right; font-size:12px; height:20px; line-height:20px; font-weight:normal; padding:20px 10px 0 10px;}
.search-list-728x90 {width:746px; height:90px; padding:4px; background:#fff; margin:0 auto; text-align:center; position:relative; border:1px #ccc solid; /*border-right:1px #ccc solid; border-top:1px #ccc solid;*/}
.search-list-728x90 b {width:9px; height:9px; position:absolute; left:-10px; top:-1px;
	background-image: url(../images/yb88-wallpaper-menu-tbg.png);
	background-repeat: no-repeat;
	background-position: left;}
.search-list-728x90 strong {width:9px; height:9px; position:absolute; right:-10px; top:-1px;
	background-image: url(../images/yb88-wallpaper-menu-tbg.png);
	background-repeat: no-repeat;
	background-position: right;}
.search-Tlist {width:774px; background-color:#d5d4d4; border:1px #fff solid;}
.search-Tlist dl {clear:both;}   .search-Tlist dt {clear:both;}   .search-Tlist dd {float:left;}
.search-item {width:182px; height:138px; margin:9px 0 0 9px; background:#fff; position:relative;}
.search-info {width:175px; height:65px; background-image:url(../images/yb88-wallpaper-dotbg.png); top:69px; left:4px; position:absolute; display:none;}
.search-info h1 {width:170px; height:20px; font-size:12px; line-height:20px; text-align:center; margin:0 5px; overflow:hidden; border-bottom:1px #fff dashed;}
.search-info p {width:170px; line-height:20px; text-align:center; overflow:hidden;}
.search-info p u {color:#FFFF00; margin:0 5px;}
.search-item img {width:175px; height:130px; padding:3px; border:1px #fff solid;}
.search-item A:hover img {border-color:#218FFE; /*background:#218FFE;*/}
.search-Tlist-728x280 {width:748px; height:90px; margin:0 9px; padding:3px; text-align:center; background:#fff; border:1px #fff solid;}
.search-Tlist-page {clear:both; width:760px; padding-left:6px;}

/* =========================================  yb88.org FOOTER  ================================================== */
.comments {clear:both; width:786px; margin:20px auto 0 auto; /*background:#d5d4d4;*/ overflow:hidden;}
.comments h4 {clear:both; width:764px; padding:0 10px; position:relative; overflow:hidden; border:1px #fff solid;}
.comments h4 b {float:left; line-height:20px; font-size:12px; font-weight:normal; margin-top:20px;}
.comments h4 strong {float:right; line-height:20px; font-size:12px; font-weight:normal; margin-top:20px;}
.comments h4 span {width:764px; line-height:40px; font-size:16px; text-align:center; position:absolute; left:1px; top:1px;}
.comments-728x90 {width:746px; height:90px; padding:4px; background:#fff; margin:0 auto; position:relative; border:1px #ccc solid; /*border-right:1px #ccc solid; border-top:1px #ccc solid;*/}
.comments-728x90 b {width:9px; height:9px; position:absolute; left:-10px; top:-1px;
	background-image: url(../images/yb88-wallpaper-menu-tbg.png);
	background-repeat: no-repeat;
	background-position: left;}
.comments-728x90 strong {width:9px; height:9px; position:absolute; right:-10px; top:-1px;
	background-image: url(../images/yb88-wallpaper-menu-tbg.png);
	background-repeat: no-repeat;
	background-position: right;}
.comments-content {clear:both; width:766px; padding:9px 9px 0 9px; background-color:#d5d4d4; border:1px #fff solid;}
.comments-tcontent {float:left; width:190px; margin-right:10px;}
.comments-tcontent ul {clear:both; width:190px;}
.comments-tcontent ul h4 {width:168px; height:30px; line-height:30px; font-size:13px; color:#fff; margin:0 10px 10px 0;}
.comments-tcontent ul li {width:190px; height:170px;}
.comments-tcontent ul li h3 {width:190px; height:145px; height:20px; line-height:20px; margin-bottom:5px; font-size:12px; font-weight:normal; overflow:hidden;}
.comments-tcontent ul li img {width:180px; height:135px; padding:3px; border:2px #fff solid;}
.comments-tcontent ul li A:hover img {border-color:#218FFE;}
.comments-list {float:left; width:546px; padding:9px; background:#fff; border:1px #999 solid;}
.comments-list h1 {height:50px; line-height:50px; font-size:16px; border-bottom:1px #ddd dashed;}
.comments-list h1 span {clear:both; font-size:12px; font-weight:normal; margin-left:10px;}
.comments-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;}
.comments-list-rating span , .comments-list b {margin:0 5px; color:#218FFE; font-weight:bold;}
.comments-list-rating ul {float:right; width:150px; height:30px;}
.comments-tlist {clear:both; width:546px;}
.comments-tlist h2 {clear:both; width:536px; height:40px; line-height:40px; font-size:14px; color:#218FFE; text-align:left; padding:0 5px;}
.comments-tlist h2 span {float:right; font-size:12px; font-weight:normal;}
.comments-tlist dl {clear:both; width:536px; padding:10px 5px; border-top:1px #ddd solid;}
.comments-tlist dt {clear:both; height:20px; line-height:20px; font-size:11px; text-align:left; padding-right:5px;}
.comments-tlist dt u {float:right; font-size:11px; text-decoration:none;}
.comments-tlist dt strong {color:#218FFE; font-size:12px; margin-right:10px;}
.comments-tlist dd {clear:both; line-height:20px; text-align:left; padding:5px; border-top:1px #ddd dashed;}
.comments-add {clear:both; width:536px; padding:10px 5px; border-top:1px #ddd solid;}
.comments-add p {clear:both; font-size:11px; text-align:left; padding:0 5px;}
.comments-add p span {float:right;}
.comments-add p textarea {width:100%;}

/* =========================================  yb88.org FOOTER  ================================================== */
#FOOTER dl {clear:both;}
#FOOTER dt {clear:both;}
#FOOTER dd {float:left;}
.Footer {background:url(../images/yb88-wallpaper-dotbg.png);}
.Footer ul {float:left; width:234px; margin:10px 0 5px 10px;}
.Footer ul h4 {width:224px; height:30px; line-height:30px; color:#fff; padding-left:10px; 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-wallpaper-menu-bg.png); background-repeat:repeat-x; border-top:1px #101721 solid; border-bottom:1px #101721 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-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 #218FFE solid; color:#fff; text-decoration:none;}
.Footer-Record img { border:0;}

/* =======================================  yb88.org Multi Tab =============================*/
.Mnbox {}
.Mnbox ul{
clear:both;
height:40px;
line-height:40px
}
.Mnbox li{
float:left;
width:;
height:40px;
line-height:40px;
padding:0 16px;
display:block;
cursor:pointer;
text-align:center;
font-weight:bold;
color:#fff;
font-size:13px;
}
.Mnbox li.hover{
width:;
height:40px;
padding:0 16px;
color: #218FFE;
line-height:40px;
text-align:center;
font-weight:bold;
	background-image: url(../images/yb88-wallpaper-tab.png);
	background-repeat:repeat-x;
	background-position: center top;
font-size:13px;
}

/* =================================  yb88.org PEGE LIST  =========================================*/
.pagepage {
        height:22px; margin:9px 9px 9px 0; 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 #101721; color: #101721;
        margin:0 3px; padding:0 8px;
        text-decoration: none; white-space:nowrap;
}
.pagepage a:hover{
        display: block;
        background-color: #101721;
        border: 1px solid #101721;
        text-align: center;
        text-decoration: none;
        color: #fff; white-space:nowrap;
}
.pagepage b{
        display: block;
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        background-color: #101721;
        border: 1px solid #101721;
        float: left;
        text-align: center;
        margin:0 3px;
        padding:0 8px;
        color: #ffffff; white-space:nowrap;
}

/* =========================================  yb88.org RATING  ================================================== */
.star-rating {
list-style:none;
margin:0;
padding:0px;
width: 150px;
height: 30px;
position: relative;
background: url(http://yb88.org/skin/games/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(http://yb88.org/skin/games/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(http://yb88.org/skin/games/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;}



    #imageFlow {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	overflow: hidden;
	/*background-image: url(../images/yb88-wallpaper-main-scroll-bg.png);
	background-repeat: repeat-x;
	background-position: bottom; */       /*background: #000;*/
	background-image:url(../images/yb88-wallpaper-dotbg.png);
    }
    #imageFlow .diapo {
        position: absolute;
        left: -1000px;
        cursor: pointer;
        -ms-interpolation-mode: nearest-neighbor;
    }
    #imageFlow .link {
        border: dotted #fff 1px;
        margin-left: -1px;
        margin-bottom: -1px;
    }
    #imageFlow .bank {
        visibility: hidden;
    }
    #imageFlow .top {
        position: absolute;
        width: 100%;
        height: 50%;
        /*background: #222;*/
    }
    #imageFlow .text {
        position: absolute;
        left: 0px;
        width: 100%;
        bottom: 13%;
        text-align: center;
        color: #FFF;
        font-family: verdana, arial, Helvetica, sans-serif;
        z-index: 1000;
    }
    #imageFlow .title {
        font-size: 1em;
        font-weight: bold;
    }
    #imageFlow .legend {
        font-size: 0.8em;
    }
    #imageFlow .scrollbar {
        position: absolute;
        left: 10%;
        bottom: 5%;
        width: 80%;
        height: 16px;
        z-index: 1000;
    }
    #imageFlow .track {
        position: absolute;
        left: 1%;
        width: 98%;
        height: 16px;
        filter: alpha(opacity=30);
        opacity: 0.3;
    }
    #imageFlow .arrow-left {
        position: absolute;
        left: 0px;
    }
    #imageFlow .arrow-right {
        position: absolute;
        right: 0px;
    }
    #imageFlow .bar {
        position: absolute;
        height: 16px;
        left: 25px;
    }