p{font-size: 16px; margin: 15px 0;}
.title{color: #e60003;}
h1{font-size: 24px; margin-bottom: 20px;}
.note{font-size: 14px;}
.white-popup {
    position: relative;
    background: #ffffff;
    border-radius: 15px;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
    max-width: 1000px;
  }
  .white-popup p{font-size: 14px;}

.slick-dots{list-style: none; padding: 0; text-align: center; margin-top: 30px;}
.slick-dots li{display: inline-block;}
.slick-dots li button{text-indent: -9999px; border: 0; background: #b3b3b3; border-radius: 1000%; width: 12px; height: 12px; padding: 0 5px; display: block; margin: 0 5px;}
.slick-dots li.slick-active button{background: #ff5800;}


.header{height: 100px; display: flex; align-items: center; justify-content: space-between;}
.language a{color: #4d4d4d; padding: 0 5px;}
.banner{position: relative; background: url(../images/banner.jpg) no-repeat; height: 380px; background-size: cover; background-position: center 19px; margin-bottom: 30px;}
.banner .door-left{position: absolute; left: 0;}
.banner .door-right{position: absolute; right: 0;}
.banner .slogan, .banner .slogan_en {position: absolute; bottom: 40px; left: 50px; color: #ffffff; font-size: 18px; max-width: 300px; width: 100%; display: block; align-items: center;}
.banner .slogan_en { max-width: 400px; }
.banner .slogan img{margin-right: 20px; width: 90px; height: 90px;}

.step{max-width: 960px; margin: 0 auto 60px auto;}
.step .box{background: #f8f8f8; border-radius: 20px; padding: 30px; position: relative;}
.stepContainer{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.stepSlide, .stepSlideb{max-width: 700px; margin: 0 auto;}
.step-images{max-width: 220px;}
.step-title{position: relative; padding: 20px 30px;}
.step-title .number{position: absolute; left: 0;}
.step-title span{color: #e60003; font-weight: bold; font-size: 21px;}
.step .prev, .step .prevb{position: absolute; left: 20px; top: 50%; border: 0;}
.step .next, .step .nextb{position: absolute; right: 20px; top: 50%;}
.step .prev .fa, .step .next .fa, .step .prevb .fa, .step .nextb .fa{font-size: 60px; line-height: 60px; display: block; color: #ff5800; cursor: pointer;}
.download .qrcode{width: 106px; height: 106px;}
.download {display: flex; justify-content: center;}
.download img{padding: 2px 3px;}
.appicon{width: 106px;}

.footer{margin-bottom: 60px; font-size: 14px;}
.terms{margin-bottom: 30px; font-size: 12px;}
.terms a{white-space: nowrap; color: #4d4d4d; text-decoration: underline;}
.copyright{margin-top: 40px;}
.img-center{margin: 0 auto;}
.link {
    font-size: 13px;
    color: #e02826;
    text-decoration: underline;
}

.no-padding{padding-left: 0; padding-right: 0;}


.dlnowWrapper{width:80%;margin:0 auto;}
.dlnow{width:100%;float:left;}

@media (min-width: 768px) {
    .banner .slogan, .banner .slogan_en {font-size: 24px; display: flex; max-width: 500px;}
    .banner .slogan_en { max-width: 600px; }
    .stepContainer{display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center;}
    .step .box{background: #f8f8f8; border-radius: 20px; padding: 30px 60px;}

}

@media (min-width: 911px) {
	.dlnow{width:48%;}
	.dlnow:first-child{margin-right:20px;}
}

/* map */
.mapPopup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 860px;
    height: 660px;
    z-index: 100;
    background-color: #fff;
    padding: 30px;
    display: none;
    border: 1px solid #000
}

.mapPopup.show {
    display: block
}

.mapPopup .mapPopupClose {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #000;
    z-index: 10;
    color: #fff;
    cursor: pointer;
    padding: 2px 5px
}

#map,
#map2 {
    width: 800px;
    height: 600px;
}

@media (max-width: 7px) {
    .mapPopup {
        width: 420px;
        height: 320px;
        padding: 10px;
    }

    #map,
    #map2 {
        width: 400px;
        height: 300px;
    }
}

/* end of map */