* {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6, pre, code, input, select, textarea {font-size: 100%;}

ul, ol {list-style: none;}

input.button {cursor: pointer; cursor: hand;}

img, fieldset {border: none;}

table {border-collapse: collapse; border: none;}



body {background: url(../img/bg.jpg); font: 11px/14px Tahoma, Verdana, sans-serif; text-align: center; }



#wrapper {width:800px; text-align:left; margin:0 auto; overflow:hidden; height:100%;}

#wrapper .l {height:100%; width:152px; background:url(../img/bg-l.png) no-repeat; float:left; float:left; behavior: url("./_server/design/iepngfix.htc");}

#wrapper .content-over {width:800px; height:100%; float:left; background:#fff;}

#wrapper .r {height:100%; width:142px; background:url(../img/bg-r.png) no-repeat; float:left; float:left;  behavior: url("./_server/design/iepngfix.htc");}

	#header {overflow:hidden; background:url(../img/bg-header.jpg) repeat-x; height:117px;}

		#logo {float:left; margin:0px 0px 0px 28px;}

		#login {float:right; margin-top:34px; margin-right:34px;}
		
		#right{
			float:right;
			width:300px;
			height:100%;
		}
		
		#left{
			width: 497px;
			height: 100%;
			float: left;
		}

			#login table {width:310px; color:#000; font-size:11px; }

			#login  span{color:#000; font-size:11px;}

			#login table  a {color:#000; font-size:10px; text-decoration:underline;}

			#login input {width:119px; height:18px; color:#030000; font-size:10px; border:1px solid #cccaca; padding-left:2px; padding-top:2px; margin-right:4px;}

			#login .check {width:12px; height:12px; background:#fff; border:1px solid #cccaca; margin-right:5px;} 

			#login .button2 {width:54px; height:22px; border:none; position: relative; top:-1px; //top:0px; margin-right:0px;}

	#menu {height:39px; background:url(../img/bg-menu.jpg) repeat-x ; margin:0px auto; overflow:hidden; margin-bottom:1px;}

		#menu ul {float:left; overflow:hidden; color:#00ccff; font-size:16px; font-weight:bold;}

		#menu li {float:left; padding:0 20px; line-height:39px; background:url(../img/sep-menu.jpg) no-repeat 100% 0;  font-weight:bold;}

		#menu .last {float:left; padding:0 20px; line-height:39px; background:none;  font-weight:bold;}

		#menu li a {color:#fff; font-size:16px; text-decoration:none;}

	#c {height:100%px; overflow:hidden;}
	
	#top{
		width: 100%;
		height: 100px;
		padding-left: 10px;
		padding-top:20px;
		padding-right:10px;
	}

		#video1 {width:498px; height:278px;}

		#video1 img {display: block;}

		#video1 a {display: block;}

		#video1 .prev{position: relative; width: 128px; height:128px;}

				#video1 .prev span{display: block; position: absolute; width: 128px; height: 128px; top: 73px; left: 182px; background: url(../img/play.png); cursor: pointer; cursor: hand;}

				



		#join { width:300px; height:300px; background:url(../img/bg-join.jpg) bottom; font-size:12px; color:#fff;}	

		#join h2 {color:#fff; font-size:18px; font-weight:normal; margin-top:10px; margin-bottom:15px;}

			#join table {width:263px; margin-left:23px;}

			#join td, #join th {

			  text-align: left;

			  padding-bottom: 3px;

			  //padding-bottom: 0px;

			  color:#fff;

			  height:22px;

			  font-family:tahoma;

			  font-size:11px;

			  font-weight: normal;

			}

			#join span {

				color:#000;

				font-family:tahoma;

				font-size:10px;

			}



			#join input, #join select {

			  width:100%;

			  color: #000;

			  position: relative;

			  padding: 1px 0;

			  background: #FFF;

			  font-family: Tahoma, Verdana, sans-serif;

			}

			#join .nb input, #join .nb select {

			  width: auto;

			}

			#join input.button {



			  width: auto;

			  border: none;

			  font-size: 11px !important;

			  margin: 5px 0 0;

			  //margin: 5px 0 0;

			  background: none !important;

			}

			#join a {color: #fff;}

			#join .nbc td {

			  font-size: 10px;

			}

			#join .nbc input {

			  width: auto;

			  border: none;

			}

			#join .np {

			  font-size: 10px;

			  padding-bottom: 0;

			}

			#join .np input {

			  width: auto;

			  border: none;

			}
	
	#contest{
		display:none;
		width:100%;
		height:100px;
		color:#000;
		padding-top:20px;
		padding-left:10px;
		padding-right:10px;
	}
	
	#features{
		background:url(../img/bg-member.jpg) repeat-x;
		width:100%;
		height:100%;
		padding-top:13px;
	}
	
	#features ul {overflow:hidden; color:#333; font-size:14px; font-weight:bold;}

		#features li {padding:10px 30px; line-height:20px; background:url(../img/check.jpg) no-repeat 10px 13px;  font-weight:bold;}
	
	#features h2 {height:29px; background:url(../img/icn-heart.jpg) no-repeat; color:#585858; font-size:18px; padding-left:44px; line-height:29px; margin:0px 0 9px 26px;}

	
	#howto{
		background:url(../img/bg-member.jpg) repeat-x;
		width:100%;
		height:100%;
		color:#000;
		padding-top:13px;
	}
	
	#howto h1{
		color:#585858; font-size:14px; padding-left:20px; padding-bottom:20px;
	}
	
	#howto h2 {height:29px; background:url(../img/icn-how.jpg) no-repeat; color:#585858; font-size:16px; padding-left:34px; line-height:29px; margin:0px 0 5px 15px;}
	
	#howto h3 {
		color:#000;
		margin: 0 15px 5px 15px;
		font-size:12px;
		line-height:14px;
	}
	#howto h3 a{
	text-decoration:none;
	cursor:none;
	color:#000;
	}
	
	#howto h4 {
		color:#000;
		margin: 0 0 10px 200px;
		font-size:12px;
		line-height:14px;
	}
	
#howto h4 a{
	text-decoration: underline;
	cursor:hand pointer;
	color: #00F;
	}
		#user {height:590px; background:url(../img/bg-member.jpg) repeat-x;  padding-top:13px;}

		#user h2 {height:29px; background:url(../img/icn-member.jpg) no-repeat; color:#585858; font-size:18px; padding-left:44px; line-height:29px; margin:0px 0 9px 26px;}
		

		#box {overflow:hidden;}

		#box .ll {float:left; background:none; width:18px; text-align:right;}

		#box .img {margin-top:40px;}		

		#box .u {float:left;width:762px; margin-bottom:0px; height:180px;}

		#box ul {float:left; overflow:hidden; height:100%; width:100%; margin-right:-20px; margin-left:0px; margin-left:1px;}

			#box li {width:95px; float:left;height:180px; color:#000; font-size:10px; background:url(../img/bg-u-inf.jpg) no-repeat bottom;}

			#box .t {margin-left:10px; margin-top:5px;}

			#box li  .a {color:#ff3ba2; font-size:10px; text-decoration:none;}

			#box .preview{display:block; position: relative; width: 95px; height: 122px;  padding:3px 0 0 1px; }

				#box li .preview span{display: block; position: absolute; width: 95px; height: 122px; top: 0; left: 0; background: url(../img/png-upuser.png) no-repeat top; }

				

		#box .rrr {float:left; background:none; width:15px; text-align:right;}		

	

	#footer-menu {height:40px; background:url(../img/bg-footer-menu.jpg) repeat-x; padding-top:7px;}

		#footer-menu ul {overflow:hidden;  height:40px;}

		#footer-menu li {float:left; padding-left:17px;padding-right:17px; background:url(../img/sep-footer.jpg) no-repeat 100% 50%; line-height:35px;}

		#footer-menu a {color:#575757; font-size:11px; text-decoration:none;}

		#footer-menu .last {background:none;}

	

	

	#cop {color:#9f9f9f; font-size:10px; margin-left:-300px;}

	#cop a {color:#9f9f9f; font-size:10px;}

	
.ul2 { 

padding-left:25px;

}	
	

.ul { 

padding-left:15px;

}	
.thumbnail{

	overflow:hidden;


	width:100px; height:130px; float:left;

	 padding-top:10px; margin-bottom:20px;
	 margin-right:15px;

	}
	
	#box2 {
		overflow:hidden;
		height:400px;
		}
#user2 {height:350px; background:url(../img/bg-member.jpg) repeat-x; overflow:hidden; padding-top:13px;}

		#user2 h2 {height:29px; background:url(../img/icn-video.jpg) no-repeat; color:#585858; font-size:18px; padding-left:44px; line-height:29px; margin:0px 0 9px 26px;}
		
a.link{
	color:#585858; 
	font-size:16px; 
	font-weight: bold; 
	text-decoration: none;
	line-height:28px;
}

.link:hover{
	text-decoration:underline;
	font-style:italic;
	color:#C00;
}