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

/*Mian Css*/

body{color:#666; background:#2696D6;}
a{color:#6C6C6C;  text-decoration:none;}
a:hover{color:#1A7CBC;text-decoration:none;}

.red {color:#F00;}
.Gary {color:#CCC; background:none;}
.Green {color:#A3D14C;}

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

#box {border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF;}
#header {width:100%; height:auto; float:left; background:#FFFFFF;}
	.top {height:142px; background:url(../images/top_bg.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.blue img {filter:Alpha(Opacity=100); -moz-opacity:1.0; opacity:1.0;}
	.nav {background:url(../images/nav_bg.gif) repeat-x;}
	.nav ul li {}
	.nav ul li a {color:#9BE2EC; height:30px; padding-top:9px;}
	.nav ul li a:hover {color:#fff;}
#content {background:url(../images/content_bg.gif) repeat-x #FFFFFF;}
	#flash {border:3px solid #A8BEC9;}
	.indexTable {height:auto; background:url(../Images/Table_title.gif) repeat-x left -31px;}
	.indexTable ul,.indexTable ul li {float:left;}
	.indexTable ul.indexTitle {background:url(../Images/Table_title.gif) no-repeat right -62px;}
	.indexTable ul.indexTitle li {height:27px; padding:4px 0 0 26px; color:#8AC221; background:url(../Images/Table_title.gif) no-repeat left top;}
	.indexTable ul.indexTitle li img {background:url(../Images/inc_more.gif) no-repeat;}
	.indexTable ul.indexTitle li span {width:40px; padding-top:7px;}
	.indexTable ul.indexCont {width:100%; background:url(../Images/Table_line.gif) repeat-y #fff left top;}
	.indexTable ul.indexCont li {background:url(../Images/Table_line.gif) repeat-y right top;}
	.indexTable ul.indexBot {background:url(../Images/Table_bottom.gif) no-repeat;}
	.indexTable ul.indexBot li {background:url(../Images/Table_bottom.gif) no-repeat right -15px;}
	.indexImg {}
	.indexImg img {padding:1px; border:1px solid #A9BFCA;}
	#design ul.indexTitle li,#friendLink ul.indexTitle li {width:97.2%;}
	#tag ul.indexTitle li {width:91%;}
	#designShown ul li {background:none;}
	#designShown ul li.webName span {color:#1A7CBC;}
	#designShown ul li.webIntr {color:#CCC;}
	#indexGuest ul li span {color:#8AC221; letter-spacing:1px;}
#foot {background:#FFFFFF;}
#foot ul,#guestShown ul.guestReply {border-top:1px solid #D3E4EB; padding-top:8px;}
#foot ul li {color:#9E9E9E;}
#foot ul li a {color:#9E9E9E;}
#foot ul li a:hover {text-decoration:underline;}

/****************************************** Subpage Css ****************************************************/
.subLeft ul.title li {width:80%; padding:9px 0 0 32px; color:#FFF;}
.subLeft {background:url(../Images/sidebar_bg_blue.gif) repeat-y -250px;}
.subLeft ul.title {background:url(../Images/sidebar_bg_blue.gif) no-repeat;}
.subLeft ul.bottom {background:url(../Images/sidebar_bg_blue.gif) no-repeat -500px bottom;}
#mainInf ul.Inf li.title,#mainInf ul.other li.title {font-weight:bold; color:#309AD8;}
#newList ul.list li a {color:#1A7CBC; font:normal 14px/24px Arial;}
#newShown ul.head li h1 {color:#1A7CBC;}
#contWord,#newShown,#DesignShown,#GuestList,#guestShown {height:auto; min-height:680px; _height:680px; overflow:visible; display:table;}
#contWord h2 {color:#1A7CBC;}
#contWord h3,#contWord strong {color:#C00;}
#contWord a {color:#1A7CBC; 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 #D3E1EC;}
#designList ul.picList li.active span a,#articleList ul.picList li.active span a,#GuestList ul.picList li.active span a,#guestShown ul li span {color:#1A7CBC;}
#FriendLink ul li.title {color:#1A7CBC; border-bottom:1px solid #D3E1EC;} 
#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:#015286; background:#94D5FF;}
#GuestList ul li p.right span:hover,.message_cont ul li.but a:hover,#FriendLink ul li.Application p a:hover {background:#FDCD00; color:#5E3B01;}
#DesignShown ul li.title,#DesignShown ul li .title {color:#1A7CBC;}
#guestShown ul.guestReply { background-color:#F3F5F7;}
/*留言框css样式*/
#message {background-color:#A8BEC9;}
.leavemessage dl dt { background:url(../Images/Table_title.gif) repeat-x left -32px;}
.leavemessage dl {border:1px solid #A8BEC9; background:#FFFFFF;}
.message_cont ul.bot {background-color:#F3F5F7; border-top:1px solid #DAE8F3;}
.leavemessage dl dt ul li{color:#8AC221;}
.leavemessage dl dt ul li .msg { font-weight:normal; color:Red;}
	input.active, textarea.active {border:1px solid #309AD8; color:#000;}
.message_cont ul li.title {color:#309AD8;}