@charset "utf-8"; 
/* CSS Document */

/*Mian Css*/

body{color:#8506A7; background:#8506A7;}
a{color:#35066C; text-decoration:none;}
a:hover{color:#662085; text-decoration:none;}

.red {color:#8506A7;}
.Gary {color:#CCC; background:none;}
.Green {color:#FF6500;}

/****************************************Homepage Css***************************************************/

#box {border-right:1px solid #C4BDBD; border-left:1px solid #C4BDBD;}
#header {width:100%; height:auto; float:left; background:#FFFFFF;}
	.top {height:142px; background:url(../images/top_bg_purple.jpg) no-repeat;}
		.logo {width:50%; height:auto; padding:45px 0 0 33%; float:left;}
		.logo a {display:block; width:350px; height:55px;}
		.style {width:140px; float:right; margin-top:110px;}
		.style ul li {width:20px; float:left;}
		.style ul li.purple img {filter:Alpha(Opacity=100); -moz-opacity:1.0; opacity:1.0;}
	.nav {background:url(../images/nav_bg_purple.gif) repeat-x;}
	.nav ul li {}
	.nav ul li a {color:#4C0089; height:30px; padding-top:8px;}
	.nav ul li a:hover {color:#8D14AF;}
#content {background:url(../images/content_bg_green.gif) repeat-x #FFFFFF;}
	#flash {border:3px solid #B945C9;}
	.indexTable {height:auto; background:url(../Images/Table_title_green.gif) repeat-x left -31px;}
	.indexTable ul,.indexTable ul li {float:left;}
	.indexTable ul.indexTitle {background:url(../Images/Table_title_green.gif) no-repeat right -62px;}
	.indexTable ul.indexTitle li {height:27px; padding:4px 0 0 14px; color:#FFF; background:url(../Images/Table_title_green.gif) no-repeat left top;}
	.indexTable ul.indexTitle li img {background:url(../Images/inc_more_green.gif) no-repeat;}
	.indexTable ul.indexTitle li span {width:38px; padding-top:9px;}
	.indexTable ul.indexCont {width:100%; background:url(../Images/Table_line_green.gif) repeat-y #fff left top;}
	.indexTable ul.indexCont li {background:url(../Images/Table_line_green.gif) repeat-y right top;}
	.indexTable ul.indexBot {background:url(../Images/Table_bottom_green.gif) no-repeat;}
	.indexTable ul.indexBot li {background:url(../Images/Table_bottom_green.gif) no-repeat right -15px;}
	.indexImg {}
	.indexImg img {padding:1px; border:1px solid #A9BFCA;}
	#design ul.indexTitle li,#friendLink ul.indexTitle li {width:98.2%;}
	#tag ul.indexTitle li {width:95%;}
	#indexList ul li span {color:#C9CBCA;}
	#designShown ul li {background:none;}
	#designShown ul li.webName a {color:#8506A7;}
	#designShown ul li.webName span {color:#0731D7;}
	#designShown ul li.webIntr {color:#969696;}
	#indexGuest ul li span {color:#8506A7; letter-spacing:1px;}
#foot {background:#FFFFFF;}
#foot ul {border-top:1px solid #1E6D04; padding-top:8px;}
#foot ul li {color:#6F6F6F;}
#foot ul li a {color:#6F6F6F;}
#foot ul li a:hover {text-decoration:underline;}

/****************************************** Subpage Css ****************************************************/
.subLeft ul.title li {width:80%; padding:10px 0 0 32px; color:#FFF;}
.subLeft {background:url(../Images/sidebar_bg_green.gif) repeat-y -250px;}
.subLeft ul.title {background:url(../Images/sidebar_bg_green.gif) no-repeat;}
.subLeft ul.bottom {background:url(../Images/sidebar_bg_green.gif) no-repeat -500px bottom;}
#mainInf ul.Inf li.title,#mainInf ul.other li.title {font-weight:bold; color:#8506A7;}
#newList ul.list li a {color:#8506A7; font:normal 14px/24px Arial;}
#newShown ul.head li h1 {font:bold 16px/32px Arial; color:#8506A7;}
#contWord h2 {color:#8506A7;}
#contWord h3,#contWord strong {color:#8506A7;}
#contWord a {color:#8506A7; text-decoration:underline;}
#designList ul.picList li span a,#articleList ul.picList li span a,#GuestList ul.picList li span a  {font-weight:bold;}
#designList ul.picList li.active,#articleList ul.picList li.active,#GuestList ul.picList li.active {color:#333; border-bottom:1px solid #81CC4B;}
#designList ul.picList li.active span a,#articleList ul.picList li.active span a,#GuestList ul.picList li.active span a {color:#8506A7;}
#FriendLink ul li.title {color:#8506A7; border-bottom:1px solid #81CC4B;} 
#FriendLink ul li.Application p span {font-weight:bold;}
#FriendLink ul li.Application p.red em {padding-left:64px;}
#GuestList ul li p.right span,.message_cont ul li.but a,#FriendLink ul li.Application p a {color:#FFF; background:#3FAA36;}
#GuestList ul li p.right span:hover,.message_cont ul li.but a:hover,#FriendLink ul li.Application p a:hover  {background:#FC9E16;}
#DesignShown ul li.title,#DesignShown ul li .title {color:#8506A7;}

/*留言框css样式*/
#message {background-color:#7ECD4D;}
.leavemessage dl dt { background:url(../Images/Table_title_green.gif) repeat-x left -32px;}
.leavemessage dl dt ul li {color:#FFF;}
.leavemessage dl dt ul li .msg { font-weight:normal; color:#FEFFB9;}
.leavemessage dl {border:1px solid #2D8A06; background:#FFFFFF;}
.message_cont ul.bot {background-color:#E6F3E1; border-top:1px solid #81CC4B;}
input.active, textarea.active {border:1px solid #3E9F11; color:#333;}
.message_cont ul li.title {color:#3BA10F;}