@charset "utf-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
}
img{border:none}
body{
	margin:auto;
	padding:0;
	background-color:#c0c0c0;
	font-family:Verdana;
	font-size:12px;
	background:transparent url('../images/patern.gif') repeat;
}
.clearer{
	clear:both;
	height:0px;
	overflow:hidden;
}
ul{
	list-style:none;
	list-style-image:none;
}
#wrapper{
	width:920px;
	background-color:#FFFFFF;
	margin:auto;
}
#top{
	height:87px;
}
#top .logo{
	float:left;
	width:81px;
	background:url('../images/logo.jpg') center right no-repeat;
	height:87px;
}
#top .top-menu{
	width:839px;
	float:right;
	height:87px;
}
#top .top-menu .text{
	height:53px;
	width:300px;
	float:left;
}
#top .top-menu .search{
	height:30px;
	width:300px;
	float:right;
	text-align:right;
	padding:23px 10px 0px 0px;
}
#top .top-menu .text img{
	margin:30px 0px 0px 15px;
}
#top .top-menu #nav{
	height:28px;
	margin-top:6px;
	padding-right:5px;
	float:right;
}
#nav ul li{
	float:left;
	margin-right:2px;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0;
}
#nav ul li a{
	float:left;
	height:22px;
	color:#FFFFFF;
	text-decoration:none;
	padding:6px 10px 0px 7px;
}
#nav ul li.color1{
	padding-left:5px;
	background:#e77817 url('../images/corner1.jpg') top right no-repeat;
}
#nav ul li.color2{
	background:#dc137c url('../images/corner2.jpg') top right no-repeat;
}
#nav ul li.color3{
	background:#03933f url('../images/corner3.jpg') top right no-repeat;
}
#nav ul li.color4{
	background:#97447a url('../images/corner4.jpg') top right no-repeat;
}
#nav ul li.color5{
	background:#d82619 url('../images/corner5.jpg') top right no-repeat;
}
#nav ul li.color6{
	background:#3e949d url('../images/corner6.jpg') top right no-repeat;
}
#member-menu{
	height:22px;
	background-color:#dd207a;
}
#signin{
	height:22px;
	background-color:#dd127b;
	text-align:right;
	margin-top:1px;
	text-align:right;
	padding-top:7px;
}
#signin ul {
	list-style:none;
	list-style-image:none;
	float:right;
}
#signin ul li{
	float:left;
	margin-right:15px;
}
#signin ul li a{
	color:#000000;
	text-decoration:none;
}
#banner{
	height:224px;
	width:920px;
	overflow:hidden;
	clear:both;
}
#container{
	position:relative;
	clear:both;
	z-index:4;
	width:920px;
	padding:0;
	margin-top:10px;
}
#left{
	width:200px;
	float:left;
	position:relative;
	z-index:1;
	background-color:#FFFFFF;
}
#center{
	width:454px;
	float:left;
	position:relative;
	z-index:1;
	background-color:#FFFFFF;
	padding:0px 20px 0px 20px;
}
#center table{
	width:454px;
}
#right{
	width:226px;
	float:left;
	position:relative;
	z-index:1;
	background-color:#FFFFFF;
	line-height:1.5em;
}
#big-right{
	width:680px;
	float:left;
	position:relative;
	z-index:1;
	padding:0px 20px 0px 20px;
	line-height:1.5em;
}
.col{
	width:233px;
	position:absolute;
	z-index:0;
	left:0;
	bottom:0;
}
.one{width:200px;}
.two{left:200px; width:494px}
.three{left:694px; width:226px;}
.big-two{left:200px; width:720px;background:#FFFFFF url('../images/right_bg.jpg') top right repeat-y;}
.col{top:0}/* hide from ie6 and under*/
/*classes for left*/
#left #menu-box{
	width:200px;
}
#left #menu-box ul li{
	height:29px;
	background:url('../images/left_menu_bg1.jpg') top left repeat-x;
	padding: 5px 0px 0px 20px;
}
#left #menu-box ul li a{
	color:#000000;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
#left #menu-box ul li.last-item{
	height:25px;
	background:url('../images/left_menu_bg.jpg') top left repeat-x;
}
#left #menu-box ul li.menu-selected{
	color:#fdf71d;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
#left .signin-box{
	padding:15px 15px 10px 15px;
	background-color:#e978a3;
	line-height:1.5em;
	font-size:13px;
}
#left .signin-box .textbox{
	width:167px;
}
#left .signin-box a{
	color:#000000;
	text-decoration:none;
}
/* classes for center */
#center .mega{
	width:454px;
}
#center .mega .header{
	height:22px;
	background-color:#85c226;
	padding:5px 0px 0px 15px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
#center ul{
	list-style:circle;
	margin-left:20px;
}
#center ol{
	margin-left:20px;
}
#center ul li{
	margin-top:5px;
}
#center .mega .image-box{
	clear:both;
	height:auto;
	padding:10px;
	background-color:#e67817;
	text-align:justify;
}
#center .mega .image-box img{
	margin:0px 10px 3px 0px;
	float:left;
}
#center .mega .image-box span.title{
	display:block;
	color:#f7f904;
	font-size:18px;
	font-weight:bold;
}
#center .mega .image-box .comment{
	color:#f7f904;
	font-size:13px;
	color:#FFFFFF;
	text-align:justify;
}
#center .mega .image-box .link{
	display:block;
	margin:5px 0px;
	text-align:right;
}
#center .mega .image-box .link a{
	font-style:italic;
	color:#f7f904;
	text-decoration:none;
}
#center .mega .image-box .link a:hover{
	text-decoration:underline;
}
#hot-members{
	background-color:#1f1a17;
	padding:10px;
	padding-top:5px;
	margin-top:15px;
}
#hot-members a{
	color:#FFFFFF;
	font-style:italic;
	text-decoration:none;
}
#hot-members span.hot-header{
	display:block;
	color:#f8ed22;
	font-size:15px;
	font-weight:bold;
}
#hot-members .list-image{
	clear:both;
	margin:auto;
	margin-top:5px;
	text-align:center;
}
#hot-members .list-image .member-item{
	margin-right:12px;
	float:left;
	width:77px;
}
.last-member-item{
	margin-right:0px !important;
}
#hot-members .list-image .member-item .box-img{
	width:77px;
	height:77px;
	overflow:hidden;
	margin:auto;
	padding:0;
}
#hot-members .list-image .member-item span{
	display:block;
	text-align:center;
	overflow:hidden;
	width:77px;
	height:auto;
}
#hot-members .list-image .member-item span a{
	color:#FFFFFF;
	text-decoration:none;
	font-style:normal;
	font-size:11px;
}
#center #categories{
	margin:auto;
	margin-top:15px;
	padding:0;
}
#categories .row{
	clear:both;
}
#categories .row .left-col{
	width:217px;
	float:left;
	padding-right:20px;
}
#categories .row .right-col{
	width:217px;
	float:right;
}
.cate-header{
	background:url(../images/bg_line.jpg) top left repeat-x;
	height:27px;
	clear:both;
}
.cate-item{
	margin:10px 0px 10px 0px;
	font-family:Verdana;
	font-size:13px;
}
.cate-item img{
	margin:0px 10px 10px 0px;
}
.event-item{
	clear:both;
	margin:5px 0px 10px 0px;
}
.event-item img{
	margin:0px 5px 0px 2px;
}
.event-item a.title{
	color:#0a99c3;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.event-item a.title:hover{
	text-decoration:underline;
}
.event-item .desc{
	font-size:13px;
	color:#000000;
	text-align:justify;
	display:block;
}
.center-title{
	color:#0a99c3;
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}
.center-title a{
	color:#0a99c3;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	text-decoration:none;
}
/*classes for right */
.right-box{
	width:221px;
	padding-right:5px;
}
.hotnews-header{
	height:21px;
	background-color:#0093dd;
	font-size:14px;
	font-weight:bold;	
	color:#FFFFFF;
	padding:5px 0px 0px 15px;
	overflow:hidden;
}
.right-box #tabs{
	height:19px;
	background:url('../images/bg1.jpg') top left repeat-x;
	border-left:1px solid #b4d9d3;
	border-right:1px solid #b4d9d3;
	font-size:11px;
}
#tabs ul{
	margin-left:5px;
}
#tabs li{
	float:left;
	display:inline;
	margin-right:1px;
}
#tabs li span{background:url(../images/tab_bg.jpg) top right repeat-x; display:block; float:left; font-size:11px; height:19px}

#tabs li span a{ padding:2px 10px 0px 10px; float:left; text-decoration:none; color:#006699; font-weight:bold; font-size:11px; background-image:url(../images/left_tab_bg.jpg); background-repeat:no-repeat; background-position:top left; height:18px;}
#tabs li.selected{ float:left; text-decoration:none; color:#006699; font-weight:bold; background-image:url(../images/tab_selected_bg.jpg); background-repeat:repeat-x; background-position:top left; font-size:11px;height:19px;}
#tabs li.selected span{padding:2px 10px 0px 10px;background:url(../images/left_tab_selected_bg.jpg) top left no-repeat; display:block; float:left; font-size:11px; height:18px}

.right-box .content{
	border:1px solid #b4d9d3;
	border-top:none;
	padding: 5px 10px 5px 10px;
	font-family:Tahoma;
	font-size:11px;
	overflow:auto;
}
.right-box .content .news-item{
	clear:both;
	line-height:1.5em;
	text-align:justify;
}
.right-box .content .news-item img{
	margin:0px 5px 2px 0px;
}
.right-box .content div.separator{
	height:1px;
	background-color:#dff0f7;
	margin:5px 0px 5px 0px;
}
a.hot-news-title{
	text-decoration:none;
	color:#1192f3;
	font-weight:bold;
}
a.news-blue{
	text-decoration:none;
	color:#1192f3;
}
.center-title{
	font-size:14px;
	font-weight:bold;
	display:block;
	padding-bottom:2px;
}
a.more{
	font-family:Verdana;
	font-size:13px;
	color:#97496c;
	text-decoration:none;
	font-style:italic;
}
.beauty{
	background-color:#00923f;
}
.right-v-space{
	margin-top:10px;
}
.form-row{
	clear:both;
	padding:3px 0px 3px 0px;
	font-family:Verdana;
	font-size:12px;
	color:#000000;
}
.form-row .left-field{
	float:left;
}
.form-row .right-field{
	float:right;
}
.news-date{
	font-size:11px;
	color:#AAAAAA;
}
.box-corner-top{
	height:10px;
	background:url('../images/box-bg1.jpg') top left repeat-x;
}
.box-corner-top .box-corner-top{
	height:10px;
	background:url('../images/box-corner3.jpg') top right no-repeat;
}
.box-corner-top .box-corner-top .box-corner-top{
	height:10px;
	background:url('../images/box-corner2.jpg') top left no-repeat;
}
.box-corner-bottom{
	height:10px;
	background:url('../images/box-bg.jpg') top left repeat-x;
}
.box-corner-bottom .box-corner-bottom{
	height:10px;
	background:url('../images/box-corner4.jpg') top right no-repeat;
}
.box-corner-bottom .box-corner-bottom .box-corner-bottom{
	height:10px;
	background:url('../images/box-corner1.jpg') top left no-repeat;
}
.box-corner-body{
	background:url('../images/box-bg2.jpg') top right repeat-y;
}
.box-corner-body .box-corner-body{
	background:url('../images/box-bg2.jpg') top left repeat-y;	
	padding:10px;
}
.question-item{
	clear:both;
	margin:5px 0px 5px 0px;
}
.question-icon{
	float:left;
	width:40px;
	text-align:left;
}
.question-text{
	float:right;
	width:414px;
	font-weight:bold;
	font-style:italic;
	text-align:justify;
	font-size:12px;
}
.answer-icon{
	float:left;
	width:40px;
	text-align:left;
}
.answer-text{
	float:right;
	font-weight:normal;
	text-align:justify;
	width:414px;
	display:block;
	font-size:12px;
}
#bottom{
	height:68px;
	text-align:right;
}
.required{
	font-size:11px;
	color:#CC0000;
}
.error-text{
	font-size:12px;
	color:#CC0000;
	display:block;
	height:22px;
}
td{
	padding:3px;
}
.share-cate{
	border:1px solid #aa3470;
	width:680px;
}
.share-cate .dotted-line{
	clear:both;
	height:0px !important;
	border-bottom:1px dotted #aa3470;
}
.share-header{
	background:url('../images/bg2.jpg') top left repeat-x;
	height:22px;
	font-size:13px;
	font-weight:bold;
	padding:5px 0px 0px 10px;
}
.share-row{
	height:auto;
	padding:5px 0px 5px 10px;
	background:url('../images/share_bg.jpg') top left repeat-y;
}
.share-col1{
	width:307px;
	float:left;
	padding:0px 3px 0px 0px;
}
.share-col2{
	width:204px;
	float:left;
	padding:0px 3px 0px 3px;
}
.share-col3{
	width:64px;
	float:left;
	padding:0px 3px 0px 3px;
}
.share-col4{
	width:74px;
	float:left;
	padding:0xp 3px 0px 3px;
}
.share-icon{
	width:52px;
	float:left;
	text-align:left;
}
.share-text{
	width:255px;
	float:right;
}
.share-col1 a{
	color:#0691cc;
	font-weight:bold;
	text-decoration:none;
}
.share-last-post{
	color:#875a77;
	text-decoration:none;
	font-weight:bold;
}

.pink-box{
	width:680px;
	border:1px solid #e31b7d;
	margin-bottom:10px;
}
.pink-box .pink-box-header{
	background:url('../images/box1_bg.jpg') top left repeat-x;
	height:22px;
	color:#000000;
	padding:5px 0px 0px 10px;
}
.pink-box-share-one{width:159px; border-right:1px dotted #e31b7d;}
.pink-box-share-name{
	display:block;
	text-align:center;
	color:#e31b7d;
	font-weight:bold;
}
.share-content{
	position:relative;
	clear:both;
	z-index:4;
	width:680px;
	padding:0;
}
.share-content .img-box{
	width:149px;
	float:left;
	position:relative;
	z-index:1;
	padding:5px;
}
.share-content .text-box{
	width:510px;
	float:right;
	position:relative;
	z-index:1;
	padding:5px;
}
.share-col{
	width:159px;
	position:absolute;
	z-index:0;
	left:0;
	bottom:0;
}
.share-two{left:160px; width:520px}
.share-col{top:0}/* hide from ie6 and under*/

.blue-box{
	width:680px;
	border:1px solid #84c13f;
	margin-bottom:10px;
}
.blue-box .blue-box-header{
	background:url('../images/box2_bg.jpg') top left repeat-x;
	height:22px;
	color:#000000;
	padding:5px 0px 0px 10px;
}
.blue-box-share-one{width:159px; border-right:1px dotted #84c13f}
.blue-box-share-name{
	display:block;
	text-align:center;
	color:#84c13f;
	font-weight:bold;
}

.red-box{
	width:680px;
	border:1px solid #d21c80;
	margin-bottom:10px;
}
.red-box .red-box-header{
	background:url('../images/box3_bg.jpg') top left repeat-x;
	height:22px;
	color:#000000;
	padding:5px 0px 0px 10px;
}
.red-box-share-one{width:159px; border-right:1px dotted #d21c80;}
.red-box-share-name{
	display:block;
	text-align:center;
	color:#d21c80;
	font-weight:bold;
}

.yellow-box{
	width:680px;
	border:1px solid #ffcf25;
	margin-bottom:10px;
}
.yellow-box .yellow-box-header{
	background:url('../images/box4_bg.jpg') top left repeat-x;
	height:22px;
	color:#000000;
	padding:5px 0px 0px 10px;
}
.yellow-box-share-one{width:159px; border-right:1px dotted #ffcf25;}
.yellow-box-share-name{
	display:block;
	text-align:center;
	color:#ffcf25;
	font-weight:bold;
}

.green-box{
	width:680px;
	border:1px solid #0d92d5;
	margin-bottom:10px;
}
.green-box .green-box-header{
	background:url('../images/box5_bg.jpg') top left repeat-x;
	height:22px;
	color:#000000;
	padding:5px 0px 0px 10px;
}
.green-box-share-one{width:159px; border-right:1px dotted #0d92d5;}
.green-box-share-name{
	display:block;
	text-align:center;
	color:#0d92d5;
	font-weight:bold;
}
.share-breakcrum-box{
	width:680px;
	margin-bottom:10px;
}
.share-breakcrum-t{
	background:url('../images/pink_top.jpg') top left repeat-x;
	height:6px;
}
.share-breakcrum-t .share-breakcrum-t{
	background:url('../images/pink_corner2.jpg') top right no-repeat;
	height:6px;
}
.share-breakcrum-t .share-breakcrum-t .share-breakcrum-t{
	background:url('../images/pink_corner1.jpg') top left no-repeat;
	height:6px;
}
.share-breakcrum-b{
	background:url('../images/pink_bottom.jpg') top left repeat-x;
	height:6px;
}
.share-breakcrum-b .share-breakcrum-b{
	background:url('../images/pink_corner3.jpg') top right no-repeat;
	height:6px;
}
.share-breakcrum-b .share-breakcrum-b .share-breakcrum-b{
	background:url('../images/pink_corner4.jpg') top left no-repeat;
	height:6px;
}
.share-breakcrum{
	border-left:1px solid #d21c80;
	border-right:1px solid #d21c80;
	padding:5px 15px;
}
.website-box{
	margin-bottom:10px;
	text-align:justify;
}
.website-box .link{
	display:block;
	padding-bottom:5px;
	color:#0050a7;
	font-weight:bold;
}
.website-box .link a{
	color:#0050a7;
	text-decoration:none;
	font-weight:bold;
}
.website-box .img-left{
	float:left;
	margin:0px 7px 3px 0px;
}
.website-box .img-right{
	float:right;
	margin:0px 0px 3px 7px;
}
.website-box .text{
	text-align:justify;
}
#front-paging{
	text-align:right;
}
#front-paging .current{
	font-weight:bold;
}
#front-paging a{
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
#front-paging a:hover{
	font-weight:bold;
	color:#CC0000;
	text-decoration:underline;
}
.pix-img{
	padding:10px;
	width:434px;
	height:auto;
	background-color:#e67817;
	color:#FFFFFF;
	margin:auto;
	text-align:center;
}
.comment-header{
	height:17px;
}
.comment-header .author{
	float:left;
	display:block; 
	background-color:#C1C1C1; 
	width:auto;
	height:17px;
	padding-left:5px;
}
.comment-header .date{
	float:left;
	display:block; 
	background:#FFFFFF url('../images/bg_binhluan.jpg') top left no-repeat; 
	width:80;
	padding-left:15px;
	height:17px;
}
.share-folder{
	height:18px;
	background:url('../images/folder.jpg') top left no-repeat;
	padding-left:27px;
	color:#0a99c3;
	font-weight:bold;
}
.share-folder a{
	color:#0a99c3;
	text-decoration:none;
}
.share-subfolder{
	height:20px;
	background:url('../images/subfolder.jpg') top left no-repeat;
	padding-left:37px;
	color:#000000;
	font-weight:bold;
}
.fun-face{
	margin-bottom:10px;
}
.fun-face .box-top{
	background:url('../images/black_bg2.jpg') top left repeat-x;
	height:9px;
}
.fun-face .box-top .box-top{
	background:url('../images/black_corner4.jpg') top right no-repeat;
	height:9px;
}
.fun-face .box-top .box-top .box-top{
	background:url('../images/black_corner3.jpg') top left no-repeat;
	height:9px;
}
.fun-face .fun-body{
	padding:0px 10px;
	border-left:1px #5e5e5e solid;
	border-right:1px #5e5e5e solid;
}
.fun-header{
	font-size:14px;
	color:#49aeb6;
	font-weight:bold;
}
.fun-face .box-bottom{
	background:url('../images/black_bg1.jpg') top left repeat-x;
	height:9px;
}
.fun-face .box-bottom .box-bottom{
	background:url('../images/black_corner1.jpg') top right no-repeat;
	height:9px;
}
.fun-face .box-bottom .box-bottom .box-bottom{
	background:url('../images/black_corner2.jpg') top left no-repeat;
	height:9px;
}
.fun-row{
	clear:both;
	margin:auto;
	margin:5px 0px;
	text-align:center;
}
.fun-row .img-box{
	float:left;
	width:140px;
	text-align:center;
}
.fun-row .img-box img.thumb{
	max-width:140px !important;
}
.fun-row .img-box a{
	text-align:center !important;
}
.img-box .desc{
	color:#d77d25;
	display:block;
	text-align:center;
	font-weight:bold;
	padding:3px;
}
.fun-row .img-box .link{
	color:#4999b4;
	display:block;
	text-align:right;
	font-style:italic;
	margin-top:3px;
}
.fun-row .img-box .link a{
	color:#4690a9;
	text-decoration:underline;
}
.fun-img-hspace{
	margin-left:6px;
}
.fun-desc{
	color:#d77d25;
}
.fun-img-box{
	height:100px;
	border:1px #5e5e5e solid;
	padding:5px;
}
.fun-img-box img{
	float:left;
}
.fun-img-box img.right{
	margin-left:7px;
}
.fun-black{
	color:#42413f;
	text-decoration:underline;
	font-style:italic;
}
.article-box{
	clear:both;
	margin:10px 0px;
	background-color:#b9db7c;
	color:#314319;
}
.article-box .header{
	background:url('../images/bg3.jpg') left top repeat-x;
	height:23px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding-top:5px;
	padding-left:10px;
}
.article-box .content{
	padding:10px;
}
.article-box .content .title{
	font-weight:bold;
	color:#e52520;
}
.vote-member{
	background-color:#e67817;
}
.vote-member .header{
	background:url('../images/box3_bg.jpg') top left repeat-x;
	height:22px;
	padding-top:5px;
	padding-left:5px;
	font-weight:bold;
	color:#000000;
	border:1px #e67817 solid;
}
.vote-member .list-member{
	background-color:#FFFFFF;
	margin:0px 2px 3px 2px;
	height:170px;
	overflow-y:scroll;
	overflow-x:hidden;
}
.vote-member .list-member .list-item{
	clear:both;
	background-color:#FFFFFF;
	padding:0px 3px;
	width:190px;
}
.vote-member .list-member .list-item:hover{
	background-color:#f4c790;
}
.quote-block{
	margin:5px;
	border:1px solid #DC137C;
}
.quote-block .quote-title{
	height:20px;
	background-color:#DC137C;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
}
.quote-block .quote-content{
	padding:5px;
	text-align:justify;
}
.week-row{
	clear:both;
}
.week-row .img-box{
	width:223px;
	float:left;
	text-align:center;
}
.week-right-box{
	margin-left:8px;
}
.black-member-box{
	background-color:#1f1a17;
}
a.more-article{
	color:#E52520;
	text-decoration:none;
	font-style:italic;
	font-size:11px;
	font-weight:bold;
}
a.more-article:hover{
	text-decoration:underline;
}
#copyright{
	text-align:center;
	color:#FFFFFF;
	padding:5px 0px;
	line-height:1.5em;
	font-size:11px;
	background:transparent url('../images/patern.gif') repeat;
}
#copyright a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
}