@charset "utf-8";

body,td,input,select,textarea {
	font-size: 12px;
	font-family: Tahoma, sans-serif;
}

body {
	margin: 10px;
	background: #E0E9CB url("../images/body_bg.jpg");
}

a {
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	color: #FF0000;
	text-decoration: none;
}

/* -------- Head Menu --------- */
#tabs {
	margin: 10px 0;
	clear: both
}

#head h1 {
	float: left;
	padding: 15px 0 10px 1px;
	font-size: 18px;
	margin: 0 10px;
	font-family: '微软雅黑', 'YaHei', '黑体', Tahoma, Helvetica, arial, sans-serif
		;
}

#head h1 a {
	text-decoration: none
}

#head_right {
	float: right
}

ul#skin {
	list-style: none;
	position: absolute;
	left: 0;
	top: 32px;
	margin: 0;
	padding: 0;
	display: none;
	z-index: 1;
}

ul#skin li {
	margin: 0;
	padding: 0;
	clear: both;
}

ul#skin li a {
	width: 105px;
}

/*-------- Column ------------ */
.column_left {
	float: left;
	width: 25%;
}

.column_right {
	float: left;
	width: 75%;
}

.column_left_item {
	float: left;
	width: 16%;
}

.column_right_item {
	float: left;
	width: 84%;
}

#regDiv {
	text-align: center
}

#submenu a.on {
	font-weight: bold
}

#submenu ul {
	margin: 0;
	padding: 0 0 0 20px;
	line-height: 150%;
	list-style: none
}

#submenu a.icon {
	padding: 0 10px;
	cursor: pointer;
	margin-left: -20px
}

#submenu a.collapse {
	background-image: url(../../css/treeTable/images/toggle-expand-dark.png);
}

#submenu a.expand {
	background-image:url(../../css/treeTable/images/toggle-collapse-dark.png);
}

ul#open_project_list label {
	color: gray;
	font-size: 0.9em;
}

ul#open_project_list {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 150px;
	overflow: hidden
}

ul#open_project_list li {
	float: left;
	margin: 10px;
	width: 200px;
	height: 150px;
}

ul#open_project_list div {
	margin: 5px 0;
	text-align: center;
}

ul#open_project_list div.pic {
	width: 125px;
	border: solid 1px gray;
	margin: auto;
	padding: 2px
}

ul#open_project_list div.no {
	background-color: #E8E8E8;
}

div.pic img {
	border: 0px;
	vertical-align: middle
}

.page {
	text-align: right
}

.page label {
	margin: 0 10px
}

.page a {
	margin: 0 3px
}

.page_now {
	font-size: 1.5em;
	margin: 0 3px;
	font-weight: bold;
}

ul#comment_list {
	list-style: square;
	margin: 0;
	padding: 0 25px
}

ul#comment_list li {
	border-bottom: dashed 1px gray;
	margin-bottom: 10px
}

ul#comment_list li.unapproved {
	background-color: #e6e6e6;
	border: solid 1px #CCCCCC;
	font-style: italic
}

ul#comment_list li span.gray {
	color: gray;
	font-size: 0.7em;
	margin: 0 5px
}

.replyText {
	background-color: #EEE;
	padding: 3px 10px;
	margin: 5px 0;
	font-size: 0.7em
}

ul#comment_list li div {
	line-height: 180%
}

.product_pics,product_attr {
	float: left;
	margin-right: 30px;
}

.product_intro {
	clear: both;
	border-top: dashed 1px gray
}

.product_attr ul {
	margin: 0;
	padding: 0;
	list-style: square;
	line-height: 150%
}

.slideshow img {
	padding: 15px;
	border: 1px solid #ccc;
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	background-color: #eee;
}

.product_pics div.nopic {
	width: 200px;
	height: 200px;
	line-height: 200px;
	text-align: center;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	background-color: #eee;
}

.slidePager {
	margin: 10px 0;
	float: right
}

#pager a.activeSlide,#page span.page_now {
	background: #ccff66
}

.portlet {
	margin: 0 1em 1em 0;
}

.portlet-header {
	margin: 0.3em;
	padding-bottom: 4px;
	padding-left: 0.2em;
}

.portlet-header .ui-icon {
	float: right;
}

.portlet-content {
	padding: 0.4em;
}

.ui-sortable-placeholder {
	border: 1px dotted black;
	visibility: visible !important;
	height: 50px !important;
}

.ui-sortable-placeholder * {
	visibility: hidden;
}

#foot {
	line-height: 200%;
	padding: 10px;
}

/*-------- Index Page -----------*/
.aboutus {
	line-height: 1.8em;
	text-indent: 2em
}

ul.indexNews {
	margin: 0;
	padding: 0;
	height: 35px;
	overflow: hidden
}

ul.indexNews li {
	float: left;
	width: 40%;
	margin: 0 0 0 25px;
	padding: 0;
	line-height: 35px;
}

/*---- Used by JQuery ----*/
.error {
	color: red;
}

.highlight {
	background-color: #FF8
}

.resortBG {
	background-color: #EFEFEF
}

a.resend {
	color: gray;
	font-size: 11px;
}

div.project_action {
	margin: 0 0 1em 0
}

table.project_list {
	width: 100%
}

table.project_list tr.on {
	background-color: #EEEEEE;
	cursor: pointer
}

table.project_list td {
	padding: 5px;
	text-align: center
}

table.project_list td.name {
	text-align: left
}

table.project_list td.name a {
	font-size: small
}

table.project_info td,table.project_info th {
	padding: 5px
}

table.project_info th {
	width: 125px
}

table.orderTable {
	width: 100%
}

table.orderTable,table.orderTable td,table.orderTable th {
	padding: 5px;
	border: 1px solid gray;
	border-collapse: collapse;
}

table.orderTable td.center {
	text-align: center
}

.expired {
	padding: 5px 10px;
	border: solid 1px gray;
}

.tableAdd td,.tableAdd th {
	padding: 2px 5px
}

.desc {
	border: dashed 1px gray;
	background-color: #EEEEEE;
	padding: 10px
}

.svnUrl {
	font-size: medium;
	font-weight: bold;
}

.borderB {
	border-bottom: dashed 1px gray
}

#price {
	font-weight: bold;
	color: red;
	font-size: medium
}

p.openFliter a {
	background-color: #e6e6e6;
	border: solid 1px #b3b3b3;
	padding: 2px 5px;
	margin: 0 5px;
	text-decoration: none
}

p.openFliter a.on {
	background-color: white;
	border: solid 1px #b3b3b3;
	font-weight: bold
}

.date {
	font-size: small;
	color: gray;
	margin: 0 10px 0 20px;
	text-align: right
}

.newsList {
	margin: 0;
	padding: 0 0 0 25px;
	list-style: square;
}

.newsList li {
	padding: 3px 0
}

#invite {
	padding: 10px;
	border: dashed 1px gray;
}

#formGroup table {
	border-collapse: collapse;
}

#formGroup table td,#formGroup table th {
	border: solid 1px gray;
}

#formGroup table th {
	background-color: #EFEFEF;
}

a.addGroup {
	text-decoration: none;
	font-weight: bold;
	font-size: medium;
	margin: 0 10px
}

#bdshare_area {
	display: inline-block;
	width: 100%;
	height: : 30px;
	margin: 10px 0px;
}

.share_to {
	float: left;
	margin: 5px;
	font-size: 16px;
	padding: 5px;
}

.banneright {
	float: left;
	width: 212px;
}

.banneright ul {
	padding: 3px 3px 0 4px;
	margin-left: 5px;
	background-color: #F0F7FD;
	border: 1px solid #b2b2b2;
	height: 54px;
}

.banneright ul li {
	height: 18px;
	list-style: none;
}


.u_tip{width:460px; background:#ffc; border:#fc9 1px dotted; padding:12px; text-align:center;font-size:14px; color:#390; margin-bottom:40px}
.u_tip a{ color:#f60; text-decoration:underline}
.u_tip a:hover{ text-decoration:none; }
.registerlist dl dt,.formbox dl dd input,.formbox .btnbox .btn,.you_fun li,.passlist ul li,.btnmore,.main_procedure .pdbox,.main_procedure .pdbox li,.main_procedure .pdbox li div,.main_procedure .pdbox li span,.mod_title{ background:url(../images/formbar.png) no-repeat}
.formbox{ overflow:hidden; margin-bottom:20px}
.formbox dl{ margin-bottom:12px; overflow:hidden; width:700px}
.formbox dl dt,.formbox dl dd{ float:left; overflow:hidden; height:38px;font-family:tahoma}
.formbox dl dt{ width:90px; text-align:right; line-height:40px; }
.formbox dl dd{ width:460px}
.formbox dl dd input{ height:27px; border:#ddd 1px solid; background-position:left top; padding:3px 5px 1px; _padding:4px 5px 0;font-size:14px; width:226px; color:#390; font-family:tahoma,"宋体"; line-height:22px}
.formbox dl input.id,.formbox dl input.pw{ font-weight:bold; font-size:16px}
.formbox dl.login_state {color:#888}
.formbox dl.login_state input{ border:none; background:none;vertical-align:middle; margin-right:3px}
.formbox dl.pl,.formbox dl dd.description{padding-left:115px}
.formbox dl.btnbox{padding-top:16px;height:39px;}
.formbox .btnbox .btn{width:150px; height:39px; line-height:39px; font-size:16px; color:#fff; border:none; cursor:pointer; background-position:left -93px; font-weight:bold; }
.formbox .btnbox .btn:hover,.formbox .btnbox .btn.over{background-position:left -132px}/*-150px -132px*/
.formbox .btnbox a{ padding:4px 0 0 20px; color:#339900; text-decoration:underline}
.formbox .btnbox a:hover{ text-decoration:none}
.formbox .input_wrap{ padding:2px; background:#fff; overflow:hidden; float:left}
.formbox dl div.tofocus{ background:#eef7db}
.formbox dl div.tofocus input,.formbox dl dd.correct input{background-position:left -31px; border-color:#9bcd38}
.formbox dl dd.wrong,.formbox dl dd.correct{ position:relative}
.formbox dl .ok,.formbox dl .wrong_tip{display:none; float:left; padding-left:18px; position:absolute; top:7px;right:0;width:192px;}
.formbox dl dd .wrong_tip{background: url(../images/wrong.gif) no-repeat left 4px; color:#f60}
.formbox dl dd.wrong .wrong_tip{ display:block}
.formbox dl dd.wrong .input_wrap{ background:#fff3ce}
.formbox dl dd.wrong input{background-position:left -62px;border-color:#ff9b07; color:#f60}
.formbox dl dd.correct .ok{ background:url(../images/right.gif) no-repeat left 4px; display:block}
.formbox dl dd.correct .input_wrap{ background:#eef7db}
.formbox dl dd.description{ height:auto; color:#999; clear:both; line-height:18px}
.formbox dl dd.red{ color:#f00}
.formbox dl .code_box{ float:left; padding:5px 0 0 12px}
.formbox dl .code_box img{vertical-align:middle; margin-right:10px}
.formbox dl.textareabox dd.textarea{ height:145px}
.formbox dl.textareabox textarea{ width:380px; height:130px; border:#ddd 1px solid;padding:3px 5px 1px; font-size:14px;color:#390; font-family:tahoma,"宋体"; line-height:22px}
.formbox dl.textareabox div.tofocus textarea{ border-color:#9bcd38;background:#fbffef}
.loginlist dl{ margin-bottom:18px;}
.registerlist{ padding-top:10px}
.registerlist dl dt{background-position:right -142px; padding-right:10px; width:100px}
.registerlist .code_input{ width:60px;}
.registerlist .btnbox .btn{background-position:-150px -93px;}
.registerlist .btnbox .btn:hover,.formbox .btnbox .btn.over{background-position:left -93px; }