/* all mobie phones in portrait model */
@media screen and (orientation : portrait){
    #yomansunter_content img{width: 100%;height: 400px;}
    .yomansunter_title_font {font-size: 8pt;}
    .yomansunter_child_title_font {font-size: 6pt;}
     #menuContent,.ymst_content img {width: 100%;}
     .imgAuto img{width:100%;}
     .yomansunter_img_scaling img{width:100%;}
     .yomansunter_font_6pt {font-size: 6pt}
     .yomansunter_font_8pt {font-size: 8pt}
     .yomansunter_font_9pt {font-size: 9pt}
     .yomansunter_font_10pt {font-size: 10pt}
     .yomansunter_font_12pt {font-size: 12pt}
     .yomansunter_font_14pt {font-size: 14pt}
     .resolutionsDetails img {width: 100%;}
     .yomansunter_footer_qr img {
        width: 100px;
     }
     /* text mobile center */
     .yomansunter-content-m-center {text-align: center;}
     /*flex mobile center*/
     .yomansunter-content-m-center1 {
         justify-content: center;
     }
     .swiperImageH {height: 200px;}
     .swiperImageL {height: 150px;}
    .weixin001 {height: 500px;}
    #myCarousel,
    #myCarousel .carousel-inner,
    #myCarousel .carousel-item img {
        height: 400px;
    }

}


/* all mobie phones in landscape model */
@media screen and (orientation: landscape) {
    .yomansunter_footer_qr img {
        width: 100%;height:200px;
    }
    .swiperImageH {height: 350px;}
    .swiperImageL {height: 250px;}
    .weixin001 {height: 600px;}
    #myCarousel,
    #myCarousel .carousel-inner,
    #myCarousel .carousel-item img {
        height: 900px;
    }
}

/*top radius*/
.layui-fixbar li {
    border-radius: 40px;
    color:white;
}

/*begin css style*/
/*delete a tag underline*/
.yomansunter_deration {
    text-decoration: none;
}


/*end css style*/

/*begin font size*/
.yomansunter_font_size_14px {
    font-size: 14px;
}


.yomansunter_font_size_16px {
    font-size: 16px;
}

.yomansunter_font_size_18px {
    font-size: 18px;
}

.yomansunter_font_size_20px {
    font-size: 20px;
}


.yomansunter_font_size_6pt {
    font-size: 6pt;
}
/*end font size*/


/*begin font color*/
.yomansunter_font_color_blue {
    color: #0d6efd;
}

.yomansunterFontHoverColor a:hover {
    color: #0d6efd;
}



html, body {
    height: 100%;
    padding-right: 0!important;
}

header nav {
    padding-right: 0!important;
}


.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.swiper-container {
    width: 100%;
    height: auto;
    margin: 20px auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #cccccc;*/
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#menuContent li {
    list-style: decimal;
}

.dropdown:hover .dropdown-menu {
    display: block;
    border: 0px;
}

nav .dropdown:hover .dropdown-menu {
    display:block; width: 100%;  text-align: center; left:0; right:0;

}
nav .dropdown:hover { position: static; }

/*end fot color*/


/*begin nav scroll*/
 .dropdown-menu {
     max-height: 550px;
     overflow-y: auto;
 }

.dropdown-menu::-webkit-scrollbar {
    width: 4px;
}

.dropdown-menu::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #888;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}
/*end nav scroll*/

/*resolve the problem of model page shaking when displayed on the page */
body.modal-open {
    padding-right: 15px !important;
    overflow: hidden;
}