html,body
{
	margin:0;
	padding:0;
	height:100%;
}

body
{
	background:#fec;
	-webkit-text-size-adjust:none;
	font-family:Helvetica, 微软雅黑, 黑体, Arial, Verdana, sans-serif;
}

a{text-decoration:none;}
table{border-spacing:0; width:100%; height:100%;}

#head-frame
{
	position:fixed;
	top:0;
	left:0;
	min-width:320px;
	width:100%;
	height:8%;
	min-height:32px;
}
.head-margin{height:12%;}
#head-item-frame
{
	width:38%;
	height:75%;
	min-width:320px;
	float:right;
}
#head-item-frame table
{
	height:100%;
	table-padding:0;
}
.head-base{background:rgba(0, 0, 0, 0.3);}
.head-logo{height:100%;width:100%;background:url(images/logo-s.png) 20px center no-repeat;}
.head-logo-null{height:100%;width:100%;}
.head-item-split
{
	width:4%;
}
.head-item-null
{
	width:20%;
	height:100%;
	text-align:center;
	vertical-align:center;
}
.head-item
{
	width:20%;
	height:100%;
	text-align:center;
	vertical-align:center;
	background:rgba(0, 0, 0, 0.5);
	border-radius:4px;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
	overflow:hidden;
	color:#fff;
}
.head-item:hover{background:rgba(0, 0, 0, 0.8);}
.head-item .hover{background:rgba(0, 0, 0, 0.8);}
.head-item a div{color:#fff;width:100%;}

#head-push
{
	height:10%;
	min-height:42px;
	clear:both;
}

#main
{
	min-height:90%;
	height:auto !important;
	height:90%;
	width:80%;
	min-width:320px;
	margin:0 auto -36px;
}

#foot-push
{
	height:60px;
	clear:both;
}

#main-foot-copyright
{
	height:36px;
	clear:both;
}
#main-foot
{
	width:300px;
	margin:0 auto;
	font-size:12px;
	line-height:24px;
	color:#888;
}
#main-foot td{text-align:center;}
#main-foot a{color:#888;}

#comment{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.6);}
.comment-center{width:80%; max-width:600px; height:80%; max-height:480px; background:rgba(255, 255, 192, 0.8); border-radius:8px;}
.comment-page-holder{width:90%; min-width:240px; height:84%; overflow-y:auto; margin:auto;}
.comment-page{height:100%; min-height:180px; color:#378;}
.comment-button-holder{width:100%; min-width:240px; height:16%; margin:auto;}
.comment-button{width:100px; height:36px; line-height:36px; text-align:center; margin:0 auto;}
#comment-caption{width:80%; height:10%; background:#4ab; color:#fff; text-align:center;}
	#comment-content{margin:15px auto; height:200px; width:98%; line-height:20px; overflow:hidden;}
	#comment-phone{margin:10px;width:200px; height:24px; line-height:24px;}
	#comment-ok{background:#382; color:#fff;}
	#comment-ok:hover{background:#6f4; cursor:pointer;}
	#comment-ok .hover{background:#6f4;}
	#comment-cancel{background:#c60; color:#fff; cursor:pointer;}
	#comment-cancel .hover{background:#f80;}
	#comment-cancel:hover{background:#f80;}