.news-1-item {
    padding: 0 15px;
}

.news-1-img {
    max-width: 100%;
}

.o-social-4 {
    position: fixed;
    left: 10px;
    top: 100px;
    width: 30px;
}

.sp-slide {
    overflow: hidden;
}

.style-1-first h5 a {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 1.2em;
}

.style-1 .thread {
    margin-bottom: 5px;
}

.style-1-first img {
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
}

.style-1-first .sumary {
    font-size: 13px;
    line-height: 1.9em;
    font-size: 1.1em;
    margin: 0;
}

.style-1-list .second img {
    float: left;
    margin-right: 5px;
    width: 45%;
}

.style-1-list li {
    line-height: 15px;
    margin-bottom: 15px;
    text-align: justify;
    font-size: 13px;
}

.style-1-list a {
    font-size: 1.1em;
    color: #333;
    line-height: 1.7em;
}

.style-1-title .parent {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: #036;
    text-decoration: none;
    padding: 4px 10px;
}

.style-1-title {
    display: block;
}

.style-1 .childs {
    margin-right: 5px;
}


.style-1-title {
    display: block;
}

.style-1-first h5 {
    font-size: 14px;
    font-weight: bold;
}

.style-1-first .sumary {
    font-size: 13px;
    text-align: justify;
}

.style-1-first img {
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
}

.style-1-list .second {
    font-size: 13px;
    margin-bottom: 10px;
    text-align: justify;
}

    .style-1-list .second img {
        float: left;
        margin-right: 5px;
        width: 25%;
    }

.style-1-list ul {
    margin: 10px 0 0 13px;
}

.style-1-list li {
    line-height: 15px;
    list-style: outside none disc;
    margin-bottom: 5px;
    text-align: justify;
    font-size: 13px;
}

.style-1-2-list .second {
    font-size: 13px;
    margin-bottom: 10px;
    text-align: justify;
}

    .style-1-2-list .second img {
        float: left;
        margin-right: 5px;
        width: 35%;
    }

.style-1-2-list ul {
    margin: 10px 0 0 13px;
}

.style-1-2-list li {
    line-height: 15px;
    list-style: outside none disc;
    margin-bottom: 5px;
    text-align: justify;
    font-size: 13px;
}


/*----------------------------------------------------------------------------------------------------*/
.style-2 {
    margin: 0;
}

    .style-2 li {
        display: block;
        clear: both;
        padding: 10px 0;
    }

    .style-2 a.piclink {
        position: relative;
        float: left;
        margin-right: 10px;
        display: block;
    }
/*----------------------------------------------------------------------------------------------------*/
.style-3 .imglink {
    margin: 0 5px 5px 0;
    display: block;
    float: left;
}

.style-3 .title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
}

.style-3-list {
    margin: 0;
    clear: both;
}

.style-3 li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.style-3 li {
    list-style: disc;
    margin-left: 15px;
}
/*----------------------------------------------------------------------------------------------------*/

.style-4 a.title {
    font-size: 19px;
    display: block;
    margin: 25px 0 0 0;
    color: #003c7f;
}

    .style-4 a.title:hover {
        color: #09f;
    }

.style-4 a.thumb {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    position: relative;
}

.style-4 p {
    font-size: 14px;
    margin: 0;
    color: #000;
}

.style-4 > div {
    margin-bottom: 25px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    text-align: justify;
}

/*----------------------------------------------------------------------------------------------------*/

.style-5 .calendar {
    float: left;
    margin-right: 10px;
    background: #fff;
}

.style-5 strong {
    display: block;
    text-align: center;
    padding: 4px 0;
}

.style-5 b {
    display: block;
    text-align: center;
}

/*----------------------------------------------------------------------------------------------------*/
.style-6 .sp-slide a {
    color: white;
}
/*----------------------------------------------------------------------------------------------------*/

.style-7 .sp-slide a {
    color: white;
}
/*----------------------------------------------------------------------------------------------------*/

.style-10-first {
    text-align: justify;
}

    .style-10-first a.thumb {
        display: block;
        margin-bottom: 5px;
        position: relative;
    }

        .style-10-first a.thumb i {
            background: white none repeat scroll 0 0;
            left: 0;
            opacity: 0.8;
            position: absolute;
            bottom: 0;
        }

        .style-10-first a.thumb span {
            margin: 0 2px;
        }

    .style-10-first a {
        color: #333;
    }

    .style-10-first p {
        font-size: 13px;
        padding-top: 8px;
        color: #666;
    }

.style-10-list {
    margin: 0 0 0 12px;
    clear: both;
}

    .style-10-list li {
        list-style: disc;
        margin-left: 10px;
    }
/*----------------------------------------------------------------------------------------------------*/

.style-11 a {
    border-bottom: 1px solid #eee;
    clear: both;
    display: block;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

    .style-11 a:hover {
        text-decoration: none;
    }

.style-11 img {
    float: left;
    margin-right: 10px;
}

.style-11 span {
    font-size: 13px;
    font-weight: bold;
    display: block;
}

    .style-11 span:hover {
        text-decoration: underline;
    }

.style-11 a > i {
    color: #666;
    display: block;
    font-size: 12px;
}

    .style-11 a > i i {
        margin: 0 5px;
    }

/*----------------------------------------------------------------------------------------------------*/

.style-12 .item > a {
    position: relative;
    display: block;
    color: #333;
}
/*----------------------------------------------------------------------------------------------------*/
.style-13 .sp-arrows {
    margin: 0 !important;
    top: 30% !important;
}
/*----------------------------------------------------------------------------------------------------*/
.style-14 li {
    list-style: disc;
}
/*----------------------------------------------------------------------------------------------------*/

.style-16 .title {
    bottom: 0;
    color: white;
    left: 0;
    position: absolute;
    width: 100%;
    text-shadow: 1px 1px black;
    background: linear-gradient(0deg,rgba(0,0,0,.99) 0,rgba(0,0,0,0) 100%);
    padding: 5px;
}

.style-16 img {
    max-width: 100%;
}

.style-16 .list .newsitem {
    border-left: 1px solid white;
    border-bottom: 1px solid white;
}
/*----------------------------------------------------------------------------------------------------*/
.style-17 {
    margin: 0;
}

    .style-17 li {
        display: block;
        clear: both;
        text-align: justify;
    }

        .style-17 li > a {
            color: #333;
        }

    .style-17 a.piclink {
        position: relative;
        float: left;
        margin: 0 10px 0 0;
        display: block;
    }

    .style-17 .info {
        display: inline;
    }
/*----------------------------------------------------------------------------------------------------*/
.style-19 .nivo-controlNav {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 999;
}

.style-19 .info {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    padding: 10px;
    width: 100%;
}

    .style-19 .info span {
        display: block;
        color: white;
    }
/*----------------------------------------------------------------------------------------------------*/
.style-20 .nivoitem span {
    bottom: 0;
    color: white;
    display: block;
    left: 0;
    padding: 10px;
    position: absolute;
    background: linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,0) 100%);
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    text-shadow: #000 1px 1px 1px;
    width: 100%;
    cursor: pointer;
    z-index: 9999;
    display: block;
    font-size: 1.4em;
    line-height: 1.3em;
}
/*----------------------------------------------------------------------------------------------------*/
.style-26-list {
    margin: 0;
}

    .style-26-list li {
        margin-left: 15px;
        color: #888 !important;
        list-style: disc;
    }

    .style-26-list a {
        color: #888 !important;
        font-size: 12px;
    }

.style-26 .sum * {
    font-size: 13px !important;
    color: #666 !important;
}

.style-26 .title {
    font-size: 20px;
    color: #333;
    padding: 5px 0;
    display: block;
    text-align: justify;
}

.style-26 .categoryname {
    color: #aa0000 !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    padding: 5px 0;
}
/*----------------------------------------------------------------------------------------------------*/
.style-27-list .second img {
    float: right !important;
    margin: 0 0 0 5px !important;
}

.style-27-title {
    display: block;
}

.style-27-first h5 {
    font-weight: bold;
}

.style-27-first .sumary {
    text-align: justify;
}

.style-27-first img {
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
}

.style-27-list .second {
    margin-bottom: 10px;
    text-align: justify;
}

    .style-27-list .second img {
        float: left;
        margin-right: 5px;
        width: 25%;
    }

.style-27-list ul {
    margin: 10px 0 0 13px;
}

.style-27-list li {
    list-style: outside none disc;
    margin-bottom: 5px;
    text-align: justify;
}

/*----------------------------------------------------------------------------------------------------*/
.style-28-right img {
    max-width: 100%;
}

.style-28-list {
    margin-top: 10px;
}

    .style-28-list li {
        list-style: disc;
        margin-left: 10px;
    }
/*----------------------------------------------------------------------------------------------------*/
.style-29 a.thumb {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    position: relative;
}

.style-29-1 a.thumb {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    position: relative;
}
/*----------------------------------------------------------------------------------------------------*/
.style-30 .slide {
    position: relative;
}

.style-30 .btnMore {
    position: absolute;
    top: 30%;
    left: 30%;
    background: limegreen;
    padding: 10px;
    color: white !important;
    border-radius: 3px;
    font-weight: bold;
}

/*----------------------------------------------------------------------------------------------------*/

.style-31-item .imglink {
    display: block;
    float: left;
    margin-right: 10px;
}

/*----------------------------------------------------------------------------------------------------*/
.style-32 {
    background: #294994;
}

    .style-32 .item:hover, .style-32 .item.active {
        background: #1d3d8a;
        margin-top: -10px;
        border-top: 4px solid #00bff0;
        z-index: 9999;
        height: 130px;
    }

        .style-32 .item:hover .foreground {
            background: #1d3d8a;
            padding-bottom: 20px;
        }

    .style-32 .item {
        padding: 0;
        height: 120px;
    }

        .style-32 .item:hover .index {
            color: #06a5dc;
        }

    .style-32 .category {
        text-transform: uppercase;
        color: white;
        font-size: 14px;
        padding-top: 10px;
        display: block;
    }

    .style-32 .index {
        font-size: 45px;
        font-weight: bold;
        color: #3f5c9f;
    }

    .style-32 .foreground {
        position: absolute;
        top: 45px;
        background: #294994;
        width: 100%;
        height: 75px;
    }

    .style-32 .title {
        font-weight: bold;
        color: white;
        font-size: 16px;
        padding-top: 5px;
        display: block;
    }
/*----------------------------------------------------------------------------------------------------*/

#viewframe {
    height: 100%;
}

    #viewframe iframe {
        width: 100%;
        height: 100%;
    }

#openframe > i {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
    background: white;
    padding: 5px;
    color: red;
    border-radius: 3px;
    border: 1px solid #d0d0d0;
    z-index: 99999;
}

#openframe {
    width: 1000px;
    height: 100%;
    transform: translateX(0);
    position: fixed;
    right: 0;
    top: 0;
    display: none;
    box-shadow: 0 0 20px 0 #555;
}

body > form {
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-duration: 0.3s;
}

.style-4-bx-title {
    font-size: 13px;
}

.bx-wrapper {
    box-shadow: none !important;
}

#controlimage img {
    max-width: 100%;
    margin: 10px 0;
}

@media (min-width:360px)and (max-width:667px) {
    .newstitle {
        font-size: 22px;
        line-height: 27px;
        padding: 0 15px;
        display: inline-block;
    }

    .addicon {
        position: absolute !important;
        color: white;
        font-size: 17px;
        top: 1px;
    }

    .fullcontent p {
        color: #000;
        margin-top: 1em;
    }

    .thumb-desc {
        font-size: 19px;
        text-align: justify;
        color: #000;
        line-height: 27px;
    }

    .newsquot {
        font-size: 19px;
        color: #000;
        font-family: 'Noto Serif', serif;
        line-height: 27px;
    }

    .tags a {
        background: #00a5e1 none repeat scroll 0 0;
        color: white;
        display: inline-block;
        margin: 2px 2px;
        padding: 7px 15px;
        position: relative;
        text-transform: uppercase;
    }

    .addinfo {
        margin: 7px 0;
        color: #666;
    }

    .slider-pro a {
        font-size: 19px;
        color: #333;
        line-height: 1.5em;
    }

    .sp-thumbnail {
        margin-bottom: 15px;
    }

    .detaillinks {
        font-size: 14px;
        margin-bottom: 2em;
    }

        .detaillinks a {
            font-size: 16px;
        }

        .detaillinks li {
            margin-bottom: 1em;
        }

    .linkhead {
        font-size: 19px;
        font-weight: bold;
        margin: 10px 0 0;
        text-transform: uppercase;
    }


    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

@media (min-width:910px) {
    .newstitle {
        font-size: 29px;
        line-height: 1.2em;
        padding: 0 15px;
        display: inline-block;
    }

    .addicon {
        position: absolute !important;
        color: white;
        font-size: 17px;
        top: 1px;
    }

    .fullcontent p {
        color: #000;
        margin-top: 1em;
    }

    .thumb-desc {
        font-size: 19px;
        text-align: justify;
        color: #000;
        line-height: 27px;
    }

    .newsquot {
        font-size: 19px;
        color: #000;
        line-height: 27px;
    }

    .tags a {
        background: #00a5e1 none repeat scroll 0 0;
        color: white;
        display: inline-block;
        margin: 2px 2px;
        padding: 7px 15px;
        position: relative;
        text-transform: uppercase;
    }

    .addinfo {
        margin: 7px 0;
        color: #666;
    }

    .slider-pro a {
        font-size: 14px;
        color: #333;
        line-height: 1.5em;
    }

    .sp-thumbnail {
        margin-bottom: 15px;
    }


    .detaillinks {
        font-size: 14px;
        margin-bottom: 2em;
    }

        .detaillinks a {
            font-size: 16px;
        }

        .detaillinks li {
            margin-bottom: 1em;
        }

    .linkhead {
        font-size: 19px;
        font-weight: bold;
        margin: 10px 0 0;
        text-transform: uppercase;
    }

    .style-22 .nivoitem span {
        bottom: 0;
        color: white;
        display: block;
        left: 0;
        padding: 10px;
        position: absolute; /* background: #007CD6; */
        width: 100%;
        cursor: pointer;
        z-index: 9999;
        font-size: 1.4em;
        line-height: 1.3em;
        background: linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,0) 100%);
        width: 100%;
        text-shadow: #000 1px 1px 1px;
    }

    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

@media (min-width:1200px) {
    .newsquot {
        font-size: 19px;
        text-align: justify;
        color: #000;
        line-height: 27px;
        padding: 20px 0;
    }

    .thumb-desc {
        font-size: 19px;
        text-align: justify;
        color: #000;
        line-height: 27px;
        padding: 20px 0;
    }

    .filter.active {
        text-decoration: underline;
    }

    .filter {
        display: inline-block;
        font-size: 14px;
        margin: 0 5px;
    }

    .style-23 .sorts {
        margin: 10px 0;
    }

    .style-23 .sort {
        border: 1px solid #d0d0d0;
        display: inline-block;
        font-size: 12px;
        margin: 0 5px;
        padding: 3px 7px;
        color: #333;
    }

        .style-23 .sort:hover {
            text-decoration: none;
            background: #f0f0f0;
        }

        .style-23 .sort i {
            font-size: 10px;
        }

    .style-23 .mix {
        position: relative;
    }

        .style-23 .mix:hover .hover {
            display: block;
        }

    .style-23 .hover:hover {
        background-color: #002c2c;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .style-23 .hover {
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
        display: none;
    }

        .style-23 .hover > a {
            border: 2px solid #888888;
            color: white;
            margin: 0 2px;
            padding: 5px 7px;
        }

            .style-23 .hover > a:hover {
                border-color: #BDA87F;
                text-decoration: none;
            }

    .mixContainer .mix {
        display: none;
    }

    .style-24 {
        display: block;
        margin: 0;
    }

        .style-24 img {
            display: block;
        }

        .style-24 a {
            display: block;
            position: relative;
            margin: 0 1px 1px 0;
        }

        .style-24 > li {
            display: block;
            float: left;
        }

        .style-24 .info {
            background-color: rgba(0, 0, 0, 0.5);
            bottom: 0;
            display: block;
            left: 0;
            position: absolute;
            width: 100%;
            opacity: 0.4;
            transition: opacity .25s ease-in-out;
            -moz-transition: opacity .25s ease-in-out;
            -webkit-transition: opacity .25s ease-in-out;
        }

        .style-24 a:hover .info {
            opacity: 1;
        }

        .style-24 .title {
            color: white;
            display: block;
            font-size: 13px;
            font-weight: bold;
            padding: 5px;
            line-height: 20px;
        }

        .style-24 .sumary {
            color: white;
            display: block;
            font-size: 12px;
            padding: 5px;
            text-align: justify;
            margin: 0;
            line-height: 20px;
        }

    .subicon {
        font-size: 40px;
        color: #ffcc00;
    }

    .source b {
        margin-left: 10px;
        margin-right: 5px;
    }

    #demo {
        background-color: #fff;
        padding: 50px 1px 1px 1px;
        position: relative;
        color: #c8c8c8;
        line-height: 20px;
        margin: 25px 0;
    }

    .ribbon {
        position: absolute;
        height: 30px;
        top: 0;
        left: -8px;
        background-color: #0072ff;
        padding: 0 10px 0 15px;
        max-width: 180px;
        color: white;
        line-height: 30px;
        font-weight: 500;
        font-size: 14px;
        text-shadow: 0 1px 0 rgba(0,0,0,0.5);
        text-transform: uppercase;
        letter-spacing: 1px;
        box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
        letter-spacing: 0.5px;
        font-size: 18px;
    }

        .ribbon a {
            color: #fff;
        }

            .ribbon a:hover {
                color: #f1f1f1;
                text-decoration: none;
            }

        .ribbon:before, .ribbon:after {
            content: "";
            position: absolute;
            z-index: -1;
            width: 0;
            height: 0;
            bottom: -6px;
            left: 3px;
            border: 6px solid transparent;
            border-bottom: 6px solid #023a7f;
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .slider-pro {
        background: transparent !important;
    }

    .style-9 img {
        width: 100%;
    }

    .style-9 .sp-slides {
        margin-left: -78px;
    }

    .style-9 p {
        background: #09f none repeat scroll 0 0;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 5px;
        position: absolute;
        text-align: left;
        width: 100%;
        display: none;
        -webkit-transition: all 0.8s ease 0s;
        -moz-transition: all 0.8s ease 0s;
        -o-transition: all 0.8s ease 0s;
        transition: all 0.8s ease 0s;
    }

    .style-9 .sp-slide:hover p {
        display: block;
        height: 100%;
        opacity: 0.8;
    }

    .style-9 p a {
        color: white;
    }

        .style-9 p a:hover {
            text-decoration: none;
        }

    .style-19 .nivo-controlNav {
        bottom: 0;
        position: absolute;
        right: 0;
        z-index: 999;
    }

    .nivoitem {
        position: relative;
        display: block;
    }

    .style-20 .nivoitem:hover span {
        display: block;
    }

    .style-20 .nivoitem span {
        bottom: 0;
        color: white;
        display: block;
        left: 0;
        padding: 10px;
        position: absolute;
        background: #007CD6;
        width: 100%;
        cursor: pointer;
        z-index: 9999;
        display: none;
    }

    .socialshare {
        background-image: url("content/social.png");
        display: inline-block;
        height: 30px;
        width: 30px;
    }

    .publicdate {
        display: inline;
    }

    .publish > * {
        float: right;
        line-height: 30px;
        margin-left: 15px;
    }

    .clear {
        clear: both;
    }

    .print {
        background-position: 0 -1930px;
        border: #ccc 1px solid;
        padding: 0 8px;
    }

    .fb {
        background-position: 0 -150px;
    }

        .fb:hover {
            background-position: 0 -120px;
        }

    .tt {
        background-position: 0 -1170px;
    }

        .tt:hover {
            background-position: 0 -1140px;
        }

    .gp {
        background-position: 0 -330px;
    }

        .gp:hover {
            background-position: 0 -300px;
        }

    .style-15 p a {
        background: #09f;
        bottom: 10px;
        display: block;
        font-size: 18px;
        padding: 15px;
        position: absolute;
        right: 0;
        max-width: 400px;
        min-height: 80px;
        transform: skewX(155deg);
        text-decoration: none;
    }

    .style-15 p {
        display: block;
        height: 95%;
        width: 100%;
        z-index: 99999;
    }

        .style-15 p a span {
            transform: skewX(-155deg);
            display: block;
            color: #fff;
        }

    .style-15 .skew {
        backface-visibility: hidden;
        overflow: hidden;
        transform: skewX(155deg);
    }

    .style-15 .img {
        background-position: center center;
        display: block;
        height: 100%;
        left: -94px;
        position: relative !important;
        transform: skewX(-155deg);
        width: 130%;
        -webkit-transition: all 0.8s ease 0s;
        -moz-transition: all 0.8s ease 0s;
        -o-transition: all 0.8s ease 0s;
        transition: all 0.8s ease 0s;
    }

        .style-15 .img:hover {
            background: #000;
            opacity: .8;
            filter: alpha(opacity=80);
            background-position: center center;
            display: block;
            height: 100%;
            left: -94px;
            position: relative !important;
            transform: skewX(-155deg);
            width: 130%;
            -webkit-transition: all 0.8s ease 0s;
            -moz-transition: all 0.8s ease 0s;
            -o-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;
        }

    .no-padding {
        padding: 0 !important;
    }

    .loaditem > i i {
        margin-right: 5px;
    }

    .loaditem > a {
        border: none !important;
        font-size: 13px;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

    .loaditem {
        border-bottom: 1px solid #eee;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    .ggpl {
        display: inline-block;
        height: 16px;
        position: relative;
        width: 60px;
    }

        .ggpl > div {
            left: 0;
            position: absolute;
            top: 0;
        }

    .publish > span {
        line-height: 26px;
    }

    .txbkeyword {
        float: left;
        margin-right: 10px;
    }

    .hidden {
        display: none;
    }

    .addicon {
        position: absolute !important;
        bottom: 5px;
        left: 5px;
        color: white;
        font-size: 17px;
    }

    .tags a {
        background: #00a5e1 none repeat scroll 0 0;
        color: white;
        margin-right: 5px;
        padding: 7px 15px;
        position: relative;
    }

    .sp-thumbnail .full {
        height: 100%;
        width: 100%;
    }

    .tags i {
        font-size: 11px;
        margin-right: 5px;
    }

    .tags h5 {
        display: block;
        margin-bottom: 15px;
        font-size: 14px;
        font-weight: bold;
    }

    .filterday {
        line-height: 30px;
        margin-top: 17px;
    }

        .filterday input {
            border-radius: 3px;
            border: 1px solid #e0e0e0;
            text-align: center;
        }

        .filterday a {
            border: 1px solid #d0d0d0;
            background: #eee;
            padding: 7px 15px;
            border-radius: 3px;
        }

    .sp-slide, .sp-thumbnail {
        position: relative;
    }

        .sp-slide:hover .picshare, .sp-thumbnail:hover .picshare {
            display: block;
        }

    .picshare {
        background: white;
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px;
        border-radius: 0 0 0 3px;
        display: none;
    }

        .picshare > a {
            float: left;
            margin-left: 5px;
        }

    .sp-thumbnail {
        margin-bottom: 10px;
    }

    #detailpicturegallery .sp-slides img {
        display: block !important;
    }

    .clear {
        clear: both;
    }

    #newscomments i {
        color: #aaa;
        display: block;
        font-size: 11px;
    }

    .comments {
        font-size: 14px;
        font-weight: bold;
    }

    #btnloadcomment {
        background: #eee none repeat scroll 0 0;
        cursor: pointer;
        display: block;
        font-size: 13px;
        font-weight: bold;
        line-height: 30px;
        margin: 10px auto;
        text-align: center;
        width: 200px;
    }

    #newscomments {
        background: #fafafa none repeat scroll 0 0;
    }

        #newscomments * {
            font-size: 13px;
        }

        #newscomments > div {
            border-bottom: 1px dashed #eee;
            padding: 5px;
        }

    .error {
        color: orangered;
        font-size: 12px;
        display: block;
    }

    .sp-show {
        bottom: 0 !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

        .sp-show a {
            color: #555;
        }

    .sp-thumbnail {
        width: 100%;
        height: 100%;
    }



    .commentform {
        border: 1px solid #f0f0f0;
        background: #fcfcfc;
        border-radius: 3px;
        padding: 10px;
        margin-top: 15px;
    }

        .commentform legend {
            font-size: 14px;
            font-weight: bold;
            margin: 0 0 0 10px;
            padding: 0 10px;
            width: 150px;
        }

    label {
        margin: 10px 0 0;
    }

        label b {
            color: red;
        }

    .linkhead {
        font-size: 15px;
        font-weight: bold;
        margin: 10px 0 0;
    }

    .detaillinks {
        margin: 0 0 0 20px;
    }

        .detaillinks a {
            font-size: 14px;
            color: #333;
            line-height: 2.2;
        }

            .detaillinks a:hover {
                font-size: 14px;
                color: #069;
            }

    .publish {
        color: #888;
        font-size: 13px;
        height: 30px;
        margin-bottom: 10px;
    }

    .fullcontent p {
        color: #000;
    }

    .newstitle {
        font-size: 22px;
        line-height: 27px;
    }

    .style-9 a {
        display: block;
        margin: 5px 0;
    }

    .style-9 {
        text-align: justify;
    }

    .pagination a {
        font-size: 13px;
    }

    .addinfo {
        margin: 7px 0;
        color: #666;
    }

        .addinfo * {
            color: #999;
            font-size: 12px;
            margin-right: 5px;
        }


    #controlimage {
        margin: 10px 0;
        float: left;
        max-width: 100%;
    }

        #controlimage img {
            max-width: 100%;
        }

    .rbtl tr {
        float: left;
        margin-right: 10px;
    }

    .urlControl {
        width: 100%;
        float: none;
    }

    .ui-datepicker {
        background-color: #fff;
        border: 1px solid #66AFE9;
        border-radius: 4px;
        box-shadow: 0 0 8px rgba(102,175,233,.6);
        display: none;
        margin-top: 4px;
        padding: 10px;
        width: 240px;
    }

        .ui-datepicker a,
        .ui-datepicker a:hover {
            text-decoration: none;
        }

            .ui-datepicker a:hover,
            .ui-datepicker td:hover a {
                color: #2A6496;
                -webkit-transition: color 0.1s ease-in-out;
                -moz-transition: color 0.1s ease-in-out;
                -o-transition: color 0.1s ease-in-out;
                transition: color 0.1s ease-in-out;
            }

        .ui-datepicker .ui-datepicker-header {
            margin-bottom: 4px;
            text-align: center;
        }

        .ui-datepicker .ui-datepicker-title {
            font-weight: 700;
        }

        .ui-datepicker .ui-datepicker-prev,
        .ui-datepicker .ui-datepicker-next {
            cursor: default;
            font-family: 'Glyphicons Halflings';
            -webkit-font-smoothing: antialiased;
            font-style: normal;
            font-weight: normal;
            height: 20px;
            line-height: 1;
            margin-top: 2px;
            width: 30px;
        }

        .ui-datepicker .ui-datepicker-prev {
            float: left;
            text-align: left;
        }

        .ui-datepicker .ui-datepicker-next {
            float: right;
            text-align: right;
        }

        .ui-datepicker .ui-datepicker-prev:before {
            content: "\e079";
        }

        .ui-datepicker .ui-datepicker-next:before {
            content: "\e080";
        }

        .ui-datepicker .ui-icon {
            display: none;
        }

        .ui-datepicker .ui-datepicker-calendar {
            table-layout: fixed;
            width: 100%;
        }

            .ui-datepicker .ui-datepicker-calendar th,
            .ui-datepicker .ui-datepicker-calendar td {
                text-align: center;
                padding: 4px 0;
            }

            .ui-datepicker .ui-datepicker-calendar td {
                border-radius: 4px;
                -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
                -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
                -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
                transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            }

                .ui-datepicker .ui-datepicker-calendar td:hover {
                    background-color: #eee;
                    cursor: pointer;
                }

                .ui-datepicker .ui-datepicker-calendar td a {
                    text-decoration: none;
                }

        .ui-datepicker .ui-datepicker-current-day {
            background-color: #4289cc;
        }

            .ui-datepicker .ui-datepicker-current-day a {
                color: #fff;
            }

        .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
            background-color: #fff;
            cursor: default;
        }
}

.rimg img {
    float: left;
}

.rimg {
    clear: both;
}

.owl-carousel span {
    font-size: 13px;
    margin-top: 7px;
    display: block;
    color: #444;
}

.owl-carousel i {
    font-size: 13px;
}

.pagination {
    margin: 0;
}

.style-12-1 .piclink {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}


.rptRecent li, .incategorylist li {
    list-style: disc;
}

.rptRecent a, .incategorylist a {
    color: #444;
}

.category-title, .related-title {
    font-size: 13px;
    color: #333;
    margin-top: 10px;
}

.category-time, .related-time {
    font-size: 13px;
    color: #333;
}

.category-item, .related-item {
    padding: 10px 15px;
}


    .category-item img, .related-item img {
        max-width: 100%;
    }

.popupContainer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}

.popupOverlay {
    width: 50%;
    margin: 10% auto 0;
}

.popupContainer .fa-times {
    position: absolute;
    color: white;
    right: 5%;
    top: 10%;
    font-size: 30px;
    cursor: pointer;
}

.input-mask-container {
    position: relative;
}

    .input-mask-container .fa-search {
        position: absolute;
        right: 10px;
        top: 13px;
    }