@charset "utf-8"; 

/***************************************** Mian Css *******************************************/

*,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
body{font-size:12px; line-height:22px; font-family:Arial;}
th,td{text-align:left; vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
p{margin:5px 0;}
blockquote{margin:0 0 1em 0;}
img{border:0;}
ul,li{margin:0; padding:0; list-style:none;}
ol{padding:0px;}
dl,dt,dd{margin:0; padding:0;}
input,label,select,option,textarea,button,fieldset,legend{font-size:1em; font-family:Tahoma,sans-serif;}
input.text{color:#444; border-color:#9f9f9f #dcdcdc #dcdcdc #9f9f9f; border-style:solid; border-width:1px; padding:3px 2px; height:14px;}
input.radio,input.checkbox{margin-right:2px; vertical-align:-2px;}
input.radio,input.checkbox{margin-left:-2px;}
label.radio,label.checkbox{margin-right:5px;}
textarea{border-color:#9f9f9f #dcdcdc #dcdcdc #9f9f9f; border-style:solid; border-width:1px; padding:1px;}
em {padding-left:24px;}
.right {text-align:right;}
.H2 {padding-left:12px;}
.H2 a {font-size:14px; text-decoration:underline;}
/**************************************** Frame Css ***************************************************/

#box {width:1000px; height:auto; padding:0 2px; margin:auto; display:table;}
#header {width:100%; height:auto; float:left; background:#FFFFFF;}
	.top,.nav {width:100%; float:left;}
		.logo {width:50%; height:auto; float:left;}
		.logo a {text-indent:-30000px;}
		.style {width:140px; float:right; margin-top:110px;}
		.style ul li {width:20px; float:left;}
		.style ul li img {cursor:pointer;}
		.style ul li img.active {}
	.nav {height:40px;}
	.nav ul {width:992px; margin:auto;}
	.nav ul li {width:124px; height:22px; float:left; text-align:center; font:bold 14px/24px Arial;}
	.nav ul li a {display:block; width:100%; height:22px;}
#content {width:100%; height:auto; float:left;}
	#flash {width:954px; height:auto; margin:8px auto;}
	#design {width:960px; margin:0 auto;}
	#designShown {width:100%;}
	#designShown ul{width:25%; float:left; background:none;}
	#designShown ul li.imgPic {width:100%; text-align:center; padding-top:8px;}
	#designShown ul li.webName {width:81%; padding:4px 0 2px 9%;}
	#designShown ul li.webName span {float:right;}
	#designShown ul li.webName a {font-weight:bold;}
	#designShown ul li.webIntr {width:81%; padding-left:9%;}
	#indexList {width:95%; padding-left:8px;}
	#indexList ul {width:100%; background:url(../Images/list_bg.gif) repeat; display:table;}
	#indexList ul li {width:96%; height:22px; padding:5px 0 0 10px; background: url(../Images/inc_01.gif) no-repeat left 11px;}
	#indexList ul li span {float:right; color:#CCC;}
	#indexGuest {width:95%; padding-left:8px;}
	#indexGuest ul {width:99%; background:url(../Images/list_bg.gif) repeat; display:table;}
	#indexGuest ul li {width:100%; height:22px; padding-top:5px; background:none;}
	#tag {width:314px; float:left;}
	#friendLink {width:960px; margin:8px auto; display:table;}
	.friendCont {width:98%; height:auto; margin:4px auto; display:table;}
	.friendCont em {padding-left:14px;}
	.friendCont img {padding-top:4px;} 
	.indexTag {width:960px; margin:8px auto; display:table;}
	.indexImg {width:100%; padding-top:6px; text-align:center;}
	.tagMid {margin:0 9px 0 9px;}
	.tagMid ul li span {letter-spacing:1px;}
	.indexTable {width:100%; height:auto; display:table;}
	.indexTable ul,.indexTable ul li {float:left;}
	.indexTable ul.indexTitle {width:100%; height:30px;}
	.indexTable ul.indexTitle li {}
	.indexTable ul.indexTitle li img {width:32px; height:5px;}
	.indexTable ul.indexTitle li h2 {display:none;}
	.indexTable ul.indexTitle li span {float:right;}
	.indexTable ul.indexCont {width:100%;}
	.indexTable ul.indexCont li {width:100%;}
	.indexTable ul.indexBot {width:100%; height:15px; line-height:0px; }
	.indexTable ul.indexBot li {width:100%; height:15px; line-height:0px;}	
#foot {width:100%; height:80px; float:left; padding-top:8px;}
#foot ul {width:960px; margin:auto;}
#foot ul li {width:100%; text-align:center;}
/****************************** Sub Css*******************************************/
#sidebar {width:250px; height:auto; float:left;}
	.subLeft {width:100%; height:auto; float:left;}
	.subLeft ul,.subLeft ul li {float:left;}
	.subLeft ul.title {width:100%; height:30px;}	
	.subLeft ul.list {width:94%; margin-left:3%; background:url(../Images/list_bg.gif) repeat;}
	.subLeft ul.list li {width:96%; height:23px; padding:4px 0 0 8px; background:url(../Images/inc_02.gif) no-repeat left center;}
	.subLeft ul.list li a {display:block; width:65%; height:22px; white-space:nowrap; overflow:hidden;}
	.subLeft ul.list li span {float:right;}
	.subLeft ul.bottom {width:100%; height:20px; line-height:0px;}
		#subLeftGuest {margin:8px 0 8px 0;}
	.guestLink {width:250px; text-align:center; padding-bottom:10px; float:left;}
#subMian {width:700px; height:auto; float:left; margin-left:10px;}
	#mainInf,#newList,#newShown,#designList,#DesignShown,#musicList,#guestList,#articleList,#GuestList,#FriendLink {width:100%; height:auto; float:left; padding:4px 0 10px 0;}
	#mainInf,#FriendLink {height:680px;}
	#mainInf ul li {height:23px; background:url(../Images/list_bg.gif) repeat;}
	#mainInf ul.infPic{width:196px; height:280px; float:left; margin:5px 5px;}
	#mainInf ul.Inf {width:486px; height:280px; float:left; margin:5px 0 0 0;}
	#mainInf ul.Inf li{width:95px;height:24px; padding:4px 0 0 2px; float:left;}
	#mainInf ul.Inf li.title {width:56px; text-align:right; padding-right:4px;}
	#mainInf ul.Inf li.lang {width:420px; height:auto; line-height:27px; padding:0px;}
	#mainInf ul.Inf li.mid {width:256px;}
	#mainInf ul.other {width:678px; height:auto; margin:5px 0 0 5px; float:left;}
	#mainInf ul.other li {height:23px; padding:4px 0 0 0; display:block;}
	#mainInf ul.other li span {padding:0 0 0 10px; width:80px; height:24px;}
	#mainInf ul.other li.cont{width:90%; padding-left:20px; background:none;}
	#mainInf ul.other li.cont img {padding:0 0 4px 0; vertical-align:middle;}
	#newList ul {float:left;}
	#newList ul.head,#designList ul.head,#articleList ul.head,#GuestList ul.head {width:100%;}
	#newList ul.head li,#designList ul.head li,#articleList ul.head li,#GuestList ul.head li {width:98%; text-align:right; background:none;}
	#newList ul.head li .red,#designList ul.head li .red,#articleList ul.head li .red,#GuestList ul.head li .red {font-weight:bold;}
	#newList ul.list {width:96%; padding-left:2%;}
	#newList ul.list li {width:100%; background:url(../Images/list_bg.gif) repeat-x left bottom; padding-top:4px;}	
	#newList ul.list li span {float:right; font-size:12px; color:#CCC;}
	#newList ul.list li p {display:block; width:100%; font-size:12px; padding-bottom:10px; line-height:20px; text-indent:24px;}
	#newList ul.page,#designList ul.page,#articleList ul.page,#GuestList ul.page {width:96%; padding-left:1%;}
	#newList ul.page li,#designList ul.page li,#articleList ul.page li,#GuestList ul.page li {background:none; padding-top:6px;}
	#newList ul.page li span,#designList ul.page li span,#articleList ul.page li span,#GuestList ul.page li span {display:block; width:10%; text-align:center; float:right; margin-left:1%;}
	#newShown ul {float:left; text-align:center;}
	#newShown ul.head {width:98%; padding:8px 0 0 1%;}
	#newShown ul.head li {height:42px;}
	#newShown ul.head li h1 {font:bold 16px/32px Arial;}
	
	#newShown ul li,#GuestList ul li {background:none;}
	#newShown ul.title {width:96%; padding-left:2%;}
	#newShown ul.title span {font-weight:bold;}
	#newShown ul.content {width:96%; padding-left:2%;}
	#newShown ul.content li {width:100%; text-align:left;}
	#newShown ul.content li h2 {font:bold 12px/22px Arial; text-indent:24px; margin:0px;}
	#newShown ul.content li h3 {font:bold 12px/22px Arial; text-indent:24px; margin:0px;}
	#newShown ul.content li p {text-indent:24px; margin:8px 0 8px 0;}
	#contWord {width:96%; overflow:visible; margin:8px 0 0 2%;}
	#contWord p {text-indent:26px; margin:6px 0 10px 0;}
	#contWord h2,#DesignShown ul li h2 {font:bold 14px/24px Arial;}
	#contWord h3 {font:bold 12px/22px Arial;}
	#designList ul.picList,#GuestList ul.picList {width:96%; padding-left:2%;}
	#designList ul.picList li,#GuestList ul.picList li {width:100%; background:none; padding:14px 0; border-bottom:1px dashed #CCC;}
	#designList ul.picList li img { padding-right:10px;}
	#designList ul.picList li span.title,#GuestList ul.picList li span.title,#articleList ul.picList li span.title,#DesignShown ul li span.title {font-size:14px;}
	#designList ul.picList li span.title span,#GuestList ul.picList li span.title span,#articleList ul.picList li span.title span {float:right; font-size:12px; color:#959595;}
	#articleList ul.picList {width:96%; padding-left:2%;}
	#articleList ul.picList li {width:100%; background:none; padding:14px 0 0px 0; border-bottom:1px dashed #CCC;}
	#articleList ul.picList li span.title {display:block; width:100%; padding-bottom:4px; border-bottom:1px solid #E1E1E1;}
	#FriendLink ul,#DesignShown ul {width:98%; float:left; display:table; padding-left:1%;}
	#FriendLink ul li {width:99%; background:none; padding:1%;}
	#FriendLink ul li em {padding-left:6px;}
	#FriendLink ul li span.Words {width:112px; float:left;}
	#FriendLink ul li.title {font:bold 12px/22px Arial; padding:0; padding-left:1%;} 
	#FriendLink ul li.Application p {width:90%; text-indent:0px; float:left; padding:6px 0 0 4%;}
	#FriendLink ul li.Application p span.title {width:60px; float:left;}
	#FriendLink ul li.Application p input {width:220px; height:16px; padding:2px 0 0 2px; margin:0px; border:1px solid #CCC;}
	#FriendLink ul li.Application p a {display:block; width:100px; height:24px; margin:0px auto; padding-top:2px; text-align:center;}
	#FriendLink ul li.Application p.button {width:300px; text-align:center;}
	#DesignShown ul li {width:96%; background:none; padding:1% 0 0 2%;}
	#DesignShown ul li p.title {font:bold 14px/24px Arial; text-indent:0px; padding-bottom:4px;}
	#DesignShown ul.pic {width:30%; height:auto;}
	#DesignShown ul.pic li {padding-top:6px;}
	#DesignShown ul.Inf {width:60%; height:auto;}
	#DesignShown ul.Inf li {width:48%; height:20px;}
	#DesignShown ul.Inf li img {padding-right:2px;}
	#DesignShown ul.Inf li.title {width:100%;}	
	#DesignShown ul.Inf li span {font-weight:bold; padding-right:8px;}
	#DesignShown ul.fact li img {width:100%; height:458px;} 
	#GuestList ul li p.guestCont {width:80%; height:40px;}
	#GuestList ul li img {padding-right:10px;}
	#GuestList ul li p.right span {display:block; width:110px; height:24px; margin:6px 0 0 0;  padding:4px 0 0 0; text-align:center; text-indent:0px; cursor:pointer; float:right;}
	#guestShown ul {width:96%; padding:6px 2%; float:left;}
	#guestShown ul li {width:35%; height:auto; background:none; float:left; padding:0px;}
	#guestShown ul li.pic {width:110px; text-align:center;}
	#guestShown ul li.long {width:80%;}
	#guestShown ul li em {padding-left:10px;}
	#guestShown ul li span { padding-right:6px; font-weight:bold;}
	#guestShown ul.guestReply {width:650px; height:auto; margin:0 auto; margin-left:5px;}
/*****************************************/
/******      留言板拉动效果及样式         ***/
/*****************************************/
#move {position:absolute; height:auto; top:270px; left:300px; display:none;}
#message {width:600px; height: auto; display:table; padding:4px 4px;}
	.leavemessage {width:598px; height:auto; display:table; position:relative;}	
	.leavemessage dl {width:598px; height:auto; float:left; background:#FFFFFF;}
	.leavemessage dl dt {width:588px; height:27px; padding:3px 0 0 10px; cursor:move; float:left;}
	.leavemessage dl dt ul li{width:560px; float:left; font-weight:bold;}
	.leavemessage dl dt ul li.closed{width:22px; font-size:18px; font-size:16px; cursor:pointer;}
	.leavemessage dl dd {width:598px; height:auto; display:table; margin:0px; float:left;}
	.message_cont {width:100%; height:auto;	float:left;}
	.message_cont ul {width:570px; float:left; margin:0px;}
	.message_cont ul.pic {width:242px; margin:10px 0 0 0;}
	.message_cont ul.right {width:348px; margin:10px 0 0 0;}
	.message_cont ul.bot {width:598px; height:40px;	margin:10px 0 0 0;}
	.message_cont ul li {width:440px; float:left; text-align:left; margin:3px 0 3px 0;}
	.message_cont ul.pic li {width:150px; height:auto;}
	.message_cont ul.right li {width:200px; height:28px;}
	.message_cont ul li.pic {width:222px; text-align:right;}
	.message_cont ul li.pic img {margin:0 20px 0 0;}
	.message_cont ul li.title {width:80px; font-weight:bold; text-align:right; padding:0 10px 0 0;}
	.message_cont ul li input {width:180px;}
	.message_cont ul li textarea {width:422px; height:100px;}
	input.bank, textarea.bank {height:17px; border:1px solid #ccc; color:#666; padding:4px 0 0 2px;}
	input.active, textarea.active {height:17px; padding:4px 0 0 2px;}
	.message_cont ul li.but {width:100px; height:auto; text-align:center; margin:4px 0 0 0;}
	.message_cont ul li.but a {padding:0 0 0 10px; height:29px; display:block;}
	.message_cont ul li.but a span {padding:5px 10px 3px 0;	font-weight:bold; display: block;}
	.message_cont ul li.but a:hover {text-decoration:none;}