.navbar-vmaster{
    background:none;
}
#section-01{
    background:url(/media/static/images/bg_01.png) no-repeat;
    background-size:cover;
}
#section-02{
    background:url(/media/static/images/bg_02.png) no-repeat;
    background-size:cover;
}
#section-03{
    background:url(/media/static/images/bg_03.png) no-repeat;
    background-size:cover;
}
#section-04{
    background:url(/media/static/images/bg_04.png) no-repeat;
    background-size:cover;
}
#section-05{
    background:url(/media/static/images/bg_05.png) no-repeat;
    background-size:cover;
}


.section-top .fp-tableCell{
    vertical-align: top;
}
.section-top .title{
    text-align: center;
    margin-top: 7%;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span{
    background: #FFF;
}

.mobile{
    position: absolute;
    /* bottom: -369px; */
    bottom: 0px;
    left: 0px;
}
.animate .mobile{
    transition: bottom 0.9s;
    bottom: 0!important;
}
.animate-out .mobile{
    transition: bottom 0.95s;
    bottom: -369px!important;
}
.btn-gp{
  display: inline-block;
  height: 60px;
}
.btn-gp img{
  height:100%;
  width:auto;
}
#section-02 .gamepad{
    position: absolute;
    top: 83%;
    left: 3%;
    transition: top 1s;
}
#section-02 .billiard{
    position: absolute;
    top: 103%;
    left: 7%;
    transition: top 1s;
}
#section-02 .coffe{
    position: absolute;
    top: 22%;
    right: 0;
    transition: top 1s;
}
#section-02.animate .gamepad{
    top: 13%;
}

#section-02.animate .billiard{
    top: 63%;
    transition-delay: 0.5s;
}
#section-02.animate-out .gamepad{
    top: 83%;
}
#section-02.animate-out .billiard{
    top: 103%;
}
#section-03 .app-icon{
    position: absolute;

}
#section-03 .lock{
    position: absolute;
    left: 5%;
    top: 9.7%;
}

#section-03 .upan{
    position: absolute;
    right: 0px;
    top: 53%;
}

#section-03 .app-icon-01,#section-03 .app-icon-03{
    left: 39%;
    transition: left 0.8s;
}
#section-03.animate .app-icon-01,#section-03.animate .app-icon-03{
    left: 22%;
}

#section-03 .app-icon-01,#section-03 .app-icon-02{
    bottom: 43%;
}
#section-03 .app-icon-03,#section-03 .app-icon-04{
    bottom: 14%;
}

#section-03 .app-icon-02,#section-03 .app-icon-04{
    left: 48%;
    transition: left 0.8s;
}
#section-03.animate .app-icon-02,#section-03.animate .app-icon-04{
    left: 68%;
}
#section-04 .scale-screen{
    position: absolute;
    left: 29%;
    /* top: 48%; */
    bottom: 28%;
    z-index: 8;
    transition: all 1s;
}    
#section-04 .mobile{
    /* left: 29%; */
    left:0px;
    width: 426px;
    z-index: 9
}
#section-04.animate .scale-screen{
    /* left: 47%; */
    left: 75%;
    z-index: 10;
}
#section-04 .keyboard{
    position: absolute;
    top:0px;
    left:0px;
}
#section-04 .note{
    position: absolute;
    bottom:0px;
    right:0px;
}
#section-04 .star{
    position: absolute;
    bottom: 12%;
    left: 9%;
}
#section-04 .wrapper{
    position: absolute;
    bottom: 0px;
    width: 426px;
    height: 615px;
    left: 29%;
}
#section-05 .mobile{
    left: 33%;
    width: 35%;
    z-index: 2;
  max-width: 700px;
}
#section-05 .vm{
    position: absolute;
    left: 36%;
    bottom: -20px;
    transition: left 1s;
    z-index: 3;
}
#section-05.animate .vm{
    left: 46%;
}
#section-05 .paper{
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}
#section-05 .monkey{
    position: absolute;
    left: 4%;
    top:29%
}
.visible-900{
    display: none;
}

@media(max-width:1600px){
    #section-02 .title img{
        width: 588px;
    }
    #section-02 .mobile{
        width: 630px!important;
    }
    #section-02 .gamepad{
        width: 225px;
    }
    #section-02 .billiard{
        width: 108px;
    }
    #section-02 .coffe{
        width: 200px;
    }
    #section-03 .title img{
        width: 592px;
    }
    #section-03 .mobile{
        width: 460px;
    }
    #section-03 .app-icon{
        width: 130px;
    }
    #section-03 .lock{
        width: 217px;
    }
    #section-03 .upan{
        width: 139px;
    }
    #section-04 .title img{
        width: 578px;
    }
    #section-04 .mobile,#section-04 .wrapper{
        width: 325px!important;
        height: 469px;
    }
    #section-04 .scale-screen{
        width: 460px!important;
    }
    #section-04 .keyboard{
        width: 295px!important;
    }
    #section-04 .note{
        width: 300px!important;
    }
    #section-05 .title img{
        width: 600px;
    } 
    #section-04 .star{
        width: 134px;
    }
    #section-05 .mobile{
        width: 455px;
    }
    #section-05 .vm{
        width: 320px;
    }
    #section-05 .paper{
        width: 300px;
    }
    #section-05 .monkey{
        width: 300px;
    }
}
@media(max-width:900px){
    .hidden-900 {
        display: none;
    }
    .visible-900{
        display: block;
    }
    #section-03 .mobile{
        width: 270px;
    }
	.section-top .title{
		text-align: center;
		margin-top: 12%;
		height:30px;
	}
}

.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.main3 {
  z-index: auto;
  width: 19.8vw;
  height: 7.09vw;
  justify-content: space-between;
  margin: 0.78vw 0 0 42vw;
}

.block4 {
  z-index: auto;
  width: 11.88vw;
  height: 7.09vw;
}

.outer1 {
  z-index: 100;
  height: 3.34vw;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 1);
  width: 11.88vw;
  justify-content: center;
  align-items: flex-start;
  padding-left: 1.88vw;
}

.mod1 {
  z-index: auto;
  width: 7.4vw;
  height: 2.4vw;
  justify-content: space-between;
}

.icon2 {
  z-index: 105;
  width: 2.14vw;
  height: 2.4vw;
}

.group1 {
  z-index: auto;
  width: 4.69vw;
  height: 1.67vw;
  margin-top: 0.37vw;
}

.txt2 {
  z-index: 102;
  width: 4.69vw;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.93vw;
  font-family: PingFangSC-Semibold;
  line-height: 0.94vw;
  text-align: left;
}

.word2 {
  z-index: 103;
  width: 3.6vw;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.62vw;
  font-family: PingFangSC-Medium;
  line-height: 0.63vw;
  text-align: left;
  align-self: flex-start;
  margin-top: 0.11vw;
}

.outer2 {
  z-index: 107;
  height: 3.34vw;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 1);
  margin-top: 0.42vw;
  width: 11.88vw;
  justify-content: center;
  align-items: flex-end;
  padding-right: 1.67vw;
}

.group2 {
  z-index: auto;
  width: 8.34vw;
  height: 1.98vw;
  justify-content: space-between;
}

.label6 {
  z-index: 110;
  width: 2.09vw;
  height: 1.98vw;
}

.bd1 {
  z-index: auto;
  width: 5.63vw;
  height: 1.67vw;
  margin-top: 0.16vw;
}

.info5 {
  z-index: 108;
  width: 4.69vw;
  display: block;
  overflow-wrap: break-word;
  color: rgba(87, 95, 111, 1);
  font-size: 0.93vw;
  font-family: PingFangSC-Semibold;
  line-height: 0.94vw;
  text-align: left;
  align-self: flex-start;
}

.word3 {
  z-index: 109;
  width: 5.63vw;
  display: block;
  overflow-wrap: break-word;
  color: rgba(87, 95, 111, 0.5);
  font-size: 0.62vw;
  font-family: PingFangSC-Medium;
  line-height: 0.63vw;
  text-align: left;
  margin-top: 0.11vw;
}

.pic1 {
  z-index: 116;
  width: 7.09vw;
  height: 7.09vw;
}

.pic2 {
  z-index: 15;
  width: 0.63vw;
  height: 5.63vw;
  margin-top: 0.63vw;
}