﻿
@media only screen and (max-width: 768px) {

    .w_sfbox-002 > div > .p_SwipPanelBox {
        display: none;
    }

    #w_common_text-1589183723315 span {
        font-size: 24px !important;
    }

    .c_portalResPublic_mapReference-01001 .p_mapContainer {
        height: 160px !important;
    }

    #w_fimgbox-1589183884080 {
        min-height: 230px !important;
    }

    #w_common_text-1589183795207 span {
        font-size: 18px !important;
    }

    #w_common_text-1589183852473 span {
        font-size: 14px !important;
        line-height: 2 !important;
    }

    #w_common_text-1589185893642 span, #w_common_text-1589184990298 span {
        font-size: 14px !important;
    }

    #w_common_text-1589185918479 span {
        font-size: 14px !important;
    }

    #w_common_text-1589185918479 {
        margin-top: 0px;
    }

        #w_common_text-1589185918479 p {
            text-align: left !important;
        }

    .demo {
        font-size: 12px !important;
    }

    .counter, .mmp {
        font-size: 22px !important;
    }

    .yer {
        font-size: 12px !important;
        top: -10px !important;
    }

    .p_gridbox {
        border: none !important;
    }

    #w_grid-1589177081283 .w_fimg-000 {
        min-height: 20px !important;
        display: none;
    }

    #w_common_text-1589176991749 span, #w_common_text-1589179138087 span {
        font-size: 24px !important;
    }

    #w_common_text-1589177035583 p:last-child {
        display: none;
    }

    #w_common_text-1589176991749 p {
        text-align: center !important;
    }

    #w_common_text-1589189019346 p:nth-child(1) span {
        font-size: 24px !important;
    }

    #w_common_text-1589186897508 span {
        font-size: 24px !important;
    }

    #w_grid-1589185837841 {
    }

    #w_common_text-1589268837941 p:nth-child(1) span, #w_common_text-1589269114749 span, #w_common_text-1589269383136 span {
        font-size: 20px !important;
    }

    #w_grid-1589268990675 {
        min-height: 280px !important;
    }
}

.p_pagebox .next, .p_pagebox .pre, .p_page .next:hover, .p_page .pre:hover, .p_page .pageNum:hover, .p_page .pageNum.active {
    background-color: #5d5d5d !important;
    border-color: #5d5d5d !important;
    border: none;
    color: #fff !important;
}

    .p_page .pre:hover .i_pre {
        color: #fff !important;
    }

    .p_page .next:hover .i_next {
        color: #fff !important;
    }

@media only screen and (min-width: 768px) {
    .p_page .pageNum {
        border: none;
        border-radius: 0;
        width: 43px;
        line-height: 43px;
        height: 43px;
        margin: 0 5px
    }

    .p_page .pre .i_pre, .p_page .next .i_next {
        display: inline-block;
        color: #414141;
        font-size: 14px;
    }

    .p_page .next {
        border: none;
        background: none !important;
        line-height: 42px;
        margin: 0 20px;
        border-radius: 0;
    }

    .p_page .pre {
        border: none;
        background: none !important;
        line-height: 42px;
        margin: 0 20px;
        border-radius: 0;
    }

        .p_page .pre .iconfont:before {
            display: none;
        }

    .p_page .next .iconfont:before {
        display: none;
    }
}

@media only screen and (max-width: 769px) {
    .p_pagebox {
        padding: 0 10px;
        margin-bottom: 50px;
    }

        .p_pagebox .NumBox {
            width: 44% !important;
            display: none;
        }

        .p_pagebox .pre .font {
            font-size: 15px !important;
        }

        .p_pagebox .pre .iconfont {
            font-size: 22px !important;
        }

        .p_pagebox .num {
            font-size: 17px !important;
        }

        .p_pagebox .next .font {
            font-size: 15px !important;
        }

        .p_pagebox .next .iconfont:before {
        }

        .p_pagebox .num .iconfont:before {
            font-size: 14px !important;
        }

        .p_pagebox .pre {
            width: 47%;
        }

        .p_pagebox .next {
            float: right;
            width: 47%;
        }
}



.btn-primary {
    background-color: #e50012 !important;
    border-color: #e50012 !important;
}

@keyframes lv-fadeinup {

    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.wow {
    animation-name: lv-fadeinup;
    animation-fill-mode: both;
}
