.logo-link{height: 50px;padding: 13px 24px;display: flex;justify-content: flex-start;align-items: center;}
.logo{
    max-width: 156px;
    max-height: 50px;
}
.content-view{
    position: relative;
    display: flex;
    background-size: cover;
    background-position: center;
    min-height: 350px;
    align-items: flex-end;
}
.home-bot{margin-bottom: 15px;}
.hero-info-wrapper{
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
}
.hero-info-wrapper .hero-info{
    height: auto;
    max-width: 723px;
    padding: 10px 12px;
    background-color: rgba(0,0,0,.75);
    color: #fff;
}
.hero-info-wrapper .hero-info2{
    height: auto;
    max-width: 723px;
    padding: 10px 12px;
    background-color: rgba(0,0,0,.75);
    color: #fff;
}
.hero-text{
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: .24px;
    margin: 0;
}
.cta-btn{
    color: white;
    background-color: rgb(0, 0, 40);
    display: inline-block;
    padding: 10px;
    font-size: 14px;
    margin-top: 10px;
}
.hero-p{
    font-size: 0.8em;
}
.consolidated-tile{
    display: flex;
    flex-flow: column nowrap;
    background-color: #e8edf4;
    cursor: pointer;
    overflow: hidden;
    font-size: 1rem;
    margin: 8px 12px;
    border-radius: 4px;
    box-shadow: rgb(0 0 0 / 25%) 0px 0px 6px 0px;
}
.consolidated-tile .thumbnail{
    position: relative;
    width: 100%;
    flex-shrink: 0;
    overflow: hidden;
    max-height: 233px;
}
.consolidated-tile .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.consolidated-tile .info{
    flex-grow: 1;
    display: flex;
    flex-flow: column;
    margin: 4%;
    margin-bottom: 3.5%;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
    justify-content: space-between;
}
.home-categories .home-group{
    width: 320px;
}
.home-group .group-name{
    padding: 0 12px;
}
.info .description{
    font-size: 1rem;
    color: #5c5c5c;
    margin-top: 0px;
}
.info .total-count{font-size: 0.8rem;color: black;}
.break-word{padding: 32px 12px 0 12px;box-sizing: border-box;margin-bottom: 20px;}
.break-word a{text-decoration: none;color:rgb(0, 118, 163);}
.category-intro-half .info p{font-size: 0.9em;}
.content-tile{border-radius: 4px;box-shadow: 0px 0px 6px 0px  #969696;width: 296px;min-height: 370px;margin: 8px 12px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);
    -moz-box-shadow:0px 0px 6px 0px #969696;
    -webkit-box-shadow:0px 0px 6px 0px #969696;
}
.thu{position: relative;width: 100%;flex-shrink: 0;overflow: hidden;height: 150px;max-height: 150px;}
.thu img{ width: 100%;height: 100%;object-fit: cover;object-position: center;top: 0px;left: 0px; right: 0px;bottom: 0px;overflow: hidden;transform: scale(1.1);transition: all 0.6s}
.thu img:hover{transform: scale(1.5);}
.main-link{display: flex;flex-flow: column;margin: 4%;}
.main-link a{color: black;text-decoration: none;}
.main-link .xx{display: flex;justify-content: flex-end}
.home-flex{display: flex;flex-wrap: wrap;}
.category-intro-half{display: flex;flex-wrap: wrap;box-sizing: border-box;padding: 0 12px;justify-content: space-between;}
.clear-border .clear-ul{width: 100px;list-style: none;line-height: 30px;}
.clear-border .clear-ul a{text-decoration: none;color: black;}
.bottom-border{line-height: 1.5;font-family: 'ËÎÌå', Arial, Helvetica, sans-serif;border-top: 1px solid #ccc;}
.bottom-border a{text-decoration: none;color: black;}
.address{font-size: 14px; font-family: Arial, 'ËÎÌå', Helvetica, sans-serif ;line-height: 22px;}
.clear-border{display: none;}
.ctas-container{width: 616px;border-radius: 4px;box-shadow: 0px 0px 6px 0px #969696;display: flex;margin: 16px 12px;min-height: 140px;flex-wrap: wrap;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);
    -moz-box-shadow:0px 0px 6px 0px #969696;
    -webkit-box-shadow:0px 0px 6px 0px #969696;
}
.ctas-container .info{margin: 15px;flex-grow: 1;justify-content: center;display: flex;flex-direction: column;max-width: 252px;}
.ctas-container .info .p1{color: rgb(11, 69, 105);margin: 0px;font-size: 1em;font-weight: bold;}
.ctas-container .info .p2{font-size: 0.9em;}
.ctas-container .info .btn-open{background: rgb(11, 69, 105);color: rgb(255, 255, 255);padding: 10px 12px;border-radius: 4px;display: inline-block;font-size: 0.6em}
.ctas-container .thumbnail{min-width: 300px;max-width: 33%;max-height: 273px;overflow: hidden;position: relative;}
.ctas-container .thumbnail img{width: 100%; height: 100%;object-fit: cover;object-position: center;overflow: hidden;transform: scale(1.1);transition: all 0.6s}
.ctas-container .thumbnail img:hover{transform: scale(1.5);}
.flex-box{display: flex;flex-wrap: wrap;margin-top: 40px;}
.weui-font{font-size: 1em;display: flex;flex-wrap: wrap;}
.fie-text{font-size: 1em;margin-top: 10px;}
.field{width: 90%;font-size: 0.8em;}
.weui-toptips.weui-toptips_warn {z-index: 99993;}
.weui-wid{max-width: 60px;}
.wraper{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: 35px;
}


@media screen and (min-width: 658px){
    .consolidated-tile{flex-flow: row nowrap}
    .consolidated-tile .thumbnail{min-width: 300px;max-width: 33%;max-height: 233px;min-height: 233px;}
    .home-categories .home-group{width: 640px;}
    .consolidated-tile .info{margin: 2%;}
    .info .total-count{font-size: 1rem;}
    .hero-info-wrapper{width: 640px;padding: 0 12px;}
    .hero-text{font-size: 1.2rem}
    .hero-info-wrapper .hero-info{padding: 24px 76px 24px 24px;}
    .hero-info-wrapper .hero-info2{padding: 24px;}
    .hero-p{font-size: 1em;}
    .clear-border{border-left:1px dashed #CCC; padding: 0 20px; width: 160px;display: block;}
    .address{font-size: 15px;}
    .nav{width: 225px;display: flex;}
    .cta-btn{font-size: 15px;}
    .ctas-container{margin: 8px 12px;flex-wrap: nowrap;}
    .ctas-container .info{margin: 32px;}
    .ctas-container .info .p1{font-size: 1.2em;}
    .ctas-container .info .p2{font-size: 1em;}
    .ctas-container .info .btn-open{font-size: 1em;}
}
@media screen and (min-width: 990px) {
    .logo-link{height: 80px;padding: 13px 45px;}
    .logo{max-width: 200px;max-height: 80px;}
    .content-view{min-height: 500px;}
    .home-categories .home-group{width: 960px;}
    .hero-info-wrapper{width: 960px;}
    .hero-text{font-size: 1.8rem}
    .info .description{font-size: 1.2rem;}
    .category-intro-half .info{width: 49%}
    .category-intro-half .info p{font-size: 1em;}
    .field{width: 50%;font-size: 1em;}
}
@media screen and (min-width: 1298px) {
    .home-categories .home-group{width: 1280px;}
    .hero-info-wrapper{width: 1280px;}
    /*.weui-font{font-size: 1.2em;}*/
    .fie-text{font-size: 1.2em;}
}

.logo-enabled{
    color: rgb(255, 255, 255);background-color: rgba(0, 0, 40, 0.75);position: absolute;width: 100%;z-index: 10;
}
.content-view img{
    position: absolute;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.home-categories{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}