.jpm-wm-interactive-login-iframe__background-image {
    background-image: url(https://assets.jpmprivatebank.com/content/dam/jpm-pb-aem/global/en/images/article-hero/homepage-hero/us-homepage-hero_2880x1800.jpg?size=mobile);
}

@media screen and (min-width: 768px) {
    .jpm-wm-interactive-login-iframe__background-image {
        background-image: url(https://assets.jpmprivatebank.com/content/dam/jpm-pb-aem/global/en/images/article-hero/homepage-hero/us-homepage-hero_2880x1800.jpg?size=tablet);
    }
}

@media screen and (min-width: 1025px) {
    .jpm-wm-interactive-login-iframe__background-image {
        background-image: url(https://assets.jpmprivatebank.com/content/dam/jpm-pb-aem/global/en/images/article-hero/homepage-hero/us-homepage-hero_2880x1800.jpg?size=desktop);
    }
}

.jpm-wm-navigational-header__nav-height {
    height: 0 !important;
}

a {
    text-decoration: none;
}


.jp-hero {
    background: #f7f6f5;
}

.jp-hero--login .jp-hero__content {
    box-shadow: none;
}

.jp-login-iframe__error-message {
    background-color: #115880 !important;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .jp-hero--login {
        margin-bottom: 5rem;
        height: 636px;
    }
}

.DetailsT1 {
    font-size: 20px !important;
    font-weight:bold;
    font-family: Arial;
    color: black !important;
    margin-left:2.5vw;
    height:65px !important;
    display:block;
    line-height:65px;
}

.DetailShowbody {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: Arial;
    background: #f8f8fa;  
}
    .DetailShowbody div {
        padding: 0;
        margin: 0;
    }

        .DetailShowbody div.DetailShowbox {
            background: white;
            border: 1px solid #b1aeb1;
            border-radius: 6px;
            position: absolute;
            z-index: 1;
            font-size: 13px;
            width: 97vw !important;
            margin-left:1.5vw !important;
            padding-bottom:20px;
        }

    .DetailShowbox  .last-child{
        position:absolute;
        right:15px;
        top:10px;
        font-size:22px;
    }

    .DetailShowbox .dttt {
        position: absolute;
        right: 15px;
        top: 35px;
        font-size: 12px;
        color: #666667;
    }

    .DetailShowbox .showAbox{
        margin-top:80px;
       
        width:100% !important;
    }

.Detailsmain_span_aa { font-weight:bold; font-size:16px; height:35px; padding-left:2.5%;}


.DetailShowboxImg {
    margin-top: 50px !important;
    width: 97vw !important;
}
    .DetailShowboxImg img{
        width:100%;
    }

.DetailShowboxMO {
    background: white;
    border: 1px solid #b1aeb1;
    border-radius: 6px;
    font-size: 13px;
    width: 97vw !important;
    margin-left: 1.5vw !important;
    padding-bottom: 20px;
    min-height: 80px;
    margin-top: 5px !important;
}
    .DetailShowboxMO b{
        display:block;
        font-size:15px;
        margin:20px 0 0 15px;
    }
    .DetailShowboxMO label {
        display: block;
        font-size: 14px;
        color: #666667;
        margin: 8px 0 0 15px;
    }

    .DetailShowboxList {
        background: white;
        border: 1px solid #b1aeb1;
        border-radius: 6px;
        font-size: 13px;
        width: 97vw !important;
        margin-left: 1.5vw !important;
        padding-bottom: 20px;
        min-height: 80px;
        margin-top: 20px !important;
    }

        .DetailShowboxList span {
            display: block;
            font-size: 20px;
            margin: 20px 0 25px 15px !important;
            font-weight:bold;
            
        }

        .DetailShowboxList div{
            margin-top:10px;
            position:relative;
            padding-bottom:15px;
        }
        .DetailShowboxList div b {
            display: block;
            font-size: 15px;
            margin: 0px 0 0 15px;
            font-weight: bold;
        }
            .DetailShowboxList div label {
                display: block;
                font-size: 14px;
                color: #666667;
                margin: 6px 0 0 15px;
                line-height:20px !important;
            }
            .DetailShowboxList div a {
                display: block;
                font-size: 18px;
                font-weight:500;
                color: #de5457;
               /* position:absolute;
                right:15px;
                bottom:15px;*/
            }



        .DetailShowbox dl {
            color: #666667;
            display: block;
            width: 93%;
            margin: 0 auto;
            height: 25px;
            line-height: 25px;
        }
.DetailShowbox dt {
    display: block;
    float:left;
   /* border: 1px solid red;*/
}
.DetailShowbox  dd {
    display: block;
    float: right;
    color:black;
    font-weight:bold;
   /* border: 1px solid red;*/
}

.Detailsmainbox2{
    position:relative;
    width:100vw; 
    /*min-height:50px;*/
    /*overflow:hidden;*/
    padding:0 !important;
    margin:0 !important;
}
.showAboxmore{ display:none; margin-top:15px !important;}

.DetailShowbody div.Detaildtmtm {
    color: #1b435b;
    font-size: 14px;
    border: 1px solid #b1aeb1;
    line-height: 25px;
    height: 25px;
    display: block;
    width: 110px;
    padding-left: 20px !important;
    border-radius: 20px;
    position: absolute;
    bottom: -35px;
    background: white;
    left:32%;
    z-index: 99;
    overflow:hidden;
}
    .Detaildtmtm i {
        border: solid #1b435b;
        font-size: 15px;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        margin-left:4px;
        /*margin-top:10px !important;*/
    }
        .Detaildtmtm i.down {
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            margin-top:-30px !important;
        }

        
        /* i.arrow {
        border: solid black;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 3px;
    }*/
        i.up {
            transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
        }




    .listbox span {
    display: block;
    width: 960px;
    margin: 0 auto;
    margin-top: 20px;
    border-bottom: 1px solid #eaeaea;
    height: 35px;
}

    .listbox span a {
        display: inline-block;
        margin-right: 10px;
    }

        .listbox span a.m1 {
            width: 170px;
            /*border: 1px solid red;*/
        }

        .listbox span a.m2 {
            width: 150px;
            /*border: 1px solid red;*/
        }

        .listbox span a.m3 {
            width: 200px;
            /* border: 1px solid red;*/
        }

        .listbox span a.m31 {
            width: 100px;
            /* border: 1px solid red;*/
        }
        .listbox span a.m31 {
            width: 100px;
            /* border: 1px solid red;*/
        }

        .listbox span a.m41 {
            width: 80px;
            /* border: 1px solid red;*/
        }

.mainIdex {
    padding: 0;
    margin: 0;
    width: 100%;
    font-family: Arial;
    background: #f8f8fa;
}

    .mainIdex div {
        width: 95%;
        margin: 0 auto;
        /*border:1px solid red;*/
        overflow: hidden;
    }

.tttopdf {
    position:relative;
    height:45px;
    margin-bottom:15px !important;
}
.tttopdf img {
    position:absolute;
}

    .tttopdf img.t1{
        left:0;
        top:5px;
    }
    .tttopdf img.t2 {
        right: 45%;
        top: 5px;
    }
    .tttopdf img.t3 {
        right: 0;
        top: 5px;
      
    }

    .mainIdex .top label:first-child {
        font-size: 25px;
        line-height: 45px;
        height: 30px;
        font-weight: bold;
        display: block;
    }
    .mainIdex .top label:last-child {
        color: #3c3c3c;
        display: block;
        line-height: 45px;
        height: 50px;
    }

   

    .mainIdex .dContent{
        position:relative;

    }









        .mainIdex .dContent label.first-child {
            font-weight: bold;
            color: #666667;
            margin-left: 15px;
            margin-top: 8px;
            font-size: 13px !important;
        }
        .mainIdex .dContent label.last-child {
            /*font-weight: bold;*/
            color: #000000;
            margin-top: 5px;
            font-size: 28px;
            float: right;
            font-family: 'Microsoft YaHei';
            margin-right: 20px;
        }
        .mainIdex .dContent label.dttt {
            /*font-weight: bold;*/
            color: #666667;
            margin-top: 0px;
            float: right;
            font-family: 'Microsoft YaHei';
            margin-right: 20px;
            position: absolute;
            top: 80px;
            right: 0px;
            font-size:12px;
        }

        .mainIdex .dContent .taaa {
            position: absolute;
           
            width: 3px;
            top:50px;
            right: 5px;
            height: 20px;
            border-left: 1px solid #666667;
            border-right: 1px solid #666667;
        }




        .fontAA {
            color: #141316
        }

.fontBB {
    color: #373538;
}


.jpm-affedta {
    background: white;
    height: 125px;
    border: 1px solid #b1aeb1;
    border-radius: 10px;
    height: 45px;
    margin-bottom: 18px !important;
    position: relative;
    line-height:45px;
    font-size:13px;
}
    .jpm-affedta label{
        position:absolute;
        left:20px;
    }
    .jpm-affedta i {
        position: absolute;
        right: 15px;  
        font-weight: bold;
    }

    .pdfafasdf {
        background: white;
        height: 125px;
        border: 1px solid #b1aeb1;
        border-radius: 10px;
        height: 100px;
        margin-bottom: 18px !important;
        position: relative;
    }
    .pdfafasdf i{
        position:absolute;right:15px;top:10px;
        font-weight:bold;
    }

    .pdfafasdf img {
        position: absolute;
        left: 15px;
        top: 20px;
    }

    .pdfafasdf span {
        position: absolute;
        left: 70px;
        top: 20px;
    }
        .pdfafasdf span b{
            display:block;
        }
        .pdfafasdf span label {
            display: block;
            color: #666667;
            font-size:14px;
            margin-top:5px;
            line-height:22px;
        }

        .fontTT {
            font-size: 20px;
            font-weight: bold;
        }
.fontBold {
    font-weight: bold;
}

.block {
    display: block;
}

.line {
    height: 35px;
    line-height: 35px;
}

.border {
    border: 1px solid #b1aeb1;
}

.CardAAA {
    margin-bottom:20px !important;
}

    .CardAAA .title {
        display: block;
        background-image: url('bb1.jpg');
        height: 45px;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
        color: white;
        line-height: 45px;
        background-size: contain;
        background-repeat: repeat-y;
    }

        .CardAAA .title label {
            display: inline-block;
        }

            .CardAAA .title label:first-child {
                margin-left: 15px;
              
            }

            .CardAAA .title label:last-child {
                float: right;
                margin-right: 10px;
            }

    .CardAAA .dContent {
        background: white;
        height: 125px;
        border: 1px solid #b1aeb1;
        border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px;
    }


.jpm-menu {
    height: 60px;
  /*  position: fixed;
    bottom: 15px;*/
    border-top: 1px solid #b1aeb1;
    width:100vw !important;
   
    margin:0;
    padding:0;
}

    .jpm-menu label {
        display: inline-block;
        margin-top:10px;
      
    }
        .jpm-menu label:last-child {
            float: right;
            text-align: center;
            color: #b1aeb1;
            font-size:12px;
            margin-right:15%;
        }
        .jpm-menu label:first-child {
            float: left;
            text-align: center;
            color: #b1aeb1;
            font-size: 12px;
            margin-left: 15%;
            color: #1a498a;
        }

    .jpm-menu label a {
        display: block;
    }