@charset "utf-8";
/****************all****************/
html, body { height:100%;}
body { font-family:"STHeiti Light","Hiragino Sans GB", "lucida grande", "\4E3D\9ED1 Pro",arial, tahoma, verdana, sans-serif, \5B8B\4F53, "simsun"; unicode-bidi: embed;}
body { margin:0;padding:0;border:0;font-size:12px;text-align:left; background:url(images/bgbg.jpg) top center repeat-y #000000;}
div,form,img,ul,ol,li,dl,dt,dd { margin:0;padding:0;border:0;list-style-type:none;word-wrap: break-word; word-break:normal;}
h1,h2,h3,h4,h5,h6,table,td,tr,th { margin:0;padding:0;border:0;}
input, p, span, label { margin:0;padding:0;}
input, label { vertical-align:middle;}
body input, body textarea { font-size:12px;}
input, label, select, option, textarea, button, fieldset, legend { font-size:12px;}
:focus { outline:none;}
input::-moz-focus-inner { border: 0;}
textarea { resize: none;}
.shadow { text-shadow:1px 1px 0 #000;}

/*****************clear float****************/
.clearfix { display: inline-block;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
*html .clearfix { height: 1%;}
.clearfix{ display:block;}
/* End hide from IE-mac */ 
.clearfix{ *zoom:1}

.red { color:#FF0000;}
.red a { color:#FF0000;}
.orange { color:#FF9900;}

#bg { background:url(images/bg.jpg) top center no-repeat; position:relative; min-height:850px;}
#logo { position:absolute; top :10px; left:5%; behavior: url(iepngfix.htc);}
#page { width:960px; margin:0px auto;}
#mainflash { width:960px; height:547px;}
#indexcontent {}
.index01 { margin:0px auto; width:829px; height:167px;}
.index02 { margin:0px auto; width:814px; height:770px; position:relative;}
.infonotebtn {
	position:absolute;
	top:48px;
	left:461px;
}
.infonotebtn a { color:#FF0000; font-weight:bold; text-decoration:none;}
.infonotebtn a:hover { text-decoration:underline;}
.ecardbtn {position:absolute;top:42px;left:585px;}
.saylovebtn {left:583px;position:absolute;top:448px;}
.fbbtn {position:absolute;top:638px;left:404px;}
.plurkbtn {position:absolute;top:638px;left:430px;}


.infonotewin {background:#FFFFFF;border:#996600 4px solid;padding:20px;top:-29px;left:179px;width:480px;position:absolute;z-index:10;}
.close { position:relative;}
.closebtn { position:absolute; top:-20px; right:-20px; }
*html .closebtn { right:0px}
.infonotewin .notecon { padding:5px; height:300px; overflow:auto; margin-top:5px;}
.infonotewin .notecon ul li { list-style: outside decimal; margin-left:22px;}

.index03 { margin:0px auto; width:830px; height:70px; background:url(images/index03.png) 0 0 no-repeat;color:#FFFFFF; padding-bottom:30px;}
.footer { width:500px; margin:0px auto; padding-top:15px;}
.footer img { margin-right:10px;}
.index03 a { color:#FFFFFF}

#formcontent {}
.form01 { margin:0px auto; width:833px; height:69px;}
.form02 { margin:0px auto; width:830px; height:456px; background:url(images/form02.jpg) 0 0 no-repeat; position:relative;}
.form { position:absolute; top:50px; left:50px;}
.form p { margin-bottom:10px; }
.form p b {vertical-align:top;}
.form p .oneword { width:300px; padding:3px;}
.form p .textarea { width:300px; height:100px; padding:3px;}
.form p .input { padding:3px 5px;}
.notewin {background:#FFFFFF;border:#996600 4px solid;padding:20px;top:-29px;left:179px;width:450px;position:absolute;z-index:10;}
.close { position:relative;}
.closebtn { position:absolute; top:-20px; right:-20px;}

.notelogin {background:#FFFFFF;border:#996600 8px solid;padding:20px;width:400px;z-index:10;}
.close { position:relative;}
.closebtn { position:absolute; top:-20px; right:-20px;}
.ipartlogin { padding:30px 0px; text-align:center;}
.ipartlogin p { font-size:13px; margin-bottom:20px;}
.ipartlogin input { margin-right:10px; padding:5px;}

.samplewin {background:#FFFFFF;border:#996600 8px solid;padding:20px;width:600px;z-index:10;}

#saylovecontent {}
.saylove01 {margin:0px auto; width:880px; height:69px; background:url(images/saylove01.png) 0 0 no-repeat;}
.saylovelist { padding:15px 30px;}
.saylovelist a { color:#FFFFFF; }
.saylovelist label { font-size:13px; font-weight:bold; margin:0px 5px; color:#FFFFFF;}
.saylovelist label a { color:#fff; text-decoration:none;}
.saylovelist label a:hover { color:#fff; text-decoration:underline;}
.saylovelist .oneword { width:150px; padding:3px;}
.saylovelist .input { padding:3px 5px;}

.saylove02 { background:url(images/saylove02bg.gif) 0 0 repeat-y; width:864px; margin:0px auto; height:80px; position:relative;}
.saylove02 a { font-size:15px; font-weight:bold; text-decoration:none; color:#FFFFFF; margin:0px 10px;}
.saylove02 a:hover { text-decoration:underline;}
.saylove02 .next { position:absolute; top:60px; right:130px; padding-left:10px; background:url(images/backarr.gif) 0px 2px no-repeat;}
.saylove02 .back { position:absolute; top:60px; right:50px; padding-right:10px; background:url(images/nextarr.gif) 70px 2px no-repeat;}
.saylove03 { background:url(images/saylove03bg.gif) 0 0 repeat-y; width:794px; margin:0px auto; padding:10px 35px;}
.saylove04 { width:864px; margin:0px auto;}

.saylove05 { margin:0px auto; width:880px; height:69px; background:url(images/saylove01.png) 0 0 no-repeat;color:#FFFFFF; padding-bottom:30px;}
.footer { width:500px; margin:0px auto; padding-top:15px;}
.footer img { margin-right:10px;}
.saylove05 a { color:#FFFFFF}

.oneuser { float:left; width:109px; border:#CCCCCC 1px solid; height:280px; padding:10px 8px; margin:0px 5px 5px 0px; background:#FFFFFF;}
.username { width:109px; height:18px; overflow:hidden; margin-bottom:5px; line-height:2em;}
.username a {color:#775022;}
.username a:hover {color:#cc003e;}
.username img { margin-right:5px;}
.usertip { width:109px; height:18px; overflow:hidden; color:#999999;margin-bottom:5px}
.usertip span { color:#775022}
.userpic {margin-bottom:8px}
.usersay {margin-bottom:8px; height:30px;}
.usereecard {}
.userevote {}

.userpic .img { height:102px;overflow:hidden;position:relative;text-align:center;vertical-align:middle;width:102px; margin:0px auto; }
.userpic a { height:100px;left:0px;line-height:100px;position:absolute;top:0px;vertical-align:middle;width:100px; display:table;}
.userpic a .piccenter { display: table-cell;text-align: center;vertical-align: middle; width: 100px; height: 100px;border:#CCCCCC 1px solid;}
.userpic a .piccenter * { vertical-align: middle;}
.userpic a .piccenter span {display: inline-block; height: 100%;}

#prizercontent {}
.prize01 {margin:0px auto; width:881px; height:70px;}
.prize02 {margin:0px auto; width:864px; height:210px; background:url(images/prize02.png) 0 0 no-repeat; position:relative;}
.prize03 {margin:0px auto; width:864px; height:95px; background:url(images/prize03.png) 0 0 no-repeat; position:relative}
.prize033 {margin:0px auto; width:864px; height:280px; background:url(images/prize033.png) 0 0 no-repeat; position:relative}
.prize04 {margin:0px auto; width:864px; height:220px; background:url(images/prize04.png) 0 0 no-repeat; position:relative}
.prize05 {margin:0px auto; width:864px; height:240px; background:url(images/prize05.png) 0 0 no-repeat; position:relative}
.prize06 {margin:0px auto; width:864px; height:106px; background:url(images/prize06.png) 0 0 no-repeat; position:relative}
.prize07 {margin:0px auto; width:864px; height:250px; background:url(images/prize07.png) 0 0 no-repeat; position:relative}

.prize03 .next a, .prize04 .next a, .prize06 .next a, .prize07 .next a,.prize03 .back a, .prize04 .back a, .prize06 .back a, .prize07 .back a { font-size:12px; font-weight:bold; text-decoration:none; color:#FFFFFF; margin:0px 5px;}
.prize03 .next a:hover, .prize04 .next a:hover, .prize06 .next a:hover, .prize07 .next a:hover, .prize03 .back a:hover, .prize04 .back a:hover, .prize06 .back a:hover, .prize07 .back a:hover { text-decoration:underline;}
.prize03 .next, .prize04 .next, .prize06 .next, .prize07 .next { position:absolute;padding-left:10px; background:url(images/backarr.gif) 0px 2px no-repeat;}
.prize03 .back, .prize04 .back, .prize06 .back, .prize07 .back { position:absolute;padding-right:10px; background:url(images/nextarr.gif) 50px 2px no-repeat;}
.prize03 .next {top:4px;right:90px;}
.prize03 .back {top:4px;right:20px;}
.prize04 .next {top:45px;right:90px;}
.prize04 .back {top:45px;right:20px;}
.prize06 .next {top:3px;right:90px;}
.prize06 .back {top:3px;right:20px;}
.prize07 .next {top:46px;right:90px;}
.prize07 .back {top:46px;right:20px;}

.prize02 .picarea { position:absolute; top:150px; left:0px;}
.prize03 .picarea { position:absolute; top:20px; left:0px;}
.prize033 .picarea { position:absolute; top:40px; left:0px; font-size:12px; line-height:1.8em;}
.prize04 .picarea { position:absolute; top:65px; left:0px;}
.prize05 .picarea { position:absolute; top:20px; left:0px;}
.prize06 .picarea { position:absolute; top:20px; left:0px;}
.prize07 .picarea { position:absolute; top:65px; left:0px;}

.picarea {margin:0px auto; padding:10px 35px;}
.picarea .oneuser { height:140px;}