/* ==========================================================================
*
* Custom CSS Stylesheet. This is where you should add your own styles!
*
** ========================================================================== */

/* Simple style overrides or custom adds */

* {
    font-family: 'Microsoft YaHei', BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
    'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
}

.site-header[data-header-style="3"] .site-header-main {
    min-height: 140px;
}

.site-header[data-header-style="3"] .site-header-bottom {
    margin: 5px 0 8px;
}


#menu-main-menu > li > a {
    font-size: 1.05rem;
    color: white;
}

.main-nav ul {
    margin: 7px;
}

.site-header[data-header-style="3"] {
    border-bottom: none;
}

.bg-header {
    background-color: #0D8E3B !important;
}

.main-nav > ul > li > a:before {
    background-color: transparent !important;
}

.main-nav ul ul.sub-menu li a {
    font-size: 1rem !important;
}

.main-nav ul ul.sub-menu li a {
    min-width: 135px !important;
}



.img-portait {
    width:100%;
    height:100%;
}

.post-info span {
    color: inherit !important;
}

.post {
    min-height: 70px;
}

.latest_posts.style2 ul.posts .title {
    font-weight: 500 !important;
}

.latest_posts.style3 ul.posts li {
    font-size: 1rem;
}


.dateDiv {
    display: inline-block;
    border-right: 1px solid green;
    padding: 0;
    height: 60px;
    width: 60px;
}

.calDay {
    text-align: center;
    font-family: "Times New Roman";
    color: green;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 28px;
    height: 28px;
}

.calDate {
    text-align: center;
    padding: 3px 2px;
    color: #222;
    font-family: "Times New Roman";
}

.sciDateDiv {
    display: inline-block;
    padding: 0 5px;
    height: 60px;
    width: 96px;
}

.sciCalDay {
    text-align: center;
    font-family: "Times New Roman";
    line-height: 36px;
    height: 36px;
   border-bottom: 1px solid green;
color: green;
   font-weight: 700;
}

.sciCalDate {
    text-align: center;
    padding: 3px 0;

    font-family: "Times New Roman";

}

.latest_posts.style2 ul.posts .details {
    width: 70px;
}

.latest_posts.style2 ul.posts .text {
    margin-left: 70px;
}

.latest_posts.style3 ul.posts .title {
    font-size:1rem;
}

.latest_posts.style2 {
    padding: 0;
}
.lp-post .lp-post-comments-num {
    font-size:0.8rem;
    color:#222222!important;
}

.lp-post .lp-post-comments-num > i{
    font-size:0.8rem;
    color:#222!important;
}


.titleDiv {
    display: flex;
    justify-content: space-between;
    border-bottom: #27AE60 solid 1px;
}


.divTitle {
    font-size: 1.3rem;
    font-weight: 550;
    position: relative;
    top: 5px
}


.readMore {
    color: #757575;
    position: relative;
    top: 15px;
    font-size: 1rem;
    font-family: "Times New Roman";
}

.readMore > a {
    font-weight: normal;
    color: #888 !important;
}

.statbox {
    padding: 8px 15px;
    margin-bottom: 10px;
}

.sidebar .widget {
    margin-bottom: 0;
}

.sidebar .widget .widgettitle {
    margin: 10px 0 5px;
}

.subheader-titles {
    margin-top: -100px;
}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {
    .mpl-10 {
        padding-left: 10px !important;
    }
}

.site-header[data-header-style="3"] .zn-res-trigger:after {
    background: white;
    box-shadow: 0 8px 0 white, 0 16px 0 white;
}

.m_title {
    font-style: normal !important;
    font-size: 1.1rem !important;
}


#totop:before {
    position: absolute;
    content: "\ee30";
    font-family: 'icomoon';
}

.xsbgFont{
    color: #222!important;
}

.qrcode{
    width:100px;
}

.searchsubmit{
    cursor: pointer;
}

.latest_posts.style3 ul.posts li {
    margin-bottom: 0px;
    padding-bottom: 2px;
border-bottom: 1px dashed #E3E3E3;
}

.latest_posts.style2 ul.posts li {
    margin-top: 7px;
    border-bottom: 1px dashed #ECECEC;
    padding-bottom: 7px;
}



#footer {
border-top:none;
}
/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */


/** Higher screens+ **/
@media (min-width: 1921px) {
    .img-news {

        width:100%;
        height: 8vw;
    }
}


/** Desktop+ **/
@media (min-width: 1200px) {
    .img-news {

        width:100%;
        height: 8vw;
    }
}

/** Laptop+ **/
@media (min-width: 991px) {
    .img-news {

        width:100%;
        height: 8vw;
    }
}


/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {
    .img-news {

        width:100%;
        height: 8vw;
    }
}


/** Large Tablets **/
@media (max-width: 992px) {
    .img-news {

        width:100%;
        height: 8vw;
    }
}


/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {
    .img-news {


    }
}


/** Tablets+  **/
@media (min-width: 768px) {
    .img-news {

        width:100%;
        height: 8vw;
    }
}


/** Tablets (portrait mode)  **/
@media (min-width: 481px) and (max-width: 768px) {
    .img-news {

        width:100%;
        height: 160px;
    }
}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {
    .m-hide {
        display: none;
    }

    .sub-menu-container .menu-item > .menu-link {
        color: #ffffff;
    }
}


/** Smartphone portrait mode **/
@media (max-width: 480px) {
    .img-news {

        width:100%;
        height: 190px;
    }
}


/** Normal phone portrait mode+ **/
@media (min-width: 320px) {

}