.cate-page {float:left; width:100%; height:auto; padding:0 10%; box-sizing:border-box; margin-top: 50px;}
.cate-page .cate-title {float:left; width:100%; height:auto; margin: 0 0 20px; border-bottom:solid 1px #CCC; font-size:15px; color:#333; padding-bottom:5px; font-family:'Open Sans', sans-serif;}
.cate-page .cate-title h3{
    text-transform: uppercase;
    font-weight: 700 !important;
    color: #f0462c;
}
.cate-page .art-top {float:left; width:100%; height:auto; margin-bottom:20px}
.cate-page .art-top .cate-art-image {float:left; width:70%; height:auto; margin-bottom:15px}
.cate-page .art-top .cate-art-image img {float:left; width:100%; height:auto}
.cate-page .art-top .cate-art-right {float:right; width:40%; margin-left:-10%; background:#FFF; padding:20px 0 20px 25px; box-sizing:border-box; margin-top:75px}
.cate-page .art-top .cate-art-title {float:left; width:100%; height:auto; font-size:20px; font-family:'Open Sans', sans-serif; padding-bottom:0px}
.cate-page .cate-art-title a{
    color: #f0462c;
}
.cate-page .cate-art-title a:hover{
    text-decoration: underline;
}
.cate-page .art-top .cate-art-desc {font-size:13px; line-height:21px; text-align:justify; padding-top:10px}
.cate-page .art-bottom {float:left; width:100%; height:auto}
.cate-page .cate-art-item {float:left; width:100%; height:auto; margin-bottom:15px; border-bottom:dotted 1px #CCC ; padding-bottom:15px}
.cate-page .cate-art-item .cate-art-image {float:left; width:100%; height:auto; margin-bottom:15px}
.cate-page .cate-art-item .cate-art-image img {float:left; width:100%; height:auto}
.cate-page .cate-art-item .cate-art-right {float:right; width:40%; margin-left:-10%;  background:#FFF; padding:20px 0 20px 25px; box-sizing:border-box; margin-top:75px}
.cate-page .cate-art-item .cate-art-title {float:right; width:75%;min-height:100px; height:auto; font-size:17px; font-family:'Open Sans', sans-serif; padding-bottom:10px; background:#FFF; margin-top:-40px; padding:10px 15px; box-sizing:border-box}

.cate-page .cate-art-content {float:left; width:100%; height:auto; margin:20px 0 ; text-align:justify}
.cate-art-content img {max-width:80%; float:none; margin:0 auto}
.detail-art-comment {float:left; width:100%; height:auto; margin-bottom:30px; margin-top:10px}
.cate-art-content p > img{
    margin: 8px 0;
}
.cate-art-content iframe{
    margin: 8px 0;
}
/**	Responsive Rules
*************************************************** **/


/* long menu buttons - fix */

@media only screen and (max-width: 1280px) {
}

@media only screen and (max-width: 1200px) {
}
/* 
BOOTSTRAP MOBILE EXTRA FIX
Since Atropos v1.3 
*/
@media only screen and (max-width: 1004px) {
    .header_search {width: 50%; }
}


/* 
    BOOTSTRAP FIX
    Since Atropos v1.3 
    */
    @media (max-width: 995px) {
    }

    @media (max-width: 870px) {

        .cate-page .art-top .cate-art-image {float:left; width:100%; height:auto; margin-bottom:15px}
        .cate-page .art-top .cate-art-right {float:right; width:100%; margin-left:0; background:#FFF; padding:0; box-sizing:border-box; margin-top:0}

    }

    @media (max-width: 830px) {
    }

    @media only screen and (max-width: 768px) {

    }

    @media all and (max-width : 330px) {
    }

    @media only screen and (max-width: 550px) {
    }

    @media only screen and (max-width: 480px) {
    }



    @media screen and (max-width:480px) {
    }