*{margin: 0;padding: 0;
scrollbar-arrow-color:#AAA;
scrollbar-base-color:#000;
scrollbar-face-color:#222;
scrollbar-highlight-color:#AAA;
scrollbar-track-color:#666;
}
body{
	margin:0px;
	padding:0px;
	padding-top:15px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:140%;
	color:#FFFFFF;
	background-color: #b9b9b9;
	text-align: left;
}

#out-box{
	background: url(images/out-box-bg.gif) repeat-y;
	width:992px;
	margin:auto;
	margin-bottom:0;
}
#headerBox {
	padding-left:30px;
	padding-right:6px;
	height:92px;
	background: url(images/header-box-bg.gif) no-repeat #222222;
}
#wrap{
	background: #ffffff url(images/r-menu-bg.gif) repeat-y right top;
	width:980px;
	height: auto;
	margin:0px auto;
	padding: 0;
}

.logo {
	background: url(images/ganglogo.gif) no-repeat;
	width: 220px;
	float: left;
	margin-top: 24px;
	height: 61px;
}
.head-r{
	background: url(images/head-r.gif) no-repeat;
	width: 144px;
	margin-top: 12px;
	height: 80px;
	float: right;
}
.top_menu{
	line-height:26px;
	border:1px solid #999999;
	border-top:0px;
	height: 24px;
	background-color: #333333;
	padding:0 5px 0 3px;
	float: right;
}
.top_menu a{
	padding:0 9px 0 14px;
	color:#FFFFFF;
	text-decoration:none;
}
.top_menu a:hover {
	color: #FF4242;
	text-decoration: none;
}
.top_menu a:active { color: #ffffff; }

.yeswan{
	float:right;
	padding-bottom:12px;
}

/*newstick
-------------------------------------*/
#newsTicker {
 	margin:70px 0 10px 0;
	padding: 0px;
	border:1px solid #999999;
	width: 765px;
	height: auto;
	float:right;
	background: #000000;
}
#menu-bg {
	background-color: #222222;
	height:46px;
}
#menu {
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	margin: 0px;
	padding:0px;
	width: 980px;
	font-size:13px;
	height: 28px;
	background-color: #B81C22;
	float: left;
	z-index: 580;
}
.clear{
	clear: both;
}
#contents {
	position: relative;
	width: 100%;
	margin: 0px;
	height: auto;
	overflow:hidden;
}
.index-head{
	background: url(images/index-head.gif) no-repeat;
	height:83px;
	width:645px;
	margin-left:10px;
	margin-bottom:24px;
}
#left {
	width: 475px;
	margin: 0px;
	height: auto;
	float: left;
	z-index: 0;
}
#pic{
	width:475px;
	height:410px;
	z-index: 0;
	background: url(images/pic1.gif) no-repeat;
}

#right {
	width: 500px;
	margin: 0px;
	height: auto;
	float: right;
	z-index: 0;
}
#pv{
	width:500px;
	height:410px;
	background: url(swf/pvbg.jpg) no-repeat;
	z-index: 0;
}


/* ----- ALL LEVELS (incl. first) */

ul.dropdown {
	font: normal 12px ;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight:bold;
}

	ul.dropdown li {
	 padding: 0px 0px;
	 background-color: #B81C22;/*base color*/
	 color: #fff;
	 /*line-height: normal;*/
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #252525;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited { color: #fff; text-decoration: none;}
	ul.dropdown a:hover { color: #B81C22; text-decoration: none;}
	ul.dropdown a:active { color: #fff; }


/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

	ul.dropdown ul {
	 width: 188px;
	 background-color: #252525;/*DD Base*/
	 color: #fff;
	 font-size: 12px;
	 text-transform: none;
	 filter: alpha(opacity=90);
	 -moz-opacity: .9;
	 KhtmlOpacity: .9;
	 opacity: .9;
	}

		ul.dropdown ul li {
		 background-color: transparent;
		 color: #000;
		 /*height:12px;*/
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		 color: #B81C22;
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #fff; }
		ul.dropdown ul a:hover { color: #fff; text-decoration: none;}
		ul.dropdown ul a:active { color: #fff; }


/* ----- END LEVEL */



/*------------------------------------------------------------------------------------------------------/
 * @section	Support Class 'dir'
 * @level sep	ul, .class
 */


/* ----- ALL LEVELS (incl. first) */


ul.dropdown *.dir {
 padding-right: 12px;
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

/* ----- END LEVEL */

/*-------------footer--------------*/

.footer{
	color: #b9b9b9;
	padding: 20px;
	text-align:right;
	background-color: #222222;
	margin: 0px;
}
.footer a{
	text-decoration: none;
	color: #b9b9b9;
}
.cow{
	background: url(images/cow.gif) no-repeat;
	width: 68px;
	margin-left: 30px;
	margin-top: 10px;
	height: 68px;
	float: left;
}
.copyright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#newscontent{
	width:681px;
	background: #ffffff;
	padding-left: 24px;
	padding-bottom: 14px;
	padding-top: 22px;
	float: left;
}
#newscontent .news_title{
	background: url(images/gang2.gif) no-repeat;
	margin-bottom:18px;
	margin-top:12px;
	line-height:34px;
	width:96%;
	background-color:#000000;
	color:#ffffff;
	font-weight: bold;
	font-size: 15px;
}
#newscontent .news_title span{
	padding-left:38px;
}
#newscontent a {
	text-decoration: none;
	line-height:28px;
	color:#333333;
}
#newscontent a:visited { color: #333333; text-decoration: none;}
#newscontent a:hover {
	color: #B81C22;
	text-decoration: underline;
}
#newscontent a:active { color: #333333; }
/*----------------隔行变色-------------------*/
.datalist td {
    border:1px solid #007108;
    text-align:left;
    padding:4px 10px;
}
.datalist .altrow {
    background-color: #DBDBDB;
}
/*----------------隔行变色-------------------*/

.r-menu-bg{
	padding-left:9px;
	padding-right:9px;
	width:auto;
	float: left;
	height: auto;
}

.info_bbs{
	width:255px;
	padding-bottom:20px;
	float: left;
	background: #ffffff;
	height: auto;
}
.info_bbs a{
	text-decoration: none;
	line-height: 30px;
	color: #000000;
}

.info_bbs a:hover {
	color: #B81C22;
	text-decoration: underline;
}
.info_bbs a:active { color: #000000; }
.info_bbs ul{
	width: 82%;
	padding-top: 8px;
	list-style: none;
	padding-left: 22px;
}
.info_bbs ul li{
	border-bottom:1px dotted #999999;
	padding-left: 6px;
}
ul.MenuBarVertical{
	width: 88%;
	padding-left: 10px;
	padding-top: 8px;
}
ul.MenuBarVertical li{
	border-bottom:0px;
}
.info_header{
	background: url(images/recom-z-bg.gif) no-repeat;
	padding-top:13px;
	margin:14px;
	margin-top:18px;
	margin-bottom:10px;
	width:auto;
	font-size: 14px;
	height:44px;
	font-weight: bold;
	line-height: 30px;
}
.info_header span{
	padding-left:25px;
}
.info_pic {
	width:210px;
	height:57px;
	background: url(images/fa.gif) no-repeat;
	margin-left: 25px;
}
.comic_top{
	width: 659px;
	height: 135px;
	background: url(images/comicheader.gif) no-repeat;
	margin-bottom: 18px;
}
.introduce{
	width:651px;
	background: #fff075;
	border: 1px solid #9a9a9a;
	color: #333333;
	padding: 0;
}
.introduce p{
	padding: 6px;
}
.introduce2{
	width:100%;
	height:180px;
	background: url(images/gang1_info.gif) no-repeat;
	color: #333333;
	margin-top:0px;
	padding: 0px;
	background-position: 10px 10px;
}
.introduce2 p{
	padding: 25px;
	width: 63%;
	float: right;
	line-height: 22px;
}
.comic_list{
	padding-top: 20px;
}
th {
	padding-left:12px;
	border-bottom: 1px solid #9A9A9A;
}
.comic_pic{
	width:200px;
	height:261px;
	background: url(images/comic_info.gif) no-repeat;
	margin-left: 28px;
}
.comic_info{
	color: #000000;
	padding: 20px;
}
#contents_live{
	width: 976px;
	border: 2px solid #222222;
	margin-bottom: 3px;
	margin-top: 3px;
	height: auto;
	background: url(images/pages_bg.jpg) no-repeat;
}
.live_code{
	padding: 200px;
	padding-top:40px;
	padding-bottom:20px;
}
.title_bg{
	width: 976px;
	height: 45px;
	background: url(images/title_bg.gif) repeat-x;
}
.title_bg .header{
	padding-left: 16px;
	font-size: 18px;
	font-weight: bold;
	line-height: 44px;
}
.title_bg .tip{
	padding-left: 40px;
}
.live_bottom{
	width: 659px;
	height: 135px;
	background: url(images/comicheader.gif) no-repeat;
	margin-left: 145px;
}
.down_list{
	width:651px;
	background: #ffffff;
	border: 1px solid #9a9a9a;
	border-bottom:0px;
	color: #333333;
	padding: 0;
}
.down_list a{
	font-weight: normal;
	text-decoration: none;
	line-height: 24px;
	color: #000000;
}
.down_list a:hover { color: #B81C22; text-decoration: none;}
.down_list a:active { color: #000000; }
.down_list2{
	background: #fff6ab;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width:100%;
	color: #333333;
	border-bottom:0px;
	padding: 0;
}
.warning{
	font-weight:bold;
	line-height:28px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width:100%;
	color: red;
	padding: 0;
	margin-bottom:12px;
	margin-top:12px;
}
.warning p{
	padding-left:10px;
}
.list_box{
	width:676px;
	padding:150px;
	padding-top:20px;
}
.list_box a{
	text-decoration: none;
	line-height: 24px;
	color: #ffffff;
}
.list_box a:hover { color: #B81C22; text-decoration: none;}
.list_box a:active { color: #ffffff; }
.list_content{
	width:50%;
	float:left;
	padding-top: 10px;
	padding-bottom: 28px;
}
.list_content ul{
	list-style:none;
}
.list_content ul li{
	line-height:24px;
	padding-left:8px;
}
.music_list{
	border-bottom:1px dotted #999999;
	border-top:1px dotted #999999;
	line-height:28px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
.music_list span{
	padding-left:10px;
}
.box_right{
	height:260px;
	background: url(images/music_r.gif) no-repeat;
	padding: 0px;
	background-position: 10px 10px;
}
.box2_right{
	height:260px;
	background: url(images/music2_r.gif) no-repeat;
	padding: 0px;
	background-position: 10px 10px;
}
#contents_us{
	width: 976px;
	border: 2px solid #222222;
	margin-bottom: 3px;
	margin-top: 3px;
	height: auto;
	background: url(images/pages_bg.jpg) no-repeat;
}
.us_box{
	padding-left:250px;
	padding-top:100px;
	padding-bottom:40px;
}
.us_box span{
	padding-right:10px;
	line-height:60px;
	float:left;
	font-size:60px;
	font-weight:bolder;
}
.us_content{
	color:#cccccc;
	font-size:13px;
	line-height:20px;
	border-left:5px solid #333333;
	width:55%;
	padding: 16px;
	padding-top:0;
	padding-bottom:0;
}
.box3_right{
	height:320px;
	background: url(images/ganglogo.gif) no-repeat;
	padding: 0px;
	background-position: 10px 80px;
}
.contact{
	font-size:14px;
	padding:60px;
	padding-left:90px;
	clear: both;
}
.channel_title{
	line-height:34px;
	background:#666666;
	font-size:15px;
	font-weight:bold;
}
.channel_title span{
	padding-left:12px;
}
.channel_list{
	padding-top:10px;
	padding-bottom:200px;
}
.channel_list a{
	text-decoration: none;
	line-height: 24px;
	color: #ffffff;
}
.channel_list a:hover { color: #B81C22; text-decoration: none;}
.channel_list a:active { color: #ffffff; }
.channel_list ul{
	list-style:none;
}
.channel_list ul li{
	padding-left:20px;
	border-bottom:1px dotted #999999;
	line-height:32px;
	font-size:15px;
	font-weight:bold;
}

.bbsurl a{
	font-size:14px;
	font-weight:bold;
	text-decoration: underline;
	line-height: 34px;
	color: #ffffff;
}
.bbsurl a:hover { color: #B81C22; text-decoration: underline;}
.column_title{
	float:left;
	background: url(images/column_bg.gif) no-repeat;
	margin-bottom:6px;
	margin-top:0px;
	line-height:28px;
	width:66%;
	color:#ffffff;
	font-weight: bold;
	font-size: 14px;
}
.column_title span{
	padding-left:28px;
}
.column{
	text-align:left;
	float:left;
	padding-left:30px;
	padding-right:8px;
	width:280px;
	padding-bottom: 18px;
}
.c-list-line{
	background: url(images/c-list-line.gif) no-repeat;
	clear:left;
	width:232px;
	height:15px;
}
#column-list ul{
	margin:0px;
	padding:0px;
	list-style: none;
}
#column-list li{
	width:100%;
	float:left;
	height:28px;
}
p.more{
	color:#B81C22;
	font-weight:normal;
	padding-top:4px;
}
.column th{
	font-weight:normal;
	border-bottom: 0px;
}
#newscontent2{
	clear:both;
	width:683px;
	background-color: #ffffff;
	padding-left: 24px;
	padding-bottom: 14px;
	padding-top: 10px;
	float: left;
}
#newscontent2 .news_top{
	width: 659px;
	height: 153px;
	background: url(images/newsheader.gif) no-repeat;
	margin-bottom: 18px;
}
#newscontent2 .news_title{
	background: url(images/gang2.gif) no-repeat;
	margin-bottom:18px;
	margin-top:12px;
	line-height:34px;
	width:96%;
	background-color:#000000;
	color:#ffffff;
	font-weight: bold;
	font-size: 15px;
}
#newscontent2 .news_title span{
	padding-left:38px;
}
#newscontent2 a {
	text-decoration: none;
	line-height:28px;
	color:#333333;
}
#newscontent2 a:visited { color: #333333; text-decoration: none;}
#newscontent2 a:hover {
	color: #B81C22;
	text-decoration: underline;
}
#newscontent2 a:active { color: #333333; }
.index_r{
	padding-top:30px;
	background: url(images/index-r.gif) no-repeat;
	margin:14px;
	margin-top:5px;
	margin-bottom:4px;
	width:auto;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}
.index_r span{
	margin-left:70px;
}
.menu_list{
	clear: both;
	padding: 4px;
}

.nTab{
	margin-left:14px;
	margin-top:18px;
	margin-bottom:18px;
	width:226px;
} 
.nTab .TabTitle{
	background: url(images/recom-z-bg.gif) no-repeat;
	clear: both;
	height: 44px;
	overflow: hidden;
} 
.nTab .TabTitle ul{
	border:0;
	margin:0;
	padding:0 0 0 8px;
} 
.nTab .TabTitle li{
	float: left;
	border-bottom: 0px;
	width: 70px;
	cursor: pointer;
	list-style-type: none;
	height: 26px;
	margin: 18px 3px 0 0;
	text-align: center;
	line-height: 25px;
	color: #333333;
	font-weight: bold;
} 
.nTab .TabTitle .active{
	background-color: #ffffff;
} 
.nTab .TabTitle .normal{
	color:#FFFFFF;
} 
.nTab .TabContent{
	width:100%;
	margin: 0px auto;
	padding:7px 0 0 0;
} 
.nTab .TabContent ul {
	width: 100%;
	padding-top: 8px;
	list-style: none;
	padding:0px;
}
.nTab .TabContent li {
	height:28px;
	line-height:26px;
	text-align: left;
	padding-left: 14px;
}
.none {display:none;}
.index_head{
	background: url(images/edward.gif) no-repeat;
	height:92px;
	margin-left:20px;
	margin-bottom:10px;
}
.index_head2{
	background: url(images/list_bg.gif) no-repeat;
	height:128px;
	margin-left:0px;
	margin-bottom:10px;
}
.index_head3{
	background: url(images/list_bg2.gif) no-repeat;
	height:128px;
	margin-left:0px;
	margin-bottom:10px;
}
.boardlist{
}
.boardlist ul{
	width:659px;
	margin:0px;
	padding:0px;
	list-style: none;
}
.boardlist ul li{
	border-bottom:1px solid #9a9a9a;
	height:28px;
	text-align: right;
	padding-left: 4px;
}
.boardlist ul li a{
	float:left;
}
.boardlist ul li span{
	padding-right:37px;
	line-height:28px;
	width:120px;
	color:#9a9a9a;
}
.pagenav{
	clear:both;
	padding-top:10px;
	color:#000000;
	height:38px;
	line-height:32px;
}


/*--------------------------------------------------CSS sabrosus style pagination--------------------------------------------------*/

DIV.sabrosus {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.sabrosus A {
	BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
DIV.sabrosus A:hover {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.pagination A:active {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.sabrosus SPAN.current {
	BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1
}
DIV.sabrosus SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}


div .friendly_link ul li{
	border-bottom: 1px solid #CCC;
	padding:8px 2px 8px 2px;
}