body{
	background-image: url('../img/bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
}

hr{
	border-color: #999999; 
}

.headWeb{
	background-image: url('../img/Capture.png');
	position: fixed;
	height:180px;
	width: 100%;
	z-index: 2;
}

.logo{
	margin: 10px;
	margin-left: 13%;
	height:160px;
	width:385px;

}

.postWood{
	position: absolute;
	bottom:0px;
	right:calc(100% - 90%);
}

.picPig{
	position: absolute;
	bottom:0px;
	right:calc(100% - 86%);
}

.floatImg{
	position: absolute;
	z-index: 1;
}

.mainContent{
	position: absolute;
	margin-top:180px;
	left:calc(100% - 94%);
	width: 88%;
	height: auto;
	background: rgba(255,255,255,0.5);
    overflow: hidden;
}

.content{
	padding: 2%;
	text-align: center;
	width: 70%;
	display: inline-block;
}

.sideBar{
	padding: 2%;
	/*background: rgba(0,0,0,0.5);*/
	width: 30%;
	display: inline-block;
	float: left;

}

.contactPic{
	width:40px; 
	height:40px;
	margin: 4px;
}

.sideBarTopic{
	font-size:1.7vw;
	font-weight: bold;
	color:#0960b8;
}

.textCenter{
	display:block; 
	text-align:center;
	font-size: 1.3vw;
}

.description{
	padding: 3px;
	margin: 3px;
	font-size:1.6vw;
}

.divProduct{
	margin: 3px;
	position: absolute;
	border: solid 1px #000000;
	height: auto;
	padding: 10px;
}

.topicProduct{
	/*position: absolute;*/
	width:auto;
	height:auto;
	background-color: #000000;	
	/*float:left;*/
	/*left:10%;*/
}

.label-xs{
	font-size: 1.2vw;
}

.label-s{
	font-size: 1.8vw;
}

.label-m{
	font-size: 2vw;
}

.label-l{
	font-size: 2.2vw;
}

.product{
	/*border: solid 1px #DDD;*/
}

.productDesc{
	background-color: #DDD;
	height: auto;
	padding: 0px;
	font-size: 1.4vw;
	margin-top: calc(100% - 90%);

}

.spanPrice{
	background-color: #ff4b8f;
	color:#FFF;
	width: 100%;
	display: block;
}

.topic{
  width:300px;
  height: 55px;
  background-color: #ff136c;
  /*background-color: rgba(252,139,16,1);*/
  line-height: 40px;
  padding: 0px 0px 0px 5px;
  margin-left: 15px;
  cursor: pointer;

  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;

  -webkit-box-shadow: 1px 1px 1px 1px rgba(147,82,6,0.4);
  -moz-box-shadow: 1px 1px 1px 1px rgba(147,82,6,0.4);
  box-shadow: 1px 1px 1px 1px rgba(147,82,6,0.4);

}

.topic>span{
  border: 1px #fff dashed;
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 6px);
  margin-top: 6px;
  margin-bottom: 5px;
  height: 42px;
  padding-left: 7px;
  /*font-size: 1.1vw;*/
  float:left;
  color: #fff;
}

.box-content{
  border: 1px solid #ff136c;
  /*border: 1px solid #fc8b0f;*/
  height:auto;
  top: -20px;
  padding: 30px 10px 20px 10px;
  position: relative;

  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}


.footer{
	position:fixed;
	height: 45px;
	background-color: #444056;
	bottom: 0px;
	display: block;
	width: 100%;
	border-bottom: dashed 2px #f1cf61;
	border-top: solid 3px #ffb75c;
	padding-left: 220px;
	line-height: 40px;
	color:#FFF;
	font-size: 1.8vw;
	z-index: 2;
}

.carFloat{
	position: fixed;
	bottom: 0px;
	left: 25px;
/*	width: 180px;
	height: 137px;*/
	width: 15%;
	z-index: 3;
}