
body#page-site-index{
    padding:0;
}
.ebook-wrapper{
    position:relative;
    width:100%;
    min-height:100vh;
    overflow: hidden;
}
.ebook-bg{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
}
.ebook-bg .box1{
    position:absolute;
    top:-140px;
    left:-160px;
    width:300px;
    height:300px;
    border-radius:60px;
    background:#2864ce;
    transform:rotate(-18deg);

}
.ebook-bg .box2{
    position:absolute;
    top:-140px;
    right:-150px;
    width:300px;
    height:300px;
    border-radius:60px;
    background:#f9a955;
    transform:rotate(-18deg);

}
.ebook-bg .box3{
    position:absolute;
    bottom:-140px;
    right:-140px;
    width:300px;
    height:300px;
    border-radius:60px;
    background:#2864ce;
    transform:rotate(-18deg);

}
.ebook-bg .box4{
    position:absolute;
    bottom:60px;
    left:70px;
    width:100px;
    height:90px;
}
.ebook-bg .subbox1{
    position:absolute;
    left:0;
    top:0;
    width:64px;
    height:64px;
    border-radius:32px;
    background:#f9a955;
}
.ebook-bg .subbox2{
    position:absolute;
    bottom:0;
    right:0;
    width:22px;
    height:22px;
    border-radius:11px;
    background:#ef5160;
}
.ebook-bg .box5{
    position:absolute;
    top:120px;
    left:130px;
    width:110px;
    height:90px;
    transform:rotate(18deg);

}
.ebook-bg .subbox3{
    position:absolute;
    left:17px;
    top:0;
    width:40px;
    height:40px;
    border-radius:12px;
    background:#ef5160;
}
.ebook-bg .subbox4{
    position:absolute;
    left:0;
    top:20px;
    width:40px;
    height:40px;
    border:solid 6px #f9a955;
    border-radius:12px;
}
.ebook-bg .subbox5{
    position:absolute;
    top:0;
    right:0;
    width:22px;
    height:22px;
    border-radius:11px;
    background:#2864ce;
}

#ebook-page{
    display:flex;
    flex-flow:column nowrap;
    justify-content: space-between;
    align-items: stretch;
    position:relative;
    z-index:10;
    min-height:100vh;
    margin-left:180px;
    margin-right:180px;
}

.ebook-frontpage-nav{
    display:flex;
    flex-flow:row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    flex-grow:0;
    flex-shrink:0;
    height:100px;
    padding:14px 40px 0 0px;
}

.ebook-frontpage-nav .navbar-brand{
    display:flex;
    flex-flow:row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.ebook-frontpage-nav .navbar-brand img{
    height:60px;
    color:#000;
}
.logingroup{}

.logingroup a {
    display:inline-block;
    margin-left:50px;
    font: 600 16px/28px 'manropeB', Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding:3px 0;
    color:#787878;
    transition: color .3s ease;
}
.logingroup a:last-child{
}
.logingroup a:hover{
    color:#5c83ec;
    border-bottom:solid 4px #5c83ec;
}
.ebook-content{
    padding:30px 0 10px;
}
.ebook-content h2{
    width: 700px;
    max-width:100%;
    margin: 0 auto 14px;
    text-align:center;
    font: italic bold 40px/40px 'Times New Roman',Helvetica, Arial, sans-serf;
    color:#373737
}
.ebook-content h2 small{
    font: italic bold 26px/40px 'Times New Roman',Helvetica, Arial, sans-serf;
}
.ebook-content1 h2{
    text-align:left;
    font-style: normal;
}
.ebook-content1  h2 small{
    text-align:left;
    font-style: normal;
}
.ebook-video{
    max-width:100%;
    width:640px;
    margin:0 auto 14px;
}
.ebook-video .video-js{
    border-radius:4px;
    overflow:hidden;
}
.ebook-video .video-js .vjs-big-play-button{
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);

}
.ebook-content1 .ebook-video{
    display:none;
}
.ebook-video video{
    width:100%;
    overflow:hidden;
}
.ebook-text{
    display:none;
    max-width:100%;
    width:640px;
    margin:0 auto;
}

.ebook-content1 .ebook-text{
    display:block;
}

.ebook-text p{
    font:24px/36px 'Times New Roman',Helvetica, Arial, sans-serf;
}
.ebook-blockquote{
    background:#f5f5f5;
    padding:20px;
}
.ebook-remark{
    padding-top:10px;
    padding-left:14px;
    font:14px/21px 'Times New Roman',Helvetica, Arial, sans-serf;
}
.ebook-remark li{
    padding-bottom:10px;
}
.ebook-remark li:target:before{
    content:none;
}
.frontpage-switcher{
    text-align:center;
    font:16px/28px 'manropeB';
    color:#aaa;
    cursor: default;
}
.frontpage-switcher a{
    margin:4px;
    cursor: pointer;
}
.ebook-content2 .frontpage-switcher #showvideo,
.ebook-content1 .frontpage-switcher #showtext{
    text-decoration:none;
    color:#aaa;
    cursor: default;
}

.ebook-frontfooter{
    flex-grow:0;
    flex-shrink:0;
    height:40px;
    margin:0;
    font:14px/40px 'manropeB',Helvetica, Arial, sans-serf;
    color:#565656;
    text-align:center;
}



@media (max-width:992px) {
    .ebook-wrapper{

        min-height:560px;

    }

    .ebook-frontpage-nav {
        flex-flow: column-reverse nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 0 0 20px;
        height:160px;
    }
    .logingroup a{
        margin-left:20px;
    }
    .logingroup a:first-child{
        margin-left:0;
    }
    .ebook-content{
        padding-top:0;
    }
    #ebook-page {
        display:block;
        position:relative;
        margin:20px;
        padding:20px 20px 60px;
        background:rgba(255,255,255,.9);
        border-radius:8px;
    }

    .ebook-frontfooter{
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
    }
}









.frontpage-5w1h{
    text-align:center;
}
.frontpage-5w1h img{
    margin:20px 0;
    max-width:100%;
}

.video-container{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    margin-bottom:30px;
}
.video-js{
    border-radius:8px;
    overflow:hidden;

}

.nv_alg0_logo{
    height:60px;
    margin-top:20px;
    margin-bottom:10px;
}
@media (max-width:992px) {
    .nv_alg0_logo{
        display: block;
        margin:0 auto 20px;
        width:80%;
        height:unset;
    }
}


.special_link_2{
    width:100%;
    max-width:640px;
    margin: 0 auto 20px;
    background: #f5f5f5;
    padding: 20px;
}
.special_link_2 p:last-child {
    margin-bottom:0;
}

.special_link_2 p{
    font-family:'manropeB',Arial;
    font-size:16px;
    font-weight:600;
}




.ebook-content  h6{
    font-size:24px;
    text-align:center;
    margin-bottom:40px;
}
.contactusform label{
    color:#000;
    font-size:16px;
    font-weight:600;
}
.contactusform .form-group{
    margin-bottom:1.5rem;
}
.contactusform .input-group{
    margin-bottom:0;
    border-bottom:solid 1px #d5d5d5;
    border-radius: 0;
}
.contactusform .input-group.is-invaild {
    border-color:#d9534f;
}
.contactusform .input-group .form-control{
    padding:2px 10px;
    border:none;
    border-radius: 0;
    outline:0!important;
    box-shadow: none!important;
    -webkit-tap-highlight-color: transparent;
    font-family:'Poppins',Helvetica, Arial, sans-serif;;
}
.contactusform .input-group .input-group-text{
    border:none;
    background:transparent;
}
.contactusform .input-group .input-group-text:before{
    font: normal normal normal 14px/1 FontAwesome;
}

.ebook-frontfooter .ebook-footerdetail{
    justify-content: center;
}

.contactusform .input-group.is-vaild .input-group-text:before{
    content:'\f00c';
    color:#48b925;
}
.contactusform .input-group.is-invaild .input-group-text:before{
    content:'\f00d';
    color:#d9534f;
}



.contactusform .submitgroup{
    margin-top:20px;
    text-align:center;
}
.contactusform .submitgroup button{
    background:#aaa;
    border: none;
    border-radius:8px;
    font-family:'Poppins',Helvetica, Arial, sans-serif;
    cursor: not-allowed;
}
.contactusform .submitgroup button.formready {
    background: #00bf97;
    cursor: pointer;
}

.contactusform .submitgroup button i{
    margin-right:4px;
}


.contactusform  .successimg{
    position:absolute;
    right:0;
    bottom: 50px;
    width: 400px;
    height: 150px;
    background:url(../image/submitted.png) no-repeat right top / contain;
}
.grecaptcha-badge{
    display:none;
}
