/* Page Banner Star */
#page-banner { position: relative; text-align: left; color: #FFF; overflow: hidden; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    #page-banner .texts { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; font-size: 28px; font-weight: 700; line-height: 100%; text-transform: uppercase; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
/* Page Banner End */


/* Page News Star */
#page-news { padding: 80px 0; border-top: solid 1px #F8F8F8;}
    .page-news { margin: 50px 0 0 0;}
    .page-news ul li { float: left; width: 32.000000%; margin: 0 2% 30px 0;}
    .page-news ul li:nth-child(3n) { margin-right: 0;}
    .page-news ul li .imgs { position: relative; overflow: hidden;}

    .page-news ul li .imgs img { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .page-news ul li:hover .imgs img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}
    .page-news ul li .imgs .names { position: absolute; left: 0; bottom: 0; width: 100%; padding: 3px 8px; color: #FFF; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; background-color: rgba(0,0,0,0.5);}
/* Page News End */

/* Detail News Star */
#detail-news { padding: 80px 0; border-top: solid 1px #F8F8F8;}
    .detail-news { margin: 0 5%;}
    .detail-news .names { font-size: 18px; text-align: center;font-weight: 700;}
    .detail-news .infos {margin: 0 auto;font-size: 16px;padding: 30px 0;text-align: left; color:#666666;}
/* Detail News Star */


/* Category List Star */
.category-list { margin: 0 auto; display: table; font-size: 17px; font-weight: 700; line-height: 1;}
    .category-list a { float: left;}
    .category-list a.active { color: #c12924;}
    .category-list span { float: left; margin: 0 15px; font-size: 15px;}
/* Category List End */


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

}

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

}

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

}

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

}

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

    /* Page Banner Star */
    #page-banner .texts { font-size: 16px;}
    /* Page Banner End */

    /* Page News Star */
    #page-news { padding: 30px 0;}
    .page-news { margin: 20px 0 0 0;}
    .page-news ul li { float: none; width: 100%; margin: 0 0 20px 0;}
    .page-news ul li:nth-child(3n) { margin-right: 0;}
    .page-news ul li .imgs { position: relative; overflow: hidden;}

    .page-news ul li .imgs img { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .page-news ul li:hover .imgs img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}
    .page-news ul li .imgs .names { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 15px; color: #FFF;}
    /* Page News End */

    /* Detail News Star */
    #detail-news { padding: 30px 0;}
    .detail-news .infos { padding: 20px 0;}
    /* Detail News Star */
}

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

}

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

}