.header-backimg{
	background: url("/static/image/b3.jpg");
	background-size: 100vw auto;
	background-color: #FEF8D9;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 1000px 0 545px;
}
.big-font-a h1,
.dreamhub-section-title h1{
  font-size: 5vw;
  line-height: 5vw;
}
.testimonial-section{
  background-color: #FBDD40;
  border-radius: 3vw 3vw 0 0;
  padding: 0;
}
.overlay-zt,.overlay-dt{
	box-shadow: 0 0 0 500px #FBDD40;
}
.shape-right{
		position: absolute; /* 绝对定位 */
    top: -3.7vw;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    width: 83%;
    height: 63%;
    background-color: #2C2A29;
    border-radius: 10px;
    box-shadow: 0 0 0 5px #2C2A29;
    box-sizing: border-box;
    transform: perspective(0.7em) rotateX(179deg);
    transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}
.shape-left{
    position: absolute; /* 绝对定位 */
    top: -7vw;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    width: 83%;
    height: 63%;
    background-color: #2C2A29;
    border-radius: 10px;
    box-shadow: 0 0 0 5px #2C2A29;
    box-sizing: border-box;
    transform: perspective(0.7em) rotateX(181deg);
    transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}
.shape-back{
	position:relative;
	width: 80%;
	padding: 8vw 0;
}

.shape-content{
	position:absolute;
	background-color: transparent;
		z-index: 3;
    left: 0;
    top: 1.5vw;
    right: 0;
    bottom: 0;
    margin: auto;
    color:#fff;
    width: 80%;
}

.shape-content h2{
	color: #FBDD40;
  font-size: 3vw;
}
.shape-content p{
  color: #FBDD40;
  font-size: 1.5vw;
  line-height: 2vw;
  padding: 0;
}

.software-button a:before{
	left: 0;
}


@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-1300% - 10px));
  }
}


/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1600px) {

}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
	.header-backimg{
		padding: 380px 0 700px;
	}
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px){
	.header-backimg{
		padding: 300px 0 555px;
	}
	.shape-back{
		width: 50%;
		padding: 200px 0;
		margin: 10px 100px;
	}
}
/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
	.header-backimg{
		padding: 230px 0 450px;
	}
}
/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {

}
/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.header-backimg{
		padding: 120px 0 270px;
	}
}