body {
	font-family: "Microsoft YaHei"; min-height: 1000px; background-color:#E0E0E0;
}
.zitiweb-navbar {
}
.navbar-default {
	border-color: rgb(18, 18, 18); background-color: rgb(34, 34, 34);
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-text,
.navbar-default .navbar-nav > li > a {
	color: rgb(255, 255, 255);
}
.navbar-default .navbar-nav > li > a:hover ,
.navbar-default .navbar-nav > li > a:focus ,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: rgb(255, 255, 255); background-color: rgb(9, 9, 9);
}
.navbar-default .navbar-nav > .disabled > a ,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
	color: rgb(204, 204, 204); background-color: transparent;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: rgb(18, 18, 18);
}
.navbar-default .navbar-nav > .open > a ,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: rgb(255, 255, 255); background-color: rgb(9, 9, 9);
}

.navbar-toggle {
  border: 0px;
}
.navbar {
	margin-bottom: 2px;
}
.search{
float:left;
margin-left:20px;
}
@media (max-width: 767px) {
.col-lg-2.
.col-lg-3 {
	width: 98%;
}
.col-lg-1 {
	width: 34%;
}
.col-lg-22 {
	width: 33%;
}
.logo{
width:150;
height:50;
}
.search{
margin-top:0px;
margin-bottom:0px;
}
.navbar-toggle {
  margin-right: 40px;
}
}

@media (min-width: 768px) {
.col-md-2,
.col-lg-2 {
	width: 21%;
}
.col-md-1,
.col-lg-1 {
	width: 11%;
}
.col-lg-22 {
	width: 20%;
}
.logo{
width:220;
height:84;
}
.search{
margin-top:30px;
}
}
.panel {
	margin-bottom: 0px;
}
.navbar-brand {
  padding: 0px 15px;
}

A {
	COLOR: #00F;
}
#form #text {
	width: 100%; height: 88px; margin-bottom: 10px;
}
#form .row .form-group {
	margin-bottom: 10px;
}
.demolist .thumbnail img {
	padding-top: 10px;
}
.opuslist .thumbnail img {
	padding-top: 10px;
	height: 180px;
}
ul.pickerTable {
	padding: 0px; width: 100%;
}
ul.pickerTable li {
	margin: 1px; border: 1px solid rgb(0, 0, 0); border-image: none; width: 18px; height: 18px; display: inline-block; cursor: pointer;
}
ul.pickerOther li {
	width: 31px; height: 31px;
}
.pd {
	padding: 5px 0px;
}
.container {
	padding: 0px; 
}
.btn-group
{
	float:right
}
.colors {
	margin:10px auto; border:1px #D90000 solid;border-radius:10px; padding:10px;
}
.zttext {
	text-align: center;
	font-size:14px;
}
.zttext A {
color:#555555;
}
.thumbnail IMG{
	cursor:pointer;
}
.ysimg {margin:0px 5px 0px 0px; border:1px #D90000 solid;border-radius:10px; padding:20px 0px 20px 15px;}
#styleOption  {margin: -10px;}
#styleOption dl {margin: -30px 0px 10px 130px;}
#styleOption dl dt {margin:8px;float:left; list-style:none; cursor:pointer;}

.info {
	margin-left: 25px;
}

@media all and (max-width:767px)
{
#topad {display: none;}
#btsave {display: none;}
#ysimg {display: none;}
#key {width: 240px}
}