/*
Offical Style for SupeV(R)
URL: http://www.SupeV.com
(C) 2001-2007 Comsenz Inc.
<style type="text/css">
*/

/* ~~~~~~ Common Style ~~~~~~*/
* { word-wrap: break-word; }
body { background: #FFF; text-align: center; }
body, td, input, textarea, select, button { color: #000; font: 12px/1.6em Helvetica, Arial, sans-serif; }
body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
li, dt, dd { list-style: none; text-align: left; }
a { color: #0287C7; text-decoration: none; cursor:pointer; }
	a:hover { text-decoration: underline; }
	a img { border: none; }
em, cite, strong, th { font-style: normal; font-weight: normal; }
table { empty-cells: show; border-collapse: collapse; }
form { margin: 0; padding: 0; }
	input, button, select, textarea { font: 1em "Trebuchet MS", "Lucida Console", "Lucida Sans"; }
	button { cursor: pointer; }
	input, textarea { background: url(../res/input_bg.gif) 0 0 no-repeat; padding-left: 4px; }
h1 { height: 33px; line-height: 33px; background: #008CAC url(../res/title_bg.gif) 0 0 repeat-x; font-size: 1.17em; color: #FFF;text-align: left; }
	h1 cite { float: left; text-indent: 12px; font-weight: bold; }
	h1 em { color: #CB0069; font-weight: bold; }
	h1 .h1left { width: 3px; height: 33px; background: url(../res/title_bg.gif) 0 50% no-repeat; float: left; }
	h1 .h1right { width: 3px; height: 33px; background: url(../res/title_bg.gif) 0 100% no-repeat; float: right; }
h2, h3 { margin-bottom: 5px; padding-left: 12px; height: 30px; line-height: 30px; border-bottom: 1px dashed #A5A5A5; font-size: 1.17em; color: #C90066; text-align: left; }
	h2 cite { font-size: 0.86em; float: right; margin-right: 6px ; }
		h2 cite a { font-size: 1em; margin-left: 12px; }
		h2 strong { font-size: 0.83em; font-weight: normal; color: #666; margin-left: 10px; }
	.categoryinfo h2 { padding-left: 0; }
	h2 em{ color:#000; font-weight:700; }
h3 { color: #000; }
	h3 a { color: #949494;}
	.basebox h3 a { float: right; margin: -22px 8px 0 0;}
h4 { color: #CB0169; font-size: 1.17em; }
	h4 a { color: #0186C9; }
	h4 cite { float: right; margin: -16px 10px; }
.side h4 { font-size: 1.17em; }
h6 { height: 3em; line-height: 3em; text-align: left; margin-left: 10px; font-size: 1.17em; }
.singleplayer h6 { text-align: center; }
em { margin: auto 4px; color: #989898; }
.rowspace { height:7px; line-height:7px; }
.sep{ margin:auto 10px; color:#0186C9; }
a.grey{ color:grey; }
a.purple{ color:#cd0067; margin: auto 10px; }
.alertcolor{ color:red; }
.line{ border-top:1px solid #ddd; }
* html select{ font-size: 11px; }
*+html select { font-size: 11px; }

/*~~~~~~~~~~~ header Style ~~~~~~~~~ */
#header { width: 980px; height: 120px; margin: 0 auto 8px; overflow: hidden; text-align: left; }
	* html #header { height: 1%; }
	.logo { float: left; margin: 30px 0 0; }
	.topmenu { float: right; margin-top: 18px; text-align: right; }
		.toplinkbar { margin: 0 6px 8px; }
		.topmenu a { color: #333; }
		.topmenu .searchbar { width: 330px; }
	.tabsbar { float: left; position: absolute; margin: 45px auto auto 160px; text-align: center; }
		* html .tabsbar { margin: 45px auto auto 10px; }
		*+html .tabsbar { margin: 45px auto auto 30px; }
		.tabsbar a { float: left; width: 70px; height: 38px; line-height: 38px; background: #EEE url(../res/nav_tabs.gif) no-repeat; font-size: 1.17em; font-weight: bold; color: #000; }
			a.ontabs { background: url(../res/nav_tab_on.gif) no-repeat; color: #FFF; }
	.navbar { margin-top: 80px; height: 40px; line-height: 40px; background: #000 url(../res/nav_bg.gif) 0 0 repeat-x; bottom: 0px; }
		.navbarl { width: 4px; height: 40px; background: url(../res/nav_bg.gif) 0 50% no-repeat; float: left; }
		.navbarr { width: 4px; height: 40px; background: url(../res/nav_bg.gif) 0 100% no-repeat; float: right; }
		.navlink { float: left; margin-left: 16px; width: 780px; overflow: hidden; color: #FFF; text-align: left; }
			.navlink a { margin: auto 8px; color: #FFF; }
			.navlink a.ontabs1{ color:yellow; }
		.upvideobtn { float: right; width: 138px; height: 34px; margin: 3px 4px 0; background: url(../res/btn_upvideo.gif) 0 0 no-repeat; border: none; text-indent: -9999px; overflow: hidden; }

/* ~~~~~~~~ wap Style ~~~~~~~~ */
#wap { width: 980px; margin: 0 auto; overflow: hidden; }
	* html #wap { height: 1%; }
		.basebox, #hotcommend, #commendspecial, #memberact, #bestoriginal, #moviefun, #gamecartoon, #usercenter, #hottags, #topact, #topuser, #sitestate, #adhoccommend, #weblink, #sortviewby { margin-bottom: 8px; border: 1px solid #A3D1DE; }

/* ====== mainarea Style ====== */
	.mainarea { float: left; overflow: hidden; }
		* html .mainarea { height: 1%; }
	.spacearea { float: right; overflow: hidden; }
		* html .spacearea { height: 1%; }
	.basearea, .albumarea { width: 692px; }
	.singlearea { width: 662px; }
	.maxarea { width: 100%; }
	.searcharea { width: 762px; }
	.playerarea { width: 552px; }
	.salbumarea { width: 592px; }

		.indexvideo {}
		.indexvideo img { width: 272px; height: 210px; border: none;}
		#imgtabspan { margin: -30px 0 10px; text-align: right; width: 272px; height: 20px; line-height: 20px;}
			#imgtabspan a{ height: 16px; padding: 4px 8px; background: #3A3A3A; color: #FFF; margin-right:1px; font-size: 12px; text-decoration: none; }
				#imgtabspan a:hover { background: #00CCCC; }
					#imgtabspan a.imgonchecked  { background: #FE7009; }
		#imgshowtext { text-align: center; }

		.videolist h4, .videolist1 h4, .pixlist h4, .pixlist1 h4 { font-size: 1em; height: 1.63em; overflow: hidden; }
		.videolist { overflow: hidden; padding: 10px 26px 16px 50px; }
			* html .videolist { height: 1%; }
			.videolist li { float: left; width: 24.9%; margin-top: 12px; }
				.videolist li div { margin: auto auto 6px -6px; }
					* html .videolist li div { margin: auto auto 6px 0px; }
				.videolist li div img { padding: 3px; border: 1px solid #DDE5E6; display: block; width:111px; height:83px;}
				.videolist li p {height: 1.5em; line-height: 1.5em; overflow: hidden; }
					p.authorid { margin-right: 10px; overflow: hidden; word-break: break-all; }
				.videolist li p span { float: left; margin-right: 8px; }
				.videolist li h4 a{ margin-left:0; }
				.videolist li.all{ clear:both; width:100%; text-align:right; }
		.videolist1 { overflow: hidden; padding: 10px 26px 16px 50px; }
			* html .videolist1 { height: 1%; }
			.videolist1 li { float: left; width: 50%; margin-top: 12px; }
				.videolist1 li div { float: left; margin-right: 10px; border: 1px solid #DDE5E6; }
				.videolist1 li div a { margin: 3px;}
				.videolist1 li div img { display: block; width:111px; height:83px;}
				.videolist1 li p { height: 1.5em; line-height: 1.5em;}
				.videolist1 li p span { float: left; margin-right: 20px; }
				.videolist1 li h4 a{ margin-left:0; }
		.hotvideo { padding: 0 0 0 4px; }
		.hotvideo li { float: left; width: 33%; margin-top: 8px; }
		.pixlist { overflow: hidden; padding: 10px 26px 16px 40px; }
			* html .pixlist { height: 1%; }
			.mostplay li { margin-bottom: 20px; }
			.pixlist li { float: left; width: 24.9%; margin-top: 12px; }
				.pixlist li div { width: 142px; height: 102px; background: url(../res/album_bg.gif) no-repeat; margin: auto auto 6px -6px; }
					* html .pixlist li div { margin: auto auto 6px 0px;}
				.pixlist li div img { margin: 11px 0 0 18px; }
				.pixlist li p {height: 1.5em; line-height: 1.5em; }
				.pixlist li p span { float: left; margin-right: 20px; }
		.pixlist1 { overflow: hidden; padding: 10px 26px 16px 40px; }
			* html .pixlist1 { height: 1%; }
			.pixlist1 li { float: left; width: 50%; margin-top: 12px; height: 110px; overflow: hidden; }
				.pixlist1 li div{ float: left; width: 142px; height: 102px; background: url(../res/album_bg.gif) no-repeat; margin-right: 10px; }
				.pixlist1 li div img { margin: 11px 0 0 22px; }
				.pixlist1 li h4 { margin-top: 12px; overflow: hidden; height: 1.6em; }
				.pixlist1 li p { margin-left: 6px; height: 1.8em; line-height: 1.8em;}
				.pixlist1 li p span { float: left; margin-right: 20px; }
		.singleside .videolist1, .singleside .pixlist1, .singleside .videolist1 { padding: 0; }
		.videolist1 li div img, .videolist li div img { margin:3px; width: 111px; height: 83px;}
		.pixlist li div img, .pixlist1 li div img { width: 111px; height: 83px; }
				.videolist li div strong a, .videolist1 li div strong a, .pixlist li div strong a, .pixlist1 li div strong a{ height: 20px; width: 20px; padding: 0px; background: url(../res/icon_add.gif) no-repeat; position: absolute ; z-index: 999; display: block; }
				.videolist li div strong a:hover, .videolist1 li div strong a:hover, .pixlist li div strong a:hover, .pixlist1 li div strong a:hover { background: url(../res/icon_add_on.gif) no-repeat; }
				.videolist li div strong a.delmov, .videolist1 li div strong a.delmov, .pixlist li div strong a.delmov, .pixlist1 li div strong a.delmov { background: url(../res/icon_del.gif) no-repeat; }
				.videolist li div strong a.delmov:hover, .videolist1 li div strong a.delmov:hover, .pixlist li div strong a.delmov:hover, .pixlist1 li div strong a.delmov:hover { background: url(../res/icon_del_on.gif) no-repeat; }
				.videolist li div strong a, .videolist1 li div strong a { margin: 64px 0 0 6px;}
				.pixlist li div strong a, .pixlist1 li div strong a  { margin: 72px 0 0 26px; }

		.page{ padding:20px 30px 10px 0; text-align:right; color:#22749a; font-family:Tahoma; clear:both; }
			.page span{ color:#fe9903; }
			.page a, .page em{ margin:1px; padding:2px 7px; border:1px solid #d7d7d7; background:#f7f7f7; color:#888; font-style:normal; }
				.page a.pageact{ background: url(../res/ontype.gif) repeat-x; }
			.page a:hover, .page a.pageon{ border:1px solid #feaace; background:#fdecf4; color:#ae004a; text-decoration:none; }

				.page a.jumpto{ padding:2px; *padding:1px; border: 0; }
					.jumptoin{ margin:0; width:30px; border:1px solid #d7d7d7; line-height:15px; height: 16px; }
					* html .jumptoin { vertical-align: middle; }
					*+html .jumptoin { vertical-align: middle; }

		#hotcommend { overflow: hidden; }
			* html #hotcommend { height: 1%; }
			#hotcommend dl { margin-bottom: 8px; }
			#hotcommend dl dt { float: left; width: 280px; margin: 8px; border: 1px solid #DDE5E6; }
				#hotcommend dl dt img.hotview { display:block; width: 272px; height: 210px; margin: 4px; }
				.topnews { padding: 2px 10px;  border: 1px solid #DDE5E6; border-width: 1px 0 1px 0; }
					#hotcommend dl dt div h5 { text-align: center; }
					.topnews a { color: #999; }

		.newcomment { padding: 10px 14px; border-bottom: 1px solid #DDE5E6; }
			.newcomment textarea { width: 520px; height: 100px; margin-bottom: 4px; border: 1px solid #C9D7E2; overflow: auto; }
			.singlearea .newcomment textarea { width: 580px; }
			.smilelist { height: 2.2em; line-height: 2.2em; text-align: left; }
				.smilelist a { margin-right: 5px; }

		.review { margin: 10px 20px; text-align: left; overflow: hidden; }
			* html .review { height: 1%; }
			.review p { height: 2em; line-height: 2em; margin-bottom: 10px; background: #E6F5FD; text-indent: 1.6em; }
				a.reviewuser { margin-right: 1em; font-weight: bold; }
			.review dl dt { float: left; width: 90px; text-align: center; }
				.review dl dt img { padding: 3px; width: 48px; height: 48px; border: 1px solid #9E9EA0; }
			.review dl dd { margin-left: 90px; padding-right: 10px; }

		.useralbum { padding: 5px 20px; text-align: left; }
			.albumdata { padding: 10px 0; border-bottom: 1px dotted #DDE5E6; overflow: hidden; }
				* html .albumdata { height: 1%; }
				.albumdata div.albumimg { float: left; width: 142px; height: 102px; background: url(../res/album_bg.gif) no-repeat; margin-right: 26px; }
				.albumdata div.albumimg img { margin: 11px 0 0 22px; height: 84px; width: 111px; }
				.albuminfo { float: right; width: 380px; overflow: hidden; }
					* html .albuminfo { height: 1%; }
				.albumdata p { margin-left: 6px; line-height: 1.8em;}
				.albumdata p span { float: left; margin-right: 20px; }
				.albumdata em { margin-right: 30px; }

			.albuminfo { padding: 10px 0; }
				.albumtags a { margin-right: 10px; }
				.albumdepiction { margin: 5px 0; color: #636363; }
			.albumplayer  { padding: 10px 0; border-bottom: 1px solid #DDE5E6; text-align: center; }
				.albumplayer h5 { text-align: center; }
				.albumplayer cite { color: #0088C7; }
			.singleplayer { padding-bottom: 10px; }
				.singleplayer h5 { background: #F2FAFD; border: 1px solid #D6EEFA; height: 2.2em; text-align: left; line-height: 2.2em; font-size: 1em; text-indent: 1em; overflow: hidden; margin-bottom: 10px; }
					.singleplayer h5 span { float: right; font-size: 0.83em; font-weight: normal; margin-right: 10px; }
					.singleplayer h5 strong { float: left; width: 470px; overflow: hidden; font-weight: bold; }


			.albumedit dl { border: 0px; height: 66px; }
				.albumedit dl dt { float: left; width: 120px; height: 66px; background: url(../res/bg_commend.gif) 50% 50% no-repeat; text-align: center; color: #FFF; font-size: 1.17em; font-weight: bold; }
					.albumedit dl dt p { margin: 12px 0 2px; }
					.albumedit dl dt a { color: #FFF; }
					.albumlink { padding-top: 10px; height: 30px; }
						.albumlink a { float: left; margin-right: 3px; width: 94px; height: 27px; overflow: hidden; line-height: 27px; text-indent: -9999px; }
						a.albumfav { background: url(../res/btn_videofav.gif) 0 0  no-repeat; }
						a.albumadd { background: url(../res/btn_videofav.gif) 0 33%  no-repeat; }
						a.albumenjoy { background: url(../res/btn_videofav.gif) 0 67%  no-repeat; }
						a.albumreveal { background: url(../res/btn_videofav.gif) 0 100%  no-repeat; }
						a.albumlist { background: url(../res/btn_videoadd.gif) 0 0  no-repeat; }
				.albumedit dl dd { height: 66px; }
					.albumedit dl dd div em, .albumedit dl dd div cite, .albumedit dl dd div span { float: left; }
					.albumedit dl dd div em { margin: 0 10px 0 2px; }
					.albumedit dl dd div cite { color: #0088C7; }

			.mylist { margin-left: 70px; }
				.mylist li { width: 19%; margin-top: 30px; }

			.listhistory li { width: 16.6%; }


		.quotelog { margin: 20px 30px; line-height: 2em; color: #999; }

		.subscribe { height: 3em; line-height: 3em; text-align: left; }
			.subscribelink { float: left; margin: 4px 0 0 8px; }
				.playallbtn { float: left; width: 94px; height: 27px; margin-left: 3px; background: url(../res/btn_fav.gif) 0 0 no-repeat; line-height: 27px; overflow: hidden; text-indent: -9999px; }
				.subscribebtn { float: left; width: 94px; height: 27px; margin-left: 3px; background: url(../res/btn_fav.gif) 0 100% no-repeat; line-height: 27px; text-indent: -9999px; overflow:hidden; }
			.albumaddress { float: right; margin-right: 1em; vertical-align: middle; }
				* html .albumaddress  { margin-top: 5px; }
				.albumaddress input { width: 180px; height: 20px; line-height: 20px; margin: auto 8px; border: 1px solid #C9D7E2; vertical-align: middle; }
				.copybtn { width: 50px; height: 20px; margin-left: 3px; background: url(../res/btn_copy.gif) 0 50% no-repeat; border: none; line-height: 20px; text-indent: -9999px; vertical-align: middle; }

		.typeview { border-bottom: 1px solid #DDE5E6; height: 28px; }
			.typeview ul li { float: right; height: 27px; line-height: 30px; margin: auto 1px; background: url(../res/viewtype_bg.gif) 100% 50% no-repeat;  }
				.typeview ul li a { margin: auto 10px; }
				li.viewtypeon { font-weight: bold; margin-top: 2px !important; }
					.viewtypeon a { color: #F90; }
			.typeview cite { float: right; }
				.typelistl { float: left; height: 27px; line-height: 30px; width: 5px; background: url(../res/viewtype_bgl.gif) 0 50% no-repeat; }
					* html .typelistl  { margin-top: 2px; }

		.searchlist { overflow: hidden; margin: 0 30px 30px 50px; }
			*html .searchlist { height: 1%; }
			.searchlist li { float: left; width: 24.9%; margin-top: 50px; }
				.searchlist li em { margin-right: 10px; }

		.searchview { padding: 10px 20px 0 }
		.albumview { margin: 10px 8px; }
			.albumview ul { margin-left: 70px; }
		.submitbtn { width: 50px; height: 22px; margin-left: 2px; background: url(../res/btn_submit.gif) 0 2px no-repeat; border: none; text-align: center; line-height: 22px; text-indent: -9999px; }

		.searchcase { margin: 20px; 20px; height: 120px; border-bottom: 1px solid #DDE5E6; clear: both; }
			.casealbumvideo { float: left; width: 142px; height: 102px; background: url(../res/album_bg.gif) no-repeat; margin-right: 16px; }
				.casealbumvideo img { margin: 11px 0 0 22px; }
			.casesinglevideo { float: left; padding: 3px; border: 1px solid #DDE5E6; margin-right: 20px; }
			.searchcase .casevideo { float: left; padding: 3px; border: 1px solid #DDE5E6; margin: auto 20px; }
			.searchcase dl dt, .searchcase dl dd { padding-top: 4px;}
			.searchcase dl dt { float: left; width: 400px; height: 100px; margin-right: 40px; }
			.searchcase .caseinfo { color: #999; margin: 6px 0; }
				.searchcase em, .searchcase dl dt a { margin-right: 18px; }
				 .searchcase dl dd p { margin-top: 4px; }
		.singleinfo { margin: 20px 30px; text-indent: 2em; line-height: 1.8em; text-align: left; }
			li.singleinfo  { margin: 20px 4px; * > padding-bottom: 20px !important;}
			.side .videolist1 li.singleinfo, .side .pixlist1 li.singleinfo { height: auto; width: 86%; margin: 20px 4px; * > padding-bottom: 20px !important;}

		.siteinfo { padding: 30px 30px 30px 180px; line-height: 2em; text-align: left; background: url(../res/bg_info.gif) 40px 50% no-repeat; }

		.fixheight{ height:140px; overflow:hidden; }
			.fixheight .videolist1{ padding:0 26px 10px; height:auto; }
				.fixheight .videolist1 img { border: 1px solid #D1DCE4; }

		.maxwidth .basebox{ float:left; margin:0 8px 8px 0 !important; margin:0 8px 2px 0; width:319px; border: none; }
		.maxwidth .rowend { margin-right: 0px !important; }
		.maxwidth .nomarginright{ float:right; margin:0 0 8px 0 !important; margin:0 0 2px 0; }
		.maxwidth .videolist1{ padding:10px 10px 16px; }
			.maxwidth .videolist1 li{ width:100%; }
				.maxwidth .videolist1 li div, .maxwidth .videolist1 li h2 { border: none;}
					.maxwidth .videolist1 li h2 { margin-bottom: -2px; }
						.maxwidth .videolist1 li div img { width: 140px; height: 114px; }
				.taglist{ clear:both; padding-top:7px; border-top:1px solid #ddd; }
				.taglist a{ margin-right:10px; }

		.maxwidth .categorylist { margin: 0; padding: 0px; }
		div.categoryinfo { width: 150px; border: 1px solid #333; margin: 0px; line-height: 1.4em; }

		.videomlist{}
			.videomlist .page{ padding:20px; }
			.videomlist .videolist{ padding-left:65px; }
			.videomlist .videolist li{ display:inline; width:128px; margin:15px; padding:10px 0 10px 10px; }
			.videomlist .videolist h4{ font-size:12px; }
			.videomlist .videolist p.line{ margin:5px 10px 0 0; padding:5px 0; }
				.btngrey{ padding-top:0 !important; * > padding-top:3px !important; padding-top:3px; width:45px; height:26px; border:none; background:url(../res/btn_bg_grey.gif) repeat-x; color:#cb0069; cursor:pointer; }
			.btnblock{ margin:15px 15px 0; text-align:right; }
				.btn, .creator input.btn, .salbumside .creator input.btn{ margin-right:10px; padding-top:0 !important; * > padding-top:3px !important; padding-top:3px; width:85px; height:20px; border:none; background:url(../res/btn_bg.gif) repeat-x; color:#fff; cursor:pointer; }
				.creator input.btn { float: right; margin-top: -20px; }
		.simpleuserlist{}
			.simpleuserlist .searchlist{ margin:10px 0 10px 15px; overflow: hidden; }
				.simpleuserlist .searchlist .userimg{ margin-right:5px; }
				.simpleuserlist .searchlist li{ margin:10px 5px; width:23%; }
				.simpleuserlist .searchlist li p{ overflow:hidden; width:78px; white-space:nowrap; }
				.simpleuserlist .searchlist li.all{ width:96%; text-align:right; }

		.registrationinfo { padding: 30px 20px; text-align: left; }
			.registrationinfo fieldset { line-height: 2.4em; margin: 20px;  border: none; }
			.registrationinfo fieldset .bassinfo, .registrationinfo fieldset .otherinfo { border-top: 2px solid #DDE5E6; }
				.registrationinfo fieldset legend { display: none; }
				.registrationinfo fieldset input { height: 20px; line-height: 20px; border: 1px solid #C7D8E0; vertical-align: middle; }
						.registrationinfo fieldset input.checkedbox { border: 0; background: none; }
				.registrationinfo fieldset textarea { line-height: 20px; border: 1px solid #C7D8E0; }
				.registrationinfo fieldset p { padding: 2px; clear: both;}
				.registrationinfo fieldset label { float: left; width: 100px; padding-right: 10px; vertical-align: middle; text-align: right; }
			.buttonbox { text-align: center; padding-top: 10px; margin: 12px 2px; border-top: 1px dotted #DDE5E6; }

		.helpinfo { margin: 10px; color: #555; text-align: left; }
		.helptitle { height: 2em; line-height: 2em; font-weight: bold; color: #000; }
		.helpinfo h6{margin:0px;}
		.helperro, .info { margin: 10px; height: 200px; line-height: 200px; }
		.helpsearch { padding: 6px 0; height: 2em; line-height: 3em; }
			.helpsearch input { background: none; height: 12px; }
		.helplist { margin: 10px; padding-left: 5px; line-height: 2em; border-bottom: 1px solid #DDE5E6; }
			.helplist dt { font-weight: bold; }
			.helplist dd { text-indent: 1em; }

		.affiche { color: #666; }
			.affiche h2 { color: #666; font-size: 1em; }
				.affiche h2 cite { font-size: 12px; color: #999; }
			.affiche p { display: block; text-align: left; line-height: 1.6em; margin: 10px; word-wrap: break-word; word-break: break-all; }

		.takeuser { overflow: hidden; padding: 16px 16px 0; }
			* html .takeuser { height: 1%; }
			.takeuser li { width: 48%; padding: 4px; float: left; }
		.myfriend { padding: 10px 10px 0; width: 90%; }
			.myfriend li { padding: 4px; }
			.myfriend li p.cuserid { overflow: hidden; }
			* html .myfriend li p.cuserid { margin-top: -20px; }
			*+html .myfriend li p.cuserid { margin-top: -20px; }


/* ~~~~~~~~~~~~~~~~~~~~====== side Style ======~~~~~~~~~~~~~~~~~~~~~~~~~ */
	.side { float: right; overflow: hidden; }
		* html .side { height: 1%; }
	.spaceside { float: left; overflow: hidden; }
		* html .spaceside { height: 1%; }
		.baseside, .albumside { width: 280px; }
		.singleside { width: 310px; }
		.searchside { width: 210px; }
		.playerside { width: 420px; }
		.salbumside { width: 380px; }

		.userlist { margin: 5px 12px 10px 28px; }
			.userlist li { padding: 6px 2px; border-bottom: 1px solid #DDE5E6; }
				.userlist li div { float: left; margin-right: 8px; border: 1px solid #DDE5E6; }
					.userlist li div a { margin: 3px; display: block; }
						.userlist li div a img { width: 32px; height: 32px; }
				.userlist li p { margin-left: 6px; height: 1.6em; line-height: 1.8em;}
					.userlist li p span { float: left; width: 90px; }

		#usercenter {}
		.userpanel { margin-bottom: 8px; background: #E4F5FD; border: 1px solid #D6EEFA; }
			.userpanel h3 { padding-left: 0px; }
			.userpanel div.outbox { margin: 6px; padding:0 10px 6px; background: #F2FAFD; border: 1px solid #FFF; text-align: left; }
				.loginuser { margin: 8px 2px 8px 14px; background: url(../res/login_icon.gif) 0 50% no-repeat; padding-left: 24px; }
				.panelbtn { overflow: hidden; margin-left: 10px; }
					* html .panelbtn { height: 1%; }
					.panelbtn li { float: left; margin: 5px auto; width: 50%; height: 33px; line-height: 33px; text-indent: 36px; font-size: 1.17em;}
						.panelbtn li a { color: #333; }
					.upvideo { background: url(../res/module_bg.gif) 0 0  no-repeat;}
					.myvideo { background: url(../res/module_bg.gif) 0 34%  no-repeat;}
						* html .myvideo { background: url(../res/module_bg.gif) 0 33.3%  no-repeat;}
						*+html .myvideo { background: url(../res/module_bg.gif) 0 33.3%  no-repeat;}
					.mycenter { background: url(../res/module_bg.gif) 0 67%  no-repeat;}
					.singlespace { background: url(../res/module_bg.gif) 0 100%  no-repeat;}
				.userlogin { margin-top: 10px;}
					.userlogin p { line-height: 26px; height: 26px; margin-bottom: 6px; }
						.userlogin p label { width: 60px; float: left;}
					.userlogin input { height: 20px; line-height: 20px; width: 160px; border: 1px solid #C7D8E0; }
						.loginbtn { width: 59px; height: 23px; margin-right: 12px; background: url(../res/loginbtn_bg.gif) 0 50% no-repeat; border: none; text-align: center; line-height: 23px; color: #FFF; }

		.profferlist { overflow: hidden; }
			* html .profferlist { height: 1%; }
			.profferlist li { clear: both; height: 60px; margin-top: 15px;}
			.profferlist li dl dt { float: left; width: 200px; }
				.profferlist li dl dt div.profferimg { float: left; border: 1px solid #9E9E9E; margin-right: 12px; }
					.profferimg a { display:block; margin:3px; }
						.profferimg a img { width: 48px; height: 48px; }
				.profferlist li dl dt p { margin-top: 6px; }
					.profferlist li dl dt p a { font-weight: bold; }
					.profferpercent { float: right; width: 60px; height:30px; line-height: 30px; margin: 10px 2px 0 0; border: 1px solid #D7EEFC; background: #FFF; font-size: 1.17em; font-weight: bold; color: #CB006B; text-align: center; }


		.creator h3 { margin-bottom: 15px; }
		.creator div { clear: both; overflow: hidden; }
		.videolist1 div.creator { border: none; }
		* html .creator div { height: 1%; }
		.creator div.userimg { float: left; border: 1px solid #9E9E9E; margin-right: 12px; }
			.creator div.userimg a { display:block; margin:3px; }
				.creator div.userimg a img { width: 48px; height: 48px; }
			.creator p a { font-weight: bold; }
			.creator p cite { float: right; margin-top: -20px; }
				.creator p cite a { font-weight: normal; }
				.creator p a.bigfon t{ font-size:14px; }
			.videofav p { height: 2em; line-height: 2em; margin: 0; padding-top: 3px; }
				.videofav p label { float: left; width: 80px; text-align: left; margin-right: 10px; }
			ul.creatorinfo li{ float: left; width: 33%; height: 1.4em; line-height: 1.4em; }
			.creator input { height: 20px; line-height: 20px; margin: 0 4px 0 0; padding-left: 4px; width: 300px; border: 1px solid #C7D8E0; color: #989898; }
			.salbumside .creator input { width: 260px; }
			.creator em { width: 40px; }
			.creator div.bigimg a img{ width:100px; height:100px; }
			.videoinfo { margin: 10px 0; border-bottom: 1px solid #D6EDFB; }
				.videoinfo li { line-height: 2em; padding: 0 6px; border: 1px solid #D6EDFB; border-bottom: none; text-indent: 16px; overflow: hidden; }
				.vuptime { background: #FFF url(../res/icon_uptime.gif) 5px 50%  no-repeat; }
				.vtype { background: #FFF url(../res/icon_type.gif) 5px 50%  no-repeat; }
				.vtag { background: #FFF url(../res/icon_tags.gif) 5px 5px  no-repeat; }
					.vtag a { margin-right: 6px; }
				.vintro { background: #FFF url(../res/icon_info.gif) 5px 5px  no-repeat; }
					.vintro .viewmore a { font-weight: normal; float: right; margin-top: -22px; }
					.vintro p.viewmore { text-align: left;}
			.widelist, .widelist1 {padding:5px 0px 8px 20px}
			.widelist li, .widelist1 li { width: 33%; }
				.widelist1 li div { width: 112px; height: 82px; background: url(../res/album_bg2.gif) no-repeat; margin-bottom: 6px; }
				.widelist li div img, .widelist1 li div img { width: 88px; height: 64px; }
				.widelist1 li.viewmore { margin-right: 10px; }

			.hotlist { margin: 0; padding: 10px 10px 16px 30px }
				.hotlist li { width: 19.9%;}

		.viewmore, li.viewmore { width: 96%; height: 2.2em !important; margin: 0 !important; text-align: right; color: #808080; }
			.searchside p.viewmore { line-height: 36px; }
			.spacearea li.viewmore { width: 99%; }

		.playtype { margin: 8px auto 16px; }
			.playtype li { background: url(../res/playtype.gif) 0 0  no-repeat;}
			.playtype li.ontype { background: url(../res/playtype.gif) 0 100%  no-repeat;}

		#hottags { background: #F2F2F2;}
			#hottags h3 { padding-left: 0px; }
			#hottags div { margin: 6px; padding: 10px 14px; padding-top: 0px; background: #F9F9F9; border: 1px solid #FFF; }
				#hottags p { text-align: left; line-height: 2em; }
					#hottags a { margin-right: 6px; }

		#topact {}
			.topactlist { margin: 15px 12px 10px 22px; }
				.topactlist li { height: 2em; line-height: 2em; border-bottom: 1px solid #DDE5E8; }
					.topactlist li a { float: left; }
					.topactlist li em { float: left; width: 19px; height: 2em; line-height: 2.2em; margin-right: 10px; background: url(../res/chart_bg.gif) 0 4px  no-repeat; text-align: center; font-size: 0.83em; font-weight: bold; color: #FFF; }
						.topactlist li em.top3 { background: url(../res/chart1_bg.gif) 0 4px  no-repeat; }

		#useralbumlist { }
		#useralbumlist ul.videolist1 { height: 290px; overflow-y: auto; overflow-x:hidden;}
		#useralbumlist h2 cite a { font-size: 0.83em; color: #0287C7; }
		#albumvideolist .pixlist1, #useralbumlist .videolist1 { padding: 0px; }
			.singleside .pixlist1 li, .singleside .videolist1 li, .singleside .videolist1 li { width: 284px; height: 86px; clear: both; margin: 0 auto 8px; padding: 12px; }
			.singleside .pixlist1 li { padding: 5px; height: 100px; }
				.playerside #useralbumlist .onplaying { background: #E0F2FA url(../res/onplaying.gif) 280px 6px  no-repeat; border-bottom: 1px solid #CCC; }
				#useralbumlist .onplaying { background: #E0F2FA url(../res/onplaying.gif) 240px 6px  no-repeat; }
		#useralbumlist .videolist1 li { margin-top: 0px; padding: 2px; height: 46px; float: none; width: 96%; margin: auto; }
			* html #useralbumlist .videolist1 li { width: 94%; }
			#useralbumlist .videolist1 li div { margin-left: 10px; }
				#useralbumlist .videolist1 li div img{ height: 33px; width: 43px; margin: 2px; }

		#adhoccommend {}
			.infolist { margin: 15px 12px 10px 22px; }
				.infolist li { line-height: 2em; background: url(../res/list_icon.gif) 12px 50%  no-repeat; border-bottom: 1px solid #DDE5E8; text-indent: 24px; }

		#weblink { height: 1%; margin-top: 8px; clear: both; }
			.imglink, .widelink { margin: 10px 20px; }
				.imglink li { float: left; width: 49%; height: 46px; line-height: 46px; text-align: center; }
				.imglink li img { width: 88px; height: 31px; }
				.widelink li { float: left; width: 101px; height: 46px; line-height: 46px; text-align: center; }
			.textlink { margin: 10px 18px; border-top: 1px solid  #DDE5E8; clear:both; line-height: 2em; text-align: left; }
				.textlink a { margin-right: 6px; }

		.spaceinfo{}
			.spaceinfo li{ padding-left:20px; background: #FFF; url(../res/point_green.gif) no-repeat 10px; text-indent:0; }

		.simplesearch{ margin:16px 0; }


/* ~~~~~~~~ Ajax Style ~~~~ */
.ajaxblock{ padding: 10px; border:1px solid #FFA741; background:#FFF; overflow:auto;}
	.ajaxblock select{ border:1px solid #FA0; background:url(../res/ajax_btn_bg.gif) no-repeat; }
		.ajaxblock option{ height:17px; line-height:17px; background:#FFF; }
.ajaxshadow { background: #999; }
	.ajaxshadow .ajaxblock  { position:relative; left: -3px; top: -3px; }

.ajaxloading{ line-height:30px; font-weight:700; width: 200px; height: 30px; display: block; overflow: hidden; font-size:16px; color:#FFA741; }
.ajaxaddto{}
	.ajaxclosebtn{ padding:3px; text-align:right; }
	.ajaxsubmit{ margin:10px; width:50px; height:20px; border:none; background:url(../res/ajax_submit.gif) }
.ajaxinform{}
	.ajaxinformtitle{ text-align:left; margin:5px 0 5px 22px; }
	.ajaxinformbody{ width:180px; height:90px; border:1px solid #FA0; background:url(../res/ajax_textarea_bg.gif) no-repeat; }
.ajaxsuccess{ text-align: center; }
.ajaxerror{ text-align: center; }
	.ajaxerror a{ color:#008AFF; }
	.tospecial { padding: 1px; text-align: left; width: 476px; margin-left: 92px; }
		.tospecial h4 { text-align: left; text-indent: 1em; height: 2em; line-height: 2em; background: #FBFBFB; }
			.tospecial h4 a { float: right; margin: -24px 4px auto; }
		.tospecialbox { margin: 10px; text-align: left; }
			.tospecialbox  p.btnbox { text-align:center; margin-top: 10px;}
			.tospecialbtn { margin-top: 10px; }
			.tospecial textarea {border:1px solid #C7D8E0; color:#989898; line-height:20px; margin:0pt 4px 0pt 0pt; padding-left:4px; width: 440px; }
		.addtospecial { margin: 10px; text-align: left; }

.alertmenu{ display:inline; clear:both; width:365px; text-align:center; border:1px solid #FFA741; background:#FFF; margin:10% 10% 10% 10%; padding:10px; position:absolute; z-index: 101; }

/* ====== tagsearch Style ====== */
#tagsearch { width: 978px; margin: 0 auto 8px; padding: 16px 0; border: 1px solid #D1DCE4; clear: both; }
	.searchbar { text-align: center; }
		.searchbar input, .searchbar select, .searchbar button { vertical-align: middle; }
		.searchname { width: 201px; height: 16px; padding: 3px 3px 3px 6px; background: url(../res/search_bg.gif) 0 0 no-repeat; border: none; }
		.searchtype { width: 50px; height: 16px; padding: 3px; background: url(../res/select_bg.gif) 0 0 no-repeat; border: none; }
		.searchbtn { width: 50px; height: 22px; margin-left: 2px; background: url(../res/btn_search.gif) 0 2px no-repeat; border: none; text-align: center; line-height: 22px; text-indent: -9999px; }
		* html .searchbtn { background: url(../res/btn_search.gif) 0 1px no-repeat; }
		*+html .searchbtn { background: url(../res/btn_search.gif) 0 1px no-repeat; }
	#hotkeywords { width: 848px; margin: 16px auto 0; overflow: hidden; }
		* html #hottags { height: 1%; }
		#hotkeywords dt { float: left; width: 90px; padding-top: 2px; }
		#hotkeywords dd { float: right; width: 756px; line-height: 2em; }
		#hotkeywords dd a { float: left; padding: 0 7px; word-break: keep-all; word-wrap: normal;  }

/* ~~~~~~~~~~~~ footer Style ~~~~~~~~~~~~ */
#footer { width: 980px; margin: 0 auto 20px; border-top: 8px solid #C2C2C2; text-align: left; clear: both; }
	#footer p { margin: 8px 10px 0; color: #707070; }
	#copyright, #process { font: 0.83em  Verdana; color: #707070; }
	#contact, #contact a { color: #707070; }
	p#contact { margin: 0 10px; }
	#footlinks {color: #707070; float:right; margin-top: -3px;text-align:right; }
.scrolltop {cursor:pointer; }

/* ~~~~~~~~~~~~~~ rating Style ~~~~~~~~~~~~~ */
.ratingbox { border: none !important; margin: 0 !important; }
	.ratingbox a{ margin: 0 !important;}
	.ratingbox span, .ratingbox em { float: left; }
.rating { float: left; list-style: none; margin: -1px 0 0 -1px; padding: 0; width: 80px; height: 16px; position: relative; background: url(../res/rating.gif) 0 0 repeat-x; overflow: hidden; }
	.rating li { padding: 0; margin: 0; float: left; }
		.rating li a { display: block; width: 16px; height: 16px; padding: 0; margin: 0; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; }
		.rating li a:hover, .rating a.star1_rated, .rating a.star2_rated, .rating a.star3_rated, .rating a.star4_rated, .rating a.star5_rated { background: url(../res/rating.gif) 0 16px; z-index: 2;left: 0;}
			.rating a.star1 { left: 0; }
			.rating a.star1:hover{ width: 16px; }
			.rating a.star1_rated { width: 16px; }
			.rating a.star2 { left: 16px; }
			.rating a.star2:hover { width: 32px; }
			.rating a.star2_rated { width: 32px; left: 0px; }
			.rating a.star3 { left: 32px; }
			.rating a.star3:hover { width: 48px; }
			.rating a.star3_rated { left:0px; width: 48px; }
			.rating a.star4 { left: 48px; }
			.rating a.star4:hover { width: 64px; }
			.rating a.star4_rated { left:0px; width: 64px; }
			.rating a.star5 { left: 64px; }
			.rating a.star5:hover { width: 80px; }
			.rating a.star5_rated { left:0px; width: 80px; }

.scorebk {background: url(../res/rating.gif);width:80px;height:16px;padding:0px;margin:0px;}
.scorebk .score{background: url(../res/rating.gif) scroll 0% 100%;height:16px;margin:0px;}

/* ~~~~~~~~~~~~~~ calendar Style ~~~~~~~~~~~~~ */
#calendar { border: 1px solid #9DB3C5; margin-bottom: 0.8em;}
	#calendar td { padding: 2px; font-weight: bold; background: #FAFAFA; }
	#calendar_week td { height: 2em; line-height: 2em; border-bottom: 1px solid #DDD; }
	#hourminute td { padding: 4px 2px; border-bottom: 1px solid #DDD; }
		.calendar_expire, .calendar_expire a:link, .calendar_expire a:visited { font-weight: normal; color: #666; }
		.calendar_default, .calendar_default a:link, .calendar_default a:visited { color: #069; }
		.calendar_checked { font-weight: bold; color: 090; }
		td.calendar_checked, span.calendar_checked{ background: #DDD; }
		.calendar_today, .calendar_today a:link, .calendar_today a:visited { font-weight: bold; color: #000; }
		#calendar_header td { width: 30px; height: 20px; border-bottom: 1px solid #DDD; font-weight: normal; }
		#calendar_year { display: none; z-index: 10; background: #F5FAFE; line-height: 130%; position: absolute; }
			#calendar_year .col { border: 1px solid #DDD; padding: 4px; float: left; background: #F5FAFE; }
		#calendar_month { border: 1px solid #DDD; padding: 4px; z-index: 11; background: #F5FAFE; position: absolute; line-height: 130% }