﻿/* 全局定义 */
body {
	margin:0;
	padding:0;
	font-size:14px;
	font-family:'Microsoft Yahei','Lucida Grande',Helvetica,Arial,sans-serif;
	background: url(../image/body.jpg) no-repeat top center fixed;
	background-size:100% 100%;
}
body,div,ul,li,h1,th,td {
	margin:0;
	padding:0;
}
a {
	color:#555;
	text-decoration:none;
	blr:expression(this.onFocus=this.blur())
}
a:link {
	color:#555;
	text-decoration:none;
}
a:hover {
	color:#555;
	text-decoration:underline;
}
ol,ul,li {
	list-style-type:none;
}
* {
	padding:0;
	margin:0;
}
img {
	border:0;
	border:none;
}
*html {
	background-image:url(../image/b.jpg);
	background-attachment:fixed;
}
textarea,input {
	outline:0;
	resize:none;
}
#warp {
	width:1084px;
	margin:0px auto;
	padding:5px;
	background:url(../image/b.png);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#wall {
	padding-top:10px;
	background:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 0 8px #000;
	-moz-box-shadow:0 0 8px #000;
	box-shadow:0 0 8px #000
}

#menu {
	height:60px;
	margin:0 10px;
	border-bottom:3px solid #444;
}
#menu ul {
	overflow:hidden;
}
#down {
	float:right;
}
#down a {
	float:left;
	color:#ff0;
	display:block;
	line-height:30px;
	padding:5px 10px;
	margin:5px 0 0 10px;
	background:#e00;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#down a:hover {
	color:#ff0;
	background:#c00;
	text-decoration:none;
}
#b {
	float:left;
	margin:5px 0 0 10px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#b a {
	margin:0;
	background:none;
}
#menu ul li {
	float:left;
	color:#444;
	padding:0 20px;
	margin-right:3px;
	font-size:14px;
	line-height:60px;
	text-align:center;
	cursor:pointer;
	background:#ddd;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
#menu ul li:hover {
	color:#fff;
	background:#aaa;
}
#menu .on{
	cursor:pointer;
	color:#fff;
	background:#444;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
#live,#liveing{
	margin:10px;
	min-height:750px;
	background:#fff;
}
#live2,#liveing{
	margin:10px;
	min-height:750px;
	background:#fff;
}
.c0 {
	background:#f00;
}
.c1 {
	background:#0f0;
}
.c2 {
	background:#00f;
}
.c3 {
	background:#f0f;
}
.c4 {
	background:#0ff;
}
.c5 {
	background:#000;
}
.a0 {
	color:#f00;
}
.a1 {
	color: #090;
}
.a2 {
	color:#00f;
}
.a3 {
	color:#f0f;
}
.a4 {
	color:#800;
}
.b0 {
	float:left;
	width:70px;
	color:#eee;
	text-align:center;
	font-weight:normal;
	background:url(../image/say.gif)
	no-repeat;
}
#live{
	display:none;
}
#live h1,#liveing h1 {
	color:#333;
	font-size:14px;
	line-height:55px;
	padding-left:95px;
	margin-top:10px;
	background:#eee url(../image/ask.png) no-repeat left center;
}
#live p,#liveing p {
	color:#555;
	line-height:28px;
	padding:15px;
	margin-top:2px;
	background:#f5f5f5;
}
/* 表格 */
#form {
	overflow:hidden;
	background:#fafafa url(../image/f.jpg) no-repeat bottom;
	border-top:3px solid #f00;
}
#form table tr:hover {
	background:#fefde6
}
#be {
	width:100%;
	border-left:1px solid #e8e8e8
}
#be th {
	font-size:15px;
	color:#555;
	line-height:25px;
	padding:15px;
	text-align:center;
	background:#f5f5f5;
	border-right:1px solid #e8e8e8;
	border-bottom:2px solid #e8e8e8
}
#be td {
	height:45px;
	line-height:45px;
	text-align:center;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8
}
#bt td {
	color:#f00;
	background:#ffa
}
#bt a {
	color:#f00
}
/* 返回顶部 */
.toolbar-item,.toolbar-layer{background:url(../image/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 4px 128px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}


.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}
.styled-select select {
   background: #fafdfe;
   width: 268px;
   padding: 5px;
   font-size: 15px;
   border: 1px solid #04f4f1;
   height: 30px;
   -webkit-appearance: none; /*for chrome*/
    background:url(../images/select_right.gif) no-repeat right #fdfdef;
}

.styled-select {
	width: 600px;
	height: 30px;
	overflow: hidden;
	margin-left: 5px;

}