.dropdown-box .dropdown-item.active {
    border-bottom-color: #57b6b2;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #57b6b2;
    border-color: #57b6b2;
}

.editor p { margin-bottom:0; }

.editor {overflow: hidden;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}


/*h2.title-style { font-size:26px; }*/

.pagination li:first-child{ margin-left:0; }
@media(max-width:376px){
    .pagination .page-link {
        width: 35px;
        height: 35px;
    }
}

.dropdown-menu.pink-dropdown .active {
    color:#e6396e !important;
    border-bottom-color: #e6396e!important;
}
.dropdown-menu.purple-dropdown .active {
    color:#7c55b2  !important;
    border-bottom-color: #7c55b2!important;
}


.text-not-found { font-size:23px; }
@media (max-width: 768px){
    .text-not-found { margin-bottom:0; font-size:20px; }
    .inner-item-padding {
        padding: 0px 0 36px;
    }
}

.green-color2 { color:#57b6b2; }

.layui-layer-content { padding:20px; }

.layui-layer-title {
    color:#fff;
    background-color: #E6396E;
}


.peri-nav-item-2 .dest-nav { background:#FFF; color:#808080; }
.peri-nav-item-2.active .dest-nav { background:#DC778D; color:#FFF; }
.dest-nav { width:305px; height:96px; font-size:26px; }
.dest-nav-icon { display:inline-block; width:62px; height:42px; margin-right:10px; }
@media(max-width:768px){
    .dest-nav { font-size:20px; }
}


@media (min-width:576px) {
    .card-bottom p {
        -webkit-line-clamp: 30;
    }
}

.card-bottom1 {
    height: 82%;
}

@media(max-width:767px){
    .dest-nav {
        width: 305px;
        height: 80px;
    }
    .dest-nav-icon {
        width: 45px;
        height: 36px;
        margin-right: 6px;
    }
}

@media(max-width:376px){
    .dest-nav-icon {
        width: 26px;
        height: 35px;
        margin-right: 6px;
    }
    .dest-nav {
        width: 305px;
        height: 67px;
        font-size: 18px;
    }
}

@media (min-width: 576px) {
    .card-bottom h3 {
        font-size: 18px;
    }
}

.life {
    font-size: 18px;
}

@media (min-width:768px) {
    .life {
        font-size: 18px;
        letter-spacing: 2px;
    }
}

@media (min-width:992px) {
    .life {
        font-size: 18px;
    }
}

@media(max-width:1440px){
    .class-box h4 {
        font-size: 26px;
    }
}

.layui-layer-setwin .layui-layer-close1 {
    right: -10px;
    top: -12px;
    width: 32px;
    height: 32px;
    background: none;
    font-size: inherit;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
}
.layui-layer-setwin .layui-layer-close1::after {
    content: 'x';
    display: block;
    width: 29px;
    height: 20px;
    color:#fff;
    font-size:20px;
}



/*.icon-excl img { display:inline-block; height:50px; }*/
.icon-excl i { display:inline-block; position:absolute; top:0px; left:10px; color:#fff; font-style:normal; 
    font-size:18px; font-weight:bold; letter-spacing:3px;
}

@media(max-width:376px){
    .icon-excl i { left:6px; top:5px; letter-spacing:1px; font-size:12px; }
}

@media(min-width:992px){
    .icon-excl i { left:17px; top:0px; font-size:22px; }
}

@media(min-width:1440px){
    .icon-excl i { left:25px; font-size:30px; }
}


/****** notice-popup start ****/
#notice-popup .notice-item:first-child{
    padding: 20px;
    /*background: #fff;*/
}
.notice-popup-content {
    /*overflow:scroll;*/
    width: 100%;
    max-width: 720px;
    background-color: #fff;
    margin:0 auto;
    position: relative;
    /*overflow-y: auto;*/
    max-height: 86vh;
    /*min-height: 360px;*/
    min-height: 50px;
    /*padding:20px;*/
}
.notice-popup-content img {
    max-width: 100%!important;
    max-height: 100%!important;
}

.notice-popup-content .title {
    position: absolute;
    left:0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    color:#fff;
    font-size:18px;
    text-align: center;
}

.notice-popup-content .title a {
    color:#fff;
}
.mfp-close-btn-in .mfp-close {
    color:#fff!important;
    right: -6px;
    top:0;
    margin-top:-45px;
    color:#fff;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #cccbcb;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.mfp-close {
    opacity: 1!important;
}

/*.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
}
*/

@media (min-width: 768px) {
    .mfp-close-btn-in .mfp-close {
        /*color:#111!important;*/
    }

    .mfp-close-btn-in .mfp-close {
        right: -54px;
        top:-2px;
        margin-top:0;
    }
}


/*.close-box {
    position: absolute;
    right: 5%;
    top: 5%;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #cccbcb;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}*/

.mfp-container {
    position: fixed!important;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.5;
}
/****** notice-popup end ****/

.notice-wrapper { background-color:#808080!important; }
.notice-top {
    background:#808080; padding:10px 20px; display:none;
}
.notice-top * { color:#fff!important; }
/*.notice-top-1 { border-bottom: 2px dashed #fff; }*/

.btn-close-notice { font-size:30px;margin-right:-40px;cursor:pointer; }
.notice-date { display:inline-block;min-width:130px;text-align:right; }
@media(max-width:768px){
    .btn-close-notice { margin-right:0; }
    .notice-date { margin-left:20px; }
}


.learn-more span { display:inline-block;width:180px; }
.learn-more a { background-color: #57B6B2 !important; }


.btn-home-fresh { min-width:116px!important; }

.purple-color2.footer-link::before {
    background-color: #ac82d3;
}

.pink-color2.footer-link::before {
    background-color: #dd778d;
}

@media(max-width:360px){
    .footer-ls-style {
        padding: 16px 0;
        font-size: 13px;
    }
    .footer-ls-style {
        letter-spacing: 0px;
    }
}