/* 
lions for the 2010 神大能
lions2100@gmail.com
2010-01-07
version is 1.1
*/
@charset "utf-8";
/* CSS Document */
/*==========================================*/
/*==========================================*/
/*==========================================*/
body{
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	background:url(img/bg.jpg) center -171px fixed;
}
a img{
	border:none;
	color:#fff;
}
a{
	color:#fff;
}
.outer{
	background:#333333;
	margin:0px auto;
	padding:0;
	width:880px;
	display:block;
	overflow:hidden;
}
#outer-wrapper1{}
#outer-wrapper2{}

.none{
	display:none;
	padding:0 30px 0 30px;
	letter-spacing:1px;
	line-height:25px;
	color:#000000;
}
.blue{
	color: #0066FF;
}
.pink {
	color: #FF3399;
}
.green {
	color: #339933;
}
.yellow{
	background:#FFFF99;
	padding:2px 5px 2px; 5px;
}
.yellow a{
	color:#000000;
}

/*==========================================*/
/*====================================header*/
/*==========================================*/
#header{
	width:880px;
	height:176px;
	display:block;
	float:left;
}
#header div{
float:left;
height:176px;
}

#h1{
width:232px;
background:url(img/h1.png) no-repeat;
}
#h2{
width:107px;
background:url(img/h2.png) no-repeat;
}
#h3{
width:108px;
background:url(img/h3.png) no-repeat;
}
#h4{
width:106px;
background:url(img/h4.png) no-repeat;
}
#h5{
width:107px;
background:url(img/h5.png) no-repeat;
}
#h6{
width:107px;
background:url(img/h6.png) no-repeat;
}
#h7{
width:112px;
background:url(img/h7.png) no-repeat;
}



/*==========================================*/
/*======================================menu*/
/*==========================================*/
#menu{
	width:200px;
	float:left;
}
#log{
	background:url(img/login.png) 0px 0px;
	height:150px;width:190px;
	margin:10px 0 0 10px;
}
#menu a div{
	width:190px;
	height:34px;
	margin:3px 0 0 10px;
}
#m1{background:url(img/m1.png) 0px 0px;}
#m1:hover{background:url(img/m1.png) 0px 34px;}
#m2{background:url(img/m2.png) 0px 0px;}
#m2:hover{background:url(img/m2.png) 0px 34px;}
#m3{background:url(img/m3.png) 0px 0px;}
#m3:hover{background:url(img/m3.png) 0px 34px;}
#m4{background:url(img/m4.png) 0px 0px;}
#m4:hover{background:url(img/m4.png) 0px 34px;}
#m5{background:url(img/m5.png) 0px 0px;}
#m5:hover{background:url(img/m5.png) 0px 34px;}
#m6{background:url(img/m6.png) 0px 0px;}
#m6:hover{background:url(img/m6.png) 0px 34px;}
#m7{background:url(img/m7.png) 0px 0px;}
#m7:hover{background:url(img/m7.png) 0px 34px;}
#m8{background:url(img/m8.png) 0px 0px;}
#m8:hover{background:url(img/m8.png) 0px 34px;}
#m9{background:url(img/m9.png) 0px 0px;}
#m9:hover{background:url(img/m9.png) 0px 34px;}
/*==========================================*/
/*=======================================log*/
/*==========================================*/
#log{}
#frm_log{
	padding:45px 0 0 15px;
}
#log label{
	color:#fff;
	margin:0 10px 0 10px;
}
#log input{
	font:12px "Courier New", Courier, monospace;
	width:100px;
	margin:5px 0 0 0;
}
#btn_log{
	width:70px !important;
	margin:5px 0 0 80px !important;
}
/*==========================================*/
/*======================================main*/
/*==========================================*/
#main{
	width:680px;
	float:left;
}
.context{
	padding:10px 0;
	margin:0 0 0 20px;
	background:#fbf6f2;
	width:630px;
	overflow:hidden;
	min-height:600px;
}
.context img{
	max-height:330px;
}
#context1{}
#context2{}

.banner{
	margin:0 15px 10px 15px;
	width:600px;
	height:100px;
}
#banner{background:url(img/b1.png) no-repeat;}
#banner2{background:url(img/b2.png) no-repeat;}
#banner3{background:url(img/b3.png) no-repeat;}
#banner4{background:url(img/b4.png) no-repeat;}
#banner5{background:url(img/b5.png) no-repeat;}
/*==========================================*/
/*======================================join*/
/*==========================================*/
.form{
	margin:0 0 20px 50px;
	display:block;
	font:12px Arial, Helvetica, sans-serif;
}
.form label{
	margin:0 10px 5px 0;
}
.form input{
	font:12px "Courier New", Courier, monospace;
	margin:0 10px 5px 0;
}

.form3{
	margin:0 0 20px 40px;
	display:block;
	width:550px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	
}
.form3 h2{
	display:block;
	background:url(img/collapsed.png) center left no-repeat #eeeeee;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	padding:10px 10px 10px 40px;
}



.form2{
	margin:0 40px 20px 50px;

	display:block;
	font:15px Arial, Helvetica, sans-serif;
}
.form2 label{
	margin:0 10px 5px 0;
	line-height:20px;
}
.form2 input{
	font:12px "Courier New", Courier, monospace;
	margin:0 10px 5px 0;
}
.txtlong{width:350px;}
.txtmid{width:200px;}
.txtshort{width:50px;}

.waring{
	margin:10px 15px 10px 15px;
	width:600px;
	height:40px;
}
#waring{background:url(img/t1.png) no-repeat;}
#waring2{background:url(img/t2.png) no-repeat;}
#waring3{background:url(img/t3.png) no-repeat;}
#waring4{background:url(img/t4.png) no-repeat;}
.cate{
	margin:0 15px 0 15px;
	width:600px;
	height:60px;
	display:block;
}
#c1{background:url(img/c1.png) no-repeat;}
#c2{background:url(img/c2.png) no-repeat;}
#c3{background:url(img/c3.png) no-repeat;}
#c4{background:url(img/c4.png) no-repeat;}
#c5{background:url(img/c5.png) no-repeat;}
#c6{background:url(img/c6.png) no-repeat;}
.btnOK{
	
	width:190px;
	height:34px;
	border:none;
	outline:none;
	margin:10px 0 !important;
}
#send1{background:url(img/ok_on.png) 0px 0px;}
#send2{background:url(img/ok2_on.png) 0px 0px;}
/*==========================================*/
/*=====================================index*/
/*==========================================*/
.note{
	line-height:30px;
}
.time{
	border:solid 1px #000;
	border-left:none;
	width:400px;
}
.time tr td{
	border:solid 1px #000;
	border-right:none;
	border-bottom:none;
	padding:10px;
}
.time tr th{
	border-left:solid 1px #000;
}



.list{
background:#999999;
}
.list tr td{
padding:2px;
height:25px;
}
.t0{
background:#EBEBEB;
}
.t0 td{
text-align:center;
}
.t1{
background:#ffffff;
}
.t2{
background:#EBEBEB;
}
.d1{
width:25px;
}

.d2{

}
.d3,.d4,.d5,.d6{
width:50px;
text-align:center;
}
.yes{
width:50px;
height:20px;
background:url(img/yes.gif) no-repeat center;
text-align:center;

}
/*==========================================*/
/*====================================footer*/
/*==========================================*/
#footer{
width:880px;
height:121px;
background:url(img/foot.png) no-repeat;
display:block;
float:left;
}




/*==========================================*/
/*==========================================*/
/*==========================================*/
.ok{
width:190px;
height:150px;
outline:none;
border:none;
float:left;
margin:10px 5px 0 10px;
}


#ok700{
display:none;
background:url(img/play700.png) 0px 0px;
}
#ok700:hover{
background:url(img/play700.png) 0px 150px;
}
#ok300{
display:none;
background:url(img/play300.png) 0px 0px;
}
#ok300:hover{
background:url(img/play300.png) 0px 150px;
}
#look700{
background:url(img/look700.png) 0px 0px;
}
#look700:hover{
background:url(img/look700.png) 0px 150px;
}
#look300{
background:url(img/look300.png) 0px 0px;
}
#look300:hover{
background:url(img/look300.png) 0px 150px;
}
#test700{
background:url(img/test700.png) 0px 0px;
}
#test700:hover{
background:url(img/test700.png) 0px 150px;
}
#test300{
background:url(img/test300.png) 0px 0px;
}
#test300:hover{
background:url(img/test300.png) 0px 150px;
}
.blank{
background:#333333 !important;
width:420px;
}
.description{
float:left;
color:#ffffff;
padding:10px 30px 0 0;
font:15px Verdana, Arial, Helvetica, sans-serif;

line-height:22px;
}


/*==========================================*/
/*============================fuking-ie6-bug*/
/*==========================================*/
#menu ul{
	_margin:3px 0 0 10px;
}
#header{
	_width:882px;
}


.qq{
padding:10px;
color:#FFFFFF;
}