@charset "utf-8";
DIV.main_div {
	height: 2000px;
	width: 952px;
}
DIV.header {
	background-image: url(../images/index_header.png);
	height: 143px;
	width: 952px;
}
DIV.logininfo {
	font-size: 9pt;
	font-weight: bold;
	color: #FFF;
	padding-right: 10px;
	padding-top: 5px;
}

DIV.logininfo a {
	font-size: 9pt;
	font-weight: bold;
	color: #FFF;
}
DIV.logininfo a:hover {
	font-size: 9pt;
	font-weight: bold;
	color: #FF0;
}
DIV.logininfo a:visited {
	font-size: 9pt;
	font-weight: bold;
	color: #FFF;
}

DIV.searcharea {
	height: 78px;
	width: 370px;
	float:right;
	margin-right:35px !important;
	margin-top:20px;
	margin-right:15px;
}

DIV.searcharea a:link{color:#FF0;font-size:12px; font-weight:bold;text-decoration:none;}
DIV.searcharea a:visited {color:#FF0;font-size:12px; font-weight:bold;text-decoration:none;}
DIV.searcharea a:hover {color: #FFF;font-size:12px; font-weight:bold;text-decoration:underline;}


DIV.searchform {
	padding-top: 20px;
	padding-left: 8px;
}

DIV.searchkeyword {
	font-size: 9pt;
	color: #FFF;
	font-weight: bold;
	height: 25px;
	padding-top: 8px;
}

DIV.searchinput {
	height: 60px;
	width: 240px;
	float:left;
}

INPUT.searchinputbox{
	font-size: 12px;
	color: #900;
	height:18px;
	padding-top:5px;
	border: 1px solid #900;
	background-image: url(../images/inputbg.jpg);
	background-repeat: repeat-x;
}

DIV.searchbtn {
	height: 55px;
	width: 56px;
	margin-left:20px;
	float:left;
}
DIV.mainmenu {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/index_menu_bg.png);
	height: 47px;
	width: 952px;
	position: relative;
	z-index:100;
}
DIV.menuarea {
	height: 25px;
	width: 950px;
	float:left;
	clear:both;
	padding-top: 10px;
	padding-left: 0px;
}


DIV.menublank {
	height: 20px;
	width: 30px;
	float: left;
}

DIV.menutext {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	height: 25px;
	width: 85px;
	float: left;
	text-align: center;
	margin-left:22px !important;
	margin-left:12px;
	margin-top:10px;
}

DIV.mainbox {
	width:928px;
	background:url(../images/main_box_bg.jpg);
	background-repeat: repeat-y;
	padding-right: 12px;
	padding-left: 12px;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	overflow: hidden;
}

DIV.flashdiv {
	width:633px;
	float: left;
}
DIV.newsdiv {
	width: 289px;
	float: right;
}
DIV.titles {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-top: 7px;
	*margin-top: 10px;
	margin-bottom: 8px;
	margin-left:5px;
	margin-right:5px;
}
DIV.titles span{
	color:#900;
	font-size: 14px;
	font-weight: bold;
}
DIV.newslist {
	font-size: 12px;
	text-align: left;
}
DIV.newslist ol li{
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 7px; PADDING-TOP: 10px; ZOOM: 1; POSITION: relative; overflow:hidden; clear:both;
}
DIV.newslist ol li span.listnum {
	padding-left:3px;
	padding-right:3px;
	margin-right:8px;
	border: 1px solid #999;
	font-size:12px;
	font-weight:bold;
	color:#930;
	float:left;
}
DIV.reddiv {
	float: left;
	width:929px;
	margin-top:5px;
}
DIV.lifeshowbox {
	float: left;
	width: 220px;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
}

.anchortitle {
	text-align: left;
	margin-bottom:10px;
	margin-left:4px;
	margin-top:4px;
}

.title1 {
	font-size: 14px;
	font-weight: bold;
	color: #300;
	text-align: left;
	padding-left: 10px;
	float:left;
}

.title1 a:link{color: #300;font-size:14px; font-weight:bold;text-decoration:none;}
.title1 a:visited {color: #300;font-size:14px; font-weight:bold;text-decoration:none;}
.title1 a:hover {color: #F30;font-size:14px; font-weight:bold;text-decoration:none;}

.title1 .titlelink {
	float: right;
	padding-right: 20px;
	padding-top: 2px;
}


.titlelink a:link{color: #300;font-size:12px; font-weight:bold;text-decoration:none;}
.titlelink a:visited {color: #300;font-size:12px; font-weight:bold;text-decoration:none;}
.titlelink a:hover {color: #F30;font-size:12px; font-weight:bold;text-decoration:none;}

.indexmediabox {
	float: left;
	width: 225px;
	text-align: center;
}
.indexmediabox .showtext {
	padding-top: 3px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 19px;
}

.showmedia {
	background-image: url(../images/bb_media_bg.jpg);
	background-repeat: no-repeat;
	height: 152px;
	width: 198px;
	margin-top: 5px;
	padding-top:9px;
	padding-left:12px;
	*padding-left:0px;
}
.indexmediabox .showtext .datatext {
	font-size: 14px;
	font-weight: bold;
	color: #600;
}
.indexmediabox .showmedia .mediabox {
	width: 176px;
}

.vdotline {
	background-image: url(../images/vdotline.jpg);
	background-repeat: repeat-y;
	height: 270px;
	width: 3px;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
	margin-top:10px;
	margin-bottom:10px;
}

.svdotline {
	background-image: url(../images/svline.jpg);
	height: 274px;
	width: 5px;
	float:left;
	margin-right: 10px;
	margin-left: 10px;
	margin-top:10px;
	margin-bottom:10px;
}
DIV.englishshowbox {
	float: left;
	width: 220px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 4px;
}
DIV.dayslist {
	float: left;
	width: 180px;
	margin-left:5px;
}
.dayslist ol li {
	background-repeat: repeat-x;
	height: 58px;
	margin-top:14px;
	*margin-top:10px;
	padding-left:10px;
	color: #300;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background-position: left bottom;
	POSITION: relative;
}

.dayslist ol li .daylisttext {
	text-align: left;
	float: left;
	height: 35px;
	padding-top: 15px;
	line-height: 20px;
}

.dayslist ol li .daylistimg {
	background-color: #FFF;
	padding: 1px;
	border: 1px solid #999;
	float: left;
	margin-right: 8px;
}
.dayslist ol li a:link{color: #300;font-size:12px; font-weight:bold;text-decoration:none;}
.dayslist ol li a:visited {color: #300;font-size:12px; font-weight:bold;text-decoration:none;}
.dayslist ol li a:hover {color: #000;font-size:12px; font-weight:bold;text-decoration:none;}

DIV.memberarea {
	float: left;
	width: 220px;
}
.memberarea .loginbtn {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/index_login_button_bg.jpg);
	height: 60px;
	width: 221px;
	line-height: 22px;
	padding-top: 12px;
}

.loginbtn a:link{color: #fff;font-size:14px; font-weight:bold; text-decoration:underline}
.loginbtn a:visited {color: #fff;font-size:14px; font-weight:bold;text-decoration:underline}
.loginbtn a:hover {color: #300;font-size:14px; font-weight:bold;text-decoration:underline}

.memberarea .membertop {
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-top: 10px !important;
}

.memberarea .titlewrite {
	text-align:left;
	font-weight:bold;
	color:#FFF;
}

.memberarea .titlered {
	text-align:left;
	font-weight:bold;
	color:#300;
}


.memberarea .dotline{
	background-image: url(../images/index_daylist_bg.gif);
	background-repeat: repeat-x;
	height:2px;
	margin-top:5px;
	margin-bottom:5px;
	width:220px;
	position:relative;
	overflow:hidden;
}

.memberarea .membertop ol li {
	background-image: url(../images/index_daylist_bg.gif);
	background-repeat: repeat-x;
	padding-top:10px;
	*padding-top:5px;
	padding-left:5px;
	background-position: left bottom;
	POSITION: relative;
	height:40px;
}
.memberarea .membertop ol li.first {
	padding-top:4px;
	height:68px;
	padding-left:5px;
	background-position: left bottom;
	POSITION: relative;
}

.memberarea .membertop ol li .membertopnum {
	font-size: 12px;
	font-weight: bold;
	color: #300;
	float:left;
	margin-right: 25px;
}
.memberarea .membertop ol li .userimg {
	background-color: #FFF;
	padding: 1px;
	height: 56px;
	width: 68px;
	margin-right: 10px;
	border: 1px solid #999;
	float: left;
}
.memberarea .membertop ol li .text {
	font-size: 12px;
	font-weight: bold;
	color: #300;
	float: left;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: left;
}

.memberarea .membertop ol li .text a:link{color:#500;font-size:12px; font-weight:bold;text-decoration:none;}
.memberarea .membertop ol li .text a:visited {color:#500;font-size:12px; font-weight:bold;text-decoration:none;}
.memberarea .membertop ol li .text a:hover {color: #fff;font-size:12px; font-weight:bold;text-decoration:underline;}

DIV.libdiv {
	width:669px;
	margin-top:5px;
}

DIV.sortdiv {
	width:254px;
	margin-top:5px;
}
DIV.sortdiv .sortbox {
	width: 230px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	margin-top: 2px;
	overflow: hidden;
	position: relative;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color:#630;
}

DIV.sortdiv .tagbox {
	width: 230px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	margin-top: 2px;
	overflow: hidden;
	position: relative;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #660;
}


.mainbox .indexleftbox {
	float: left;
}
.mainbox .indexrightbox {
	float: right;
}
.contentlistbox {
	padding-bottom: 10px;
	position: relative;
	overflow:hidden;
}


.diylistarea {
	margin-top: 8px;
}
.diylistarea .diylist {
	padding-bottom: 15px;
}
.diylistarea .diylist .diylistbox {
	position: relative;
	overflow: hidden;
}

.diylistarea .diylist .title {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-top: 8px;
	position: relative;
	overflow:hidden;
	text-align: left;
	padding-left: 10px;
	height:35px;
	line-height:35px;
	clear:both;
}

.diylistarea .diylist .title .titlemore {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	margin-left:15px;
	text-align:left;
	float:left;
}

.diylistarea .diylist .title .doit {
	margin-left:15px;
	float:left;
	clear:right;
}


.contentshowbox {
	width: 122px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 5px;
	float:left;
}
.contentshowbox .contentimg {
	background-color: #FFF;
	height: 87px;
	width: 106px;
	border: 1px solid #333;
	overflow:hidden;
}

.contentshowbox .gifimg {
	background-color: #FFF;
	width: 90px;
	border: 1px solid #333;
	overflow:hidden;
}
.contentshowbox .playbanner {
	margin-top:-18px !important;
	background-image: url(../images/playerbanner.gif);
	height:18px;
	width:106px;
	z-index:2;
	opacity:.7;
	*filter:alpha(opacity=70);
}

.contentshowbox .contenttxt {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-top:4px;
	min-height:20px;
}

.contentshowbox .contenttxt .conname {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	line-height: 18px;
	height:20px;
	clear:both;
}
.contentshowbox .contenttxt .conname1 {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	line-height: 18px;
	height:20px;
	overflow:hidden;
	clear:both;
}

.contentshowbox .contenttxt .iconarea {
	height:22px;
}
.contentshowbox .contenttxt .username {
	font-size: 12px;
	font-weight: bold;
	color: #900;
	margin-top: 8px;
	line-height: 18px;
	height:20px;
}
.contentshowbox .contenttxt .daynum {
	font-size: 12px;
	font-weight: bold;
	color: #660;
}
.contentshowbox .contenttxt .rank {
	font-size: 12px;
	font-weight: bold;
	color: #900;
	margin-top: 5px;
	font-family: Verdana, Geneva, sans-serif;
	height:20px;
}
DIV.sourcediv {
	width:669px;
	margin-top:5px;
	margin-bottom: 5px;
}
.srclistbox {
	position: relative;
	padding-bottom: 5px;
	overflow: hidden;
	height: 360px;
}
.srclistbox .ringsrcbox {
	font-size: 12px;
	color: #333;
	width:292px;
	height:26px;
	background-image: url(../images/dot1.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 9px;
	float: left;
	margin-right: 5px;
	margin-left: 25px !important;
	margin-left: 15px;
}
.srclistbox .ringsrcbox .text {
	float: left;
	line-height: 22px;
}
.srclistbox .ringsrcbox .icons {
	float: right;
	padding-right:2px;
}

.ringsrcbox .icons ol li{
	display:inline;
}

.srclistbox .txtsrcbox {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	margin-right: 10px;
	margin-left: 16px;
	overflow: hidden;
	position: relative;
	vertical-align: bottom;
	height: 45px;
	/**/border: 1px solid #CCC;
	padding: 3px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.srclistbox .txtsrcbox .text {
	float: left;
	background-image: url(../images/list_icon1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-right:15px;
	line-height: 22px;
	text-align: left;
	width: 480px;
}
.srclistbox .txtsrcbox .creater {
	float: left;
	line-height: 22px;
	text-align:center;
	padding-left:5px;
}
.srclistbox .txtsrcbox .icons {
	float: right;
	margin-top: 15px;
}
DIV.bbsdiv {
	width:254px;
	margin-top:5px;
}
.bbclass .title {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background-image: url(../images/index_right_title_bg.jpg);
	height: 22px;
	width: 245px;
	text-align: left;
	vertical-align: middle;
	padding-top: 12px;
	padding-left: 5px;
}

.bbclass .content {
	font-size: 12px;
	text-align: left;
	padding-left:5px;
	padding-top:5px;
}
.bbclass .content ol li{
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; ZOOM: 1; POSITION: relative;
}
.bbclass .content ol li span.listnum {
	padding-left:3px;
	padding-right:3px;
	margin-right:8px;
	border: 1px solid #999;
	font-size:10px;
	font-weight:bold;
	color:#930
}
DIV.commentdiv {
	width:254px;
	margin-top:5px;
}
.commentlass .content {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom:6px;
}

.commentlass .title {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background-image: url(../images/index_right_title_bg.jpg);
	height: 22px;
	width: 245px;
	text-align: left;
	vertical-align: middle;
	padding-top: 12px;
	padding-left: 5px;
}

.commentlass .content ol li {
	color: #222222;
	font-size:12px;
	text-decoration:none;
	POSITION: relative;
	overflow:hidden;
	padding-bottom:5px;
	padding-top:5px;
	height:42px;
	margin-top:2px;
	margin-bottom:2px;
}

.commentlass .content ol li .img {
	background-color: #FFF;
	padding: 1px;
	border: 1px solid #999;
	float: left;
	margin-right: 5px;
}
.commentlass .content ol li .text {
	text-align: left;
	margin-left:50px;
	line-height: 20px;
	padding-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	line-height:22px;
}

.commentlass .content ol li .text a:link{color: #222;font-size:12px; font-weight:bold;text-decoration:none;}
.commentlass .content ol li .text a:visited {color: #222;font-size:12px; font-weight:bold;text-decoration:none;}
.commentlass .content ol li .text a:hover {color: #330;font-size:12px; font-weight:bold;text-decoration:underline;}


DIV.mmsdiv {
	float: left;
	width:929px;
	clear:both;
	margin-bottom:8px;
}

.mmsdiv .title {
	font-size: 14px;
	font-weight: bold;
	color:#600;
	text-align: left;
	padding:5px;
	margin-top:8px;
	width:900px;
	position:relative;
	overflow:hidden;
}

.mmsdiv .mmslist {
	position: relative;
	padding-bottom: 5px;
	overflow: hidden;
}

.mmsdiv .taglist{
	padding-left:8px;
	padding-left:8px;
	margin-top:5px;
	margin-bottom:5px;
	width:880px;
}

.mmsdiv .tagdiv{
	height: 20px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:6px;
}

.mmsdiv .gifshowbox {
	width: 100px;
	margin-top: 4px;
	margin-right: 6px;
	margin-bottom: 4px;
	margin-left: 6px;
	float:left;
}

.gifshowbox .gifimg {
	background-color: #FFF;
	width: 100px;
	height:115px;
	border: 1px solid #333;
	overflow:hidden;
}

.gifshowbox .contenttxt {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-top: 4px;
	height:28px;
	overflow:hidden;
}


.mmsdiv .mmslist a:link{color: #222;font-size:12px; font-weight:bold;text-decoration:none;}
.mmsdiv .mmslist a:visited {color: #222;font-size:12px; font-weight:bold;text-decoration:none;}
.mmsdiv .mmslist a:hover {color: #330;font-size:12px; font-weight:bold;text-decoration:underline;}

DIV.linksdiv {
	float: left;
	clear:both;
	width:929px;
}

.linksclass .title {
	font-size: 12px;
	font-weight: bold;
	color: #900;
	text-align: left;
	padding:5px;
	width:900px;
}
.linksclass .piclinklist {
	overflow: hidden;
	position: relative;
}
.linksclass .piclinklist .linkimg {
	background-color: #FFF;
	padding: 1px;
	border: 1px solid #999;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}
.linksclass .txtlinklist {
	overflow: hidden;
	position: relative;
}

.linksclass .txtlinklist .linktxt {
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}

.linksclass .txtlinklist .linktxt a:link{color: #222;font-size:12px; font-weight:bold;text-decoration:none;}
.linksclass .txtlinklist .linktxt a:visited {color: #222;font-size:12px; font-weight:bold;text-decoration:none;}
.linksclass .txtlinklist .linktxt a:hover {color: #330;font-size:12px; font-weight:bold;text-decoration:underline;}

.sitemaparea {
	background-image: url(../images/index_bottom_box_bg.png);
	height: 156px;
	width: 952px;
	background-position: left top;
}
.sitemaparea .sitemapbox {
	padding-top:10px;
	margin-left: 260px;
	overflow: hidden;
	position: relative;
}

.sitemaparea .sitemapbox .linksbox {
	margin-right: 15px;
	float: left;
	margin-left: 15px;
	padding-top: 5px;
	padding-right: 15px;
	margin-bottom:5px;
	padding-left: 15px;
}
.sitemaparea .sitemapbox .linksbox .title {
	font-size: 12px;
	font-weight: bold;
	color: #FC0;
	text-decoration: none;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom: 12px;
}
.sitemaparea .sitemapbox .linksbox .links {
}
.sitemaparea .sitemapbox .linksbox .links ol li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin-bottom: 4px;
	*margin-bottom: 1px;
}
.sitemaparea .sitemapbox .linksbox .links ol li a:link{color: #fff;font-size:12px; font-weight:bold;text-decoration:none;}
.sitemaparea .sitemapbox .linksbox .links ol li a:visited {color: #fff;font-size:12px; font-weight:bold;text-decoration:none;}
.sitemaparea .sitemapbox .linksbox .links ol li a:hover {color: #F90;font-size:12px; font-weight:bold;text-decoration:underline;}
.sitemaparea .sitemapbox .copyrightline {
	background-image: url(../images/copyright_line.jpg);
	height: 135px;
	width: 6px;
	margin-right: 2px;
	margin-left: 2px;
	float: left;
}
.sortbox .parentsort {
	clear: both;
	height: 20px;
	padding-top:8px;
	margin-top:2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}

.sortbox .parentsort a:link{color:#C00;font-size:14px; font-weight:bold;text-decoration:none;}
.sortbox .parentsort a:visited {color:#C00;font-size:14px; font-weight:bold;text-decoration:none;}
.sortbox .parentsort a:hover {color: #660;font-size:14px; font-weight:bold;text-decoration:underline;}

.sortbox .subsort {height: 18px;float:left;	margin-left:5px;margin-right:10px;margin-bottom:0px;margin-top:5px;}
.sortbox .subsort a:link{color: #333;font-size:12px;font-weight:normal; text-decoration:none;}
.sortbox .subsort a:visited {color: #333;font-size:12px;font-weight:normal; text-decoration:none;}
.sortbox .subsort a:hover {color: #C00;font-size:12px;font-weight:normal; text-decoration:underline;}

.sortbox .subsortred {height: 18px;float:left;margin-left:5px;margin-right:10px;margin-bottom:0px;margin-top:5px;}
.sortbox .subsortred a:link{color: #F00;font-size:12px;font-weight:normal; text-decoration:none;}
.sortbox .subsortred a:visited {color: #F00;font-size:12px;font-weight:normal; text-decoration:none;}
.sortbox .subsortred a:hover {color: #F00;font-size:12px;font-weight:normal; text-decoration:underline;}


DIV.sortdiv .tagbox .tagdiv {
	height: 20px;
	float:left;
	margin-left:5px;
	margin-right:10px;
	margin-bottom:3px;
	margin-top:4px;
}


.copyright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #c26666;
	height: 25px;
	width: 952px;
	text-align:right;
	padding-right:5px;
	padding-top:5px;
}
.bbslist {
	background-image: url(../images/list_icon1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	line-height: 25px;
	text-align: left;
	clear:both;
}