.header h2 body {
    font-size: 1em;
    margin: 0;
    padding: 0;
}
*,
*:after,
*:before {
    box-sizing: border-box;
}
h1,
h2,
h3,
p,
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
button {
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
}
h2 {font-size: 4em;}
h3 { font-size: 50px;letter-spacing: 2px;line-height: 1.2em;}

p{line-height: 160%;}

a{text-decoration: none;transition: all 0.2s;-webkit-transition: all 0.2s;}

/*** navigation *********************************************/
#navigation{
    width: 100%;
    height: 50px;
    position: fixed;
    background-color: transparent;
    z-index: 50;
}
.navbar{width: 96%;position:relative;height: auto;margin: auto;}
.logo{width: 115px;height: 30px;background: url(/appimg/logo-558168.png) no-repeat center center;background-size: cover;text-indent: -99999px;float: left;margin-top: 20px;}
.web-Languages{
    float: right;
    padding:8px 24px 8px 12px;
    margin-top: 20px;
    background: rgba(0,0,0,0.25);
    position: relative;
    transition: all .2s;
    -webkit-transition: all .2s;
    color: #fff;
}
.web-Languages:hover{}
.web-Languages:after{content: '';width: 10px;height: 10px;background-image: url(/appimg/downArrow.png);background-size: cover;display: block;position: absolute;top:9px;right: 8px;}

.web-pay{
    float: right;
    padding:8px 12px;
    margin-top: 20px;
    background: rgba(255,0,136,1);
    position: relative;
    transition: all .2s;
    -webkit-transition: all .2s;
    color: #fff;
    border-radius: 100px;
}

.app-Download{ position: fixed; width: 90%; bottom: 0; left: 0; right: 0; margin: 20px auto; display: block; z-index: 99; display: none;}
.downApp { background-color: #c62370;color: #ffffff; width: 100%; padding: 20px; box-sizing: border-box; display: block; text-align: center; border-radius: 100px; box-shadow: 0 1px 1px rgba(0,0,0,.3);}


/*** #scene1 *********************************************/
#scene1{   
    width: 100%;
    height: 760px;
    overflow: hidden;
    background: #000;
    background-size: cover;
    position: relative;
    background: url(/appimg/scene1_bg.png);
}
.header{
    width: 960px;
    color:#faf9e1;
    text-shadow: 0 2px 2px rgba(0,0,0,1);
    position: absolute;
    top: 70%;
    left: 50%;
    text-align: center;
    z-index: 2;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-60%);
    
}
.header h2 {margin-bottom: 20px; border-bottom: solid #ffffff 2px; display: inline-block; padding-bottom: 20px; line-height: 1.3em;}
.header p { font-size: 36px;margin-bottom: 40px;}
.header .playBtn{
    min-width: 138px;
    position: relative;
    margin: 0 8px;
    padding: 12px 24px 12px 40px;
    letter-spacing: 2px;
    color: #fff;
    font-size: 1em;
    background-color: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.75);
    border-radius: 3px;
    
    
    transition: all .2s;
    -webkit-transition: all .2s;
}
.header .playBtn:before{
    content: '';
    width: 20px;
    height: 20px;
    background-size: contain;
    position: absolute;
    top:10px;
    left: 12px;
    
}
.header .playBtn:hover{background-color: rgba(230,142,182,0.75);border: 1px solid rgba(230,142,182,0.75);}

.scene1Footer { position: absolute; bottom:20px; width: 100%; z-index: 2}
.scene1Footer .numbers, .scene1Footer .text { float: left; font-size: 20px; font-weight: 400; margin: 0 0 0 20px; color: #ffffff; position: relative; padding:0 20px; font-style: italic;}
.scene1Footer .text { margin-left: 10px;}
.largeFont { font-size: 30px}

.scene1Footer .numbers:before {
    content: "";
    background: #d40f71;
    height: 18px;
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: -1;
}

.scene1Footer .text:before {
    content: "";
    background: #ebb24d;
    height: 18px;
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: -1;
}

.scene1Footer .storeBtn { float: right; }
.scene1Footer .storeBtn img { width: 150px}

.be-bg-video {}
.be-bg-video.play {display: block;}
.section-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: #000;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);	
}

.section{width: 960px;margin: auto;position: relative;}
/*** #appDownload *********************************************/
#appDownload{padding: 100px 0;background: #f4dbdf;text-align: center;box-shadow: 0 -4px 8px rgba(0,0,0,0.3);-webkit-box-shadow: 0 -4px 8px rgba(0,0,0,0.3);}
#appDownload h3{margin-bottom: 50px;color: #333;}
#appDownload .select span{display: inline-block;margin: 0 10px;}



/*** #scene2 *********************************************/
#scene2 { min-height: 700px; background: white;text-align: center;}
#scene2 h3 { padding-top: 150px;color: #A7294A;}
#scene2 p { padding-top: 10px; font-size: 33px; line-height: 1.5em;}
#scene2 .lf { float: left ; width: 50%; }
#scene2 .rl { float: right ; width: 50%; text-align: center;}
#scene2 .card-box  { width: 100%;height: 620px;margin-top: 30px;padding: 40px 20px; background-image: url(/appimg/125.png); background-size: 100%; background-position: center; background-repeat: no-repeat;}

#scene6 { min-height: 700px; background: white;text-align: center;}
#scene6 h3 { padding-top: 150px;color: #A7294A;}
#scene6 p { padding-top: 10px; font-size: 33px; line-height: 1.5em;}
#scene6 .lf { float: left ; width: 50%; }
#scene6 .rl { float: right ; width: 50%; text-align: center;}
#scene6 .card-box  { width: 100%;height: 620px;margin-top: 30px;padding: 40px 20px; background-image: url(/appimg/125.png); background-size: 100%; background-position: center; background-repeat: no-repeat;}


#scene7 { min-height: 700px; background: white;text-align: center;}
#scene7 h3 { padding-top: 150px;color: #A7294A;}
#scene7 p { padding-top: 10px; font-size: 33px; line-height: 1.5em;}
#scene7 .lf { float: left ; width: 50%; }
#scene7 .rl { float: right ; width: 50%; text-align: center;}
#scene7 .card-box  { width: 100%;height: 620px;margin-top: 30px;padding: 40px 20px; background-image: url(/appimg/android1.png); background-size: 100%; background-position: center; background-repeat: no-repeat;}

/*** #scene3 *********************************************/
#scene3{}
#scene3.bg{
    height: 700px;
    text-shadow: 0 2px 2px rgba(0,0,0,0.3);
    background: url(/appimg/scene3_apple.jpg) no-repeat center center;
    background-size: cover;
}
#scene3 h3 { padding-top: 110px; color: white; }
#scene3 p { padding-top: 10px; color: white; font-size: 36px; line-height: 1.3em;}

#scene3 h3.secendH3 { padding-top: 50px;}
#scene3 .lf {float: left;width: 40%;}
#scene3 .rl {float: right;width: 58%;text-align: right;}
.chat-box { width: 100%;height: 620px;margin-top: 80px;padding: 40px 20px;}
.chat-box .chat-list{margin-bottom: 40px;width: 100%;height: auto;opacity: 0;}

/*** #scene4 *********************************************/
#scene4 { min-height: 700px; background: white;text-align: center;}
#scene4 h3 { padding-top: 120px;color: #c62370;}
#scene4 p { margin: 10px 0 30px;color: #333;font-size: 36px; line-height: 1.3em;}
.mym-Wall{display: inline-block;margin-bottom: 40px;width: 100%;}
.mym-Wall img { width: 30.33333%; height: auto; transform: translateY(10%); -webkit-transform:translateY(10%) ; opacity: 1; margin: 0 1%;}


/*** #scene5 *********************************************/
#scene5{}
#scene5.bg{
    height: 700px;
    text-shadow: 0 2px 2px rgba(0,0,0,0.3);
    background: url(/appimg/scene3_adbg.jpg) no-repeat center center;
    background-size: cover;
}
#scene5 h3 { padding-top: 110px; color: white; }
#scene5 p { padding-top: 10px; color: white; font-size: 24px; line-height: 1.3em;}

#scene5 h3.secendH3 { padding-top: 50px;}
#scene5 .lf {float: left;width: 40%;}
#scene5 .rl {float: right;width: 58%;text-align: right;}
.chat-box { width: 100%;height: 620px;margin-top: 80px;padding: 40px 20px;}
.chat-box .chat-list{margin-bottom: 40px;width: 100%;height: auto;opacity: 0;}


/*** #footer *********************************************/
#footer{min-height: 700px;background: #ffffff;text-align: center;position: relative;}
#footer h2 { padding-top: 120px; margin-bottom: 20px; border-bottom: solid #c62370 2px; display: inline-block; padding-bottom: 20px; color: #c62370; line-height: 1.3em;}
#footer p.subtitle { padding: 0; font-size: 36px;margin-bottom: 40px; color: #c62370;}
#footer p { padding: 10px 0; }
#footer p:nth-of-type(2){margin-bottom: 10px;}
#footer .downloadBtn{display:none;background-color: transparent;border: 1px solid #c62370;color: #c62370;width: 90%;}

.appLogo{margin: 100px 0 40px;width: 100px;height: 100px;}
.storeBtn{margin: 0 16px;}

.selectBox{display: none;padding: 16px 0;}
.selectBox select{background-color: transparent;font-size: 1em;border: 1px solid #333;color: #666;}

#about-other { background: #ffffff;text-align: center;padding: 60px 0 30px;}
#about-other a { padding: 10px; color: #333 ;}
.copyright { padding: 8px 0;font-size: 13px;margin-top: 16px;}



/*** #video *********************************************/
.pop{
    position: fixed;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: rgba(0,0,0,0.9);
    
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: none;

}
.pop.show{opacity: 1;visibility: visible;z-index: 99;}
.pop .popbox iframe{width: 960px; height: 540px;}
.pop .popbox .iframe{
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.pop .close{
    width: 70px; 
    height: 70px;
    position: absolute;
    bottom: 6%;
    left: 50%;
    background: url(/appimg/icon_close.png) top left no-repeat;
    z-index: 10;
    
    -webkit-transform: translate3D(-50%,0,0);
    transform: translate3D(-50%,0,0);
}
.pop .close:hover{background: url(/appimg/icon_close.png) top right no-repeat;}


/*** #animation scaleIn*********************************************/
.scaleIn {
    -webkit-animation: scaleIn 1.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.5s  normal forwards 1 ;
    animation: scaleIn 1.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.5s  normal forwards 1;
	opacity: 1
}
@-webkit-keyframes scaleIn { 
    0%{opacity: 0;-webkit-transform: scale(0.9);transform: scale(0.9);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes scaleIn { 
    0%{opacity: 0;-webkit-transform: scale(0.9);transform: scale(0.9);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}

/*** #animation fadeIn*********************************************/
.fadeIn {
    -webkit-animation: fadeIn 2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 1s normal both 1 ;
    animation: fadeIn 2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 1s normal both 1 ;
	opacity: 1;
}
@-webkit-keyframes fadeIn {     
    0%{opacity: 0;}
    100%{opacity: 1;}

}
@keyframes fadeIn { 
    0%{opacity: 0;}
    100%{opacity: 1;}
}

/*** #animation fadeInUp*********************************************/
.fadeInUp {
    -webkit-animation: fadeInUp 1s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s normal forwards 1 ;
    animation: fadeInUp 1s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0.2s normal forwards 1;
	opacity: 1
}
@-webkit-keyframes fadeInUp { 
    0%{opacity: 0;transform: translateY(10%);-webkit-transform: translateY(10%);}
    100%{opacity: 1;transform: translateY(0%);-webkit-transform: translateY(0%);}
}
@keyframes fadeInUp { 
    0%{opacity: 0;transform: translateY(10%);-webkit-transform: translateY(10%);}
    100%{opacity: 1;transform: translateY(0%);-webkit-transform: translateY(0%);}
}

/*** #animation delay*********************************************/
.delay-01s {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.delay-02s {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.delay-03s {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.delay-04s {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.delay-06s {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.delay-07s {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.delay-08s {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.delay-09s {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.delay-10s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.delay-11s {
    -webkit-animation-delay: 1.1;
    animation-delay: 1.1s;
}
.delay-12s {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

/*** # min-width: 1501px #*********************************************/
@media screen and (min-width: 1501px){
    h3{font-size: 3em;letter-spacing: 4px;}
    h4{font-size: 2em;letter-spacing: 2px;}
    p{line-height: 160%;font-size: 1.2em;}
    /*** navigation *********************************************/
    .navbar{width: 92%;}

    /*** #scene1 *********************************************/
    #scene1{}
    .header{width: 1200px;}
    .header h2 { font-size: 4.2em;margin-bottom: 20px;}
    .header p { font-size: 2em;margin-bottom: 40px;}

    .section{width: 1200px;margin: auto;position: relative;}

    /*** #scene2 *********************************************/
    #scene2{min-height: 900px;}
    #scene2 h3{padding-top: 200px;;}
    #scene2 p{margin: 20px 0 50px;}
     /*** #scene6 *********************************************/
    #scene6{min-height: 900px;}
    #scene6 h3{padding-top: 200px;;}
    #scene6 p{margin: 20px 0 50px;}
    
    #scene7{min-height: 900px;}
    #scene7 h3{padding-top: 200px;;}
    #scene7 p{margin: 20px 0 50px;}
    /*** #scene3 *********************************************/
    #scene3{}
    #scene3.bg{height: 900px;}
    #scene3 h3 { padding-top: 150px;color: white;}
    #scene3 p{padding-top: 10px;color: white;}
    #scene3 .lf{float: left;width: 40%;}
    #scene3 .rl{float: right;width: 50%;text-align: right;}
    .chat-box{width: 100%;height: 700px;margin-top: 100px;padding: 40px 20px;}

    .pop .popbox iframe{width: 1280px; height: 720px;}
    #scene5{}
    #scene5.bg{height: 900px;}
    #scene5 h3 { padding-top: 150px;color: white;}
    #scene5 p{padding-top: 10px;color: white;}
    #scene5 .lf{float: left;width: 40%;}
    #scene5 .rl{float: right;width: 50%;text-align: right;}
}