@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	background:url(bgreX.jpg) repeat-x ;
	color:#CCC;
	font-size:12px;
}
a {
	text-decoration:none;
	color:#333;
}
a:hover {
	text-decoration:none;
	color:#666;
}
#container{
	background:url(headerbg.jpg) no-repeat center top;
	margin-top:25px;
}
#container1{	
	width:1024px;
	height:auto;
	margin:0 auto;	
}

#header{
	width:1024px;
	height:482px;
}
#navflash{
	width:1024px;
	height:415px;
}

#main{
	width:1024px;

}
#footer{
	background:url(footer.jpg) no-repeat ;
	width:1024px;
	height:255px;
}


/*列表*/
#content-list{
	background:url(listbg.jpg) no-repeat ;
	width:1024px;
	height:1094px;
}
#list{
	width:990px;
	height:auto;
	margin:0 0 0 40px;
	overflow:hidden ;_overflow:none;_height:1%; 
}
#list ul.grid{
	background:url(gridbg.jpg) no-repeat ;
	width:228px;
	height:488px;
	margin:0 10px 10px 0;
	float:left;
	position:relative;
	padding:0px;
	
}
#list ul li{
	position:relative;
	list-style-type:none;
}
#list ul li.grid-photo{
	width:210px;
	height:270px;
	margin:15px auto 0 auto;
}
#list ul li.user-nikcname{
	width:210px;
	color:#999;
	height:13px;
	overflow:hidden;
	margin:5px auto 0 auto;
	_margin:4px auto 0 auto;
}
#list ul li.user-nikcname a{
	color:#FFF;
}
#list ul li.user-nikcname a:hover{
	color:#999;
}
#list ul li.user-nikcname span{
	color:#F00;
}
#list ul li.user-text{
	width:210px;
	height:75px;
	overflow:hidden;
	_overflow:none;
	margin:23px auto 0 auto;
}
#list ul li.score{
	width:115px;
	height:12px;
	margin:38px 0 0 55px;
	_margin:29px 0 0 50px;
	*margin:29px 0 0 57px !important;
	background:#E3007F;
}
#page{
	margin:10px auto 0 auto;
	width:620px;
	height:20px;
	text-align:center;
}
/*info*/
#info{
	background:url(infobg.jpg) repeat-y top right;
	width:1024px;
	padding:0 0 20px 0;
	display:inline-block;
}
#infotop{
	background:url(infotop.jpg) right bottom no-repeat;
	width:1024px;
	height:22px;
}
ul#infocontent{
	width:707px;
	height:auto;
	margin:0 0 0 88px;
	padding:0;
	float:left;
	display:inline-block;
}
ul#infocontent li{
	list-style-type:none;
	margin: 0 0 10px 0;
}
ul#infocontent li.short{
	width:707px;
	background:url(infotitlebgshort.jpg) top no-repeat ;
	display:inline-block;
}
ul#infocontent li.longe{
	width:707px;
	background:url(infotitlebglonge.jpg) top no-repeat ;
	display:inline-block;
}
.infotitle{
	width:135px;
	height:30px;
	font:Arial, Helvetica, sans-serif;
	font-size-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	padding:15px 0 0 50px;
}
.infotext{
	color:#FFF;
	line-height:18px;
	letter-spacing:2px;
	width:600px;
	height:auto;
	text-align:left;
	float:right;
	margin:0 30px 0 0 ;
}

.hightlight{
	padding:2px 3px;
	background:#666;
}
.hightlight2{
	padding:2px 3px;
	border:solid 1px #000;
	color:#000;
}
.hightlight3{
	padding:2px 3px;
	color:#C00;
	font-weight:bold;
	background:#fff;
}
table.teacherbox{
	border:none;
}
table.teacherbox {
	border:none;
} 
table.teacherbox tr.trbg td{
	background:#3CF;
	text-align:center;
}
table.teacherbox td{
	background:#FC0;
	color:#000;
	border:0;
	padding:5px;
	text-align:right;
}
table.teacherbox td#black{
	background:#000;
	border:0;
	color:#fff;
	padding:5px;
	text-align:left;
}
table.teacherbox2 td{
	background:#FC0;
	color:#000;
	border:0;
	padding:5px;
	text-align:center;
}
table.teacherbox2 tr.trbg td{
	background:#69C;
	color:#FFF;
	text-align:center;
}
ol{
	width:500px;
	height:auto;
	padding:0;
	margin:0;
}
ol li.point{
	width:500px;
	padding:5px 0 0 20px;
	margin:0;
	list-style:decimal;
	list-style-type:decimal;

}

/*報名*/
#content-signup{
	background:url(singup.jpg) no-repeat top;
	width:1024px;
	height:483px;
	padding: 0;
}
#content-signup a#Mem{
	background:url(btnmem.jpg) top no-repeat;
	display:block;
	width:170px;
	height:170px;
	text-indent:-5000px;
	margin:115px 0 0 125px;
	_margin:115px 0 0 65px;
	float:left;
}
#content-signup a#Mem:hover{
	background:url(btnmem.jpg) bottom no-repeat;

}
#content-signup a#NonMem{
	background:url(btnnomem.jpg) top no-repeat;
	display:block;
	width:170px;
	height:170px;
	text-indent:-5000px;
	margin:115px 0 0 100px;
	_margin:115px 0 0 90px;
	float:left;
}
#content-signup a#NonMem:hover{
	background:url(btnnomem.jpg) bottom no-repeat;
}
#content-signup a#pixsignup{
	position:absolute;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	margin:385px 0 0 300px;
	*top:505px;*left:310px;
	
}
/*會員*/
#content-signup-mem{
	background:url(signupMember.jpg) no-repeat top;
	width:754px;
	height:483px;
	padding:0 50px 0 220px;
}

#content-signup-mem ul#joinbox{
	float:left;
	width:300px;
	height:350px;
	padding:102px 0 0 0;
	margin:0;
}
#content-signup-mem ul li{
	list-style-type:none;
}
#content-signup-mem ul li input{
	width:250px;
}
#content-signup-mem ul li select{
	margin:16px 0 0 0;
	width:125px;
}

#content-signup-mem ul li .selectphotobox{
    width:250px;
	height:70px;
	padding:20px 0 0 0;
	overflow:hidden;_overflow:none;_height:1%;
	
}
#content-signup-mem ul li .selectphotobox img{
	float:left;
	margin:0 3px 0 0 ;
}
#content-signup-mem ul li textarea{
	width:250px;
	height:100px;
	font-size:12px;
	list-style-type:none;
	margin:30px 0 0 0;
}
#content-signup-mem ul li input#sendlist{
	background:url(sendbg.jpg) no-repeat;
	width:145px;
	height:42px;
	border:0;
	margin:25px 0 0 0;
}
#content-signup-mem img#picdemo{
	width:300px;
	height:400px;
	border:0;
	float:left;
	margin:40px 0 0 125px;
}

/*非會員*/
#content-signup-nonmem{
	background:url(signupNoMember.jpg) no-repeat top;
	width:794px;
	height:483px;
	padding:0 50px 0 180px;
}
#content-signup-nonmem ul#joinbox{
	width:300px;
	height:350px;
	padding:80px 0 0 0;
	margin:0;
	float:left;
}
#content-signup-nonmem ul li{
	list-style-type:none;
}
#content-signup-nonmem ul li input{
	width:250px;
}
#content-signup-nonmem ul li input#picbrowse{
	margin:16px 0 0 0;
}
#content-signup-nonmem ul li input#browse{
	margin:16px 0 0 0;
	width:40px;
	color:#000;
}
#content-signup-nonmem ul li textarea{
	width:250px;
	height:100px;
	font-size:12px;
	list-style-type:none;
	margin:40px 0 18px 0;
}
#content-signup-nonmem ul li input#sendlist{
	background:url(sendbg.jpg) no-repeat;
	width:145px;
	height:42px;
	border:0;
	margin:200px 0 0 0;
}
#content-signup-nonmem ul li#address{
	width:240px;
	border:0;
	margin:6px 0 3px 95px;
	*margin:0px 0 3px 50px;
	padding:0;
}
#content-signup-nonmem ul li#address input{
	width:240px;
	padding:0;
}
#content-signup-nonmem ul li#address textarea{
	width:240px;
	height:35px;
	margin:6px 0 0 0px;
}

#content-signup-nonmem #btnbox{
	width:200px;
	margin:210px 0 0 68px;
	float:left;
}
#content-signup-nonmem #btnbox a{
	display:block;
	width:80px;
	height:16px;
	padding:0px 0 ;
	text-align:center;
	background:#03F;
	color:#FFF;
}
#content-signup-nonmem #btnbox a:hover{
	color:#FC0;
}
#content-signup-nonmem #btnbox input#sendlist{
    background:url(sendbg.jpg) no-repeat;
	width:145px;
	height:42px;
	border:0;
	margin:200px 0 0 0;
	*margin:200px 0 0 -50px;
	_margin:200px 0 0 -100px;
}

/*PKin*/
#pkin{
	background:url(pkin.jpg) no-repeat top;
	width:1024px;
	height:767px;
}
.pkphotobox{
	width:770px;
	height:400px;
	margin:0px auto 0 auto;
	padding:115px 0 0 0;
}
.pkphotobox img#leftguy{
	float:left;
}
.pkphotobox img#rightguy{
	float:right;
}
.pknamebox{
	width:520px;
	height:30px;
	margin:7px auto 0 auto;
}
#pkin span.leftname{
	float:left;
	text-align:left;
}
#pkin span.rightname{
	float:right;
	text-align:right;
}
.pkbtnbox{
	width:390px;
	height:30px;
	margin:7px auto 0 auto;
}
a.leftname{
	width:150px;
	height:30px;
	display:block;
	text-indent:-5000px;
	float:left;
}
a.rightname{
	width:150px;
	height:30px;
	display:block;
	text-indent:-5000px;
	float:right;
}
.pkroundbox{
	width:390px;
	height:30px;
	padding:25px 0 0 423px;
}
.pkroundbox span.roundnum{
	padding:0 15px;
}

#pkend{
	background:url(pkend.jpg) no-repeat top;
	width:1024px;
	height:767px;
}
.pkphotobox2{
	width:800px;
	height:400px;
	margin:0px auto 0 auto;
	padding:115px 0 0 30px;
}

.pkphotobox2 #pkendrightbox{
    width:350px;
	height:450px;
	float:right;
	overflow:hidden;_overflow:none;_height:1%;
}

.pkphotobox2 #pkendtext{
width:350px;
height:35px;
font-size:12px;
color:#CCCCCC;
margin:40px 0 0 0;
float:left;
}
#pkendsticker .sticker{
background:#FFFFFF;
width:161px;
height:357px;

float:left;
}
#pkendsticker .copy textarea{
width:156px;
height:280px;
border:0;
margin:0 0 0 10px;
float:left;
}
input#copybtn{
	width:156px;
	height:25px;
	text-indent:-5000px;
	background:none;
	border:0;
	margin:10px 0 0 10px;
	float:left;
}
input#pastebtn{
	width:156px;
	height:30px;
	text-indent:-5000px;
	background:none;
	border:0;
	margin:20px 0 0 10px;
	float:left;
}

/*速配*/
#match{
	background:url(matchbg.jpg) no-repeat top;
	width:1024px;
	height:767px;
}
#selfinfo{
	width:140px;
	height:200px;
	position:absolute;
	*margin:230px 0 0 158px !important;
	margin:230px 0 0 317px;
	_margin:230px 0 0 158px;
	
}
#selfinfo input#namematch{
	width:135px;
	height:15px;
	
}
form#calendar{
	margin:40px 0 0 0;
}
input#popupDatepicker{
	margin:40px 0 0 0;
}
#popupDatepicker2{
	position:absolute;
	width:140px;
	height:25px;
	top:60px;
	_left:158px;
	*left:158px !important;
}



#matchend{
	background:url(matchend.jpg) no-repeat top;
	width:1024px;
	height:767px;
}
#matchendsticker{
width:340px;
height:410px;
margin:130px 0 0 218px;
float:left;
}

#matchendsticker .sticker{
background:#FFFFFF;
width:161px;
height:357px;
float:left;
}
#matchendsticker .copy textarea{
	font-size:12px;
width:156px;
height:280px;
border:0;
margin:40px 0 0 10px;
float:left;
}
input#copybtn{
	width:156px;
	height:25px;
	text-indent:-5000px;
	background:none;
	border:0;
	margin:10px 0 0 10px;
	float:left;
}

#teacherbox{
	width:290px;
	height:430px;
	float:left;
	margin:120px 0 0 30px;
}
#teacherbox a#teacherlink{
	background:url(teacherbtn.jpg) top no-repeat;
	widows:290px;
	height:157px;
	display:block;
	text-indent:-5000px;
}
#teacherbox a#teacherlink:hover{
	background:url(teacherbtn.jpg) bottom no-repeat;
}

.namelink{
	width:270px;
	height:20px;
	display:block;
	padding:20px 0 10px 0;
}

.scores{
	width:195px;
	height:100px;
	font:Arial, Helvetica, sans-serif;
	color:#F09;
	font-size:80px;
	font-weight:800;
	padding:0 0 0 75px;
}

.comments{
	color:#999;
	width:252px;
	height:110px;
	line-height:17px;
	overflow:hidden;
	_overflow:none;
	padding:0 0 0 4px;
}
















/*search*/
#search{
	width:1024px;
	height:59px;
}
#search a#new{
	width:100px;
	height:35px;
	display:block;
	text-indent:-5000px;
	float:left;
	margin:15px 0 0 30px;
	_margin:15px 0 0 20px;
}
#search a#best{
	width:90px;
	height:35px;
	display:block;
	text-indent:-5000px;
	float:left;
	margin:15px 0 0 2px;
}
#search input#searchbox{
	width:240px;
	height:15px;
	border:0px;
	float:left;
	margin:18px 0 0 12px;
	*margin:20px 0 0 12px !important;
	_margin:20px 0 0 0px;
}
#search input#searchbtn{
	width:40px;
	height:25px;
	background:none;
	border:0;
	float:left;
	margin:15px 0 0 2px;
	}

/*murmur*/
#murmur{
	width:1024px;
	height:69px;
	background:url(murmurbg.jpg) top;
}
#murmur a#murtopic{
	display:block;
	width:280px;
	height:30px;
	float:left;
	margin:23px 0 0 100px;
	_margin:25px 0 0 46px;
	overflow:hidden;
}
#murmur #murphoto{
	width:53px;
	height:53px;
	float:left;
	margin:4px 0 0 13px;
	_margin:4px 0 0 21px;
}
#murmur a#murcomment{
	display:block;
	width:350px;
	height:30px;
	float:left;
	margin:23px 0 0 20px;
	overflow:hidden;
}
#butbox{
	width:150px;
	height:54px;
	float:left;
	margin:15px 0 0 39px;
}
#butbox a#mur{
	float:left;
	width:30px ;
	height:27px;
	display:block;
	margin:0 0 0 10px;
	_margin:0 0 0 7px;
	text-indent:-5000px;
}
#butbox a#fpt{
	float:left;
	margin:0 0 0 2px;
	width:27px ;
	height:27px;
	display:block;
	text-indent:-5000px;
}
#butbox a#reply{
	float:left;
	width:60px ;
	height:22px;
	display:block;
	text-indent:-5000px;
}
#butbox a#moretopics{
	float:left;
	width:60px ;
	height:22px;

	display:block;
	text-indent:-5000px;
}

/*pixnet menu*/
#pixnet-menu {
	line-height: 18px;
	width: 624px;
	height:20px;
	font-size: 12px;
	position: absolute;
	margin:5px 0 0 630px;
	top:0;
	z-index:1000000;
	}
		.separator { color: #e6e6e6; }
		#pixnet-menu li{float:left; margin:0 0 0 5px;list-style-type:none;}
		#pixnet-menu li a { color: #898989; }
		#pixnet-menu li a:hover { color: #000; }
		#pixnet-menu li#upgrade a { color: #367cd0; }
		#menu-more { 
			position: relative; 
			color: #898989; 
		}
		#menu-extra {
			    position: absolute;
				top: 18px; left: -12px;
				z-index: 5000;
				width:70px;
				padding: 3px;
				border: 1px solid #ddd;
				background: #ccc;
				height:auto;
			}
		#menu-extra li{
			float:left;
			width:60px;
			text-align:center;
			}
		#menu-extra li a { 
			   color:#6c6c6c;
			   display:block;
			   padding:0 2px;
		   }
		#menu-extra li a:hover { color: #fff; background:#000; }

			#menu-extra li a { }
		.hot-tag { font-size: 12px; }
	/*#info li { float: left; width: 33%; text-align: center; }*/