/* CSS Gallery */

/******* CSS SHOW CATEGORY *********/

.displayBlock{
      display: block;
    }

    .displayBlock > tbody{
      display: block;
    }

    .slick-dots{
        display: none !important;
    }

    .slick-dotted.slick-slider {
         margin-bottom: 0px !important; 
    }


    
.box-gallery {margin-bottom:10px;}
.box-gallery .box-title {
    background:url(../images/hr.gif) bottom repeat-x;
    margin-bottom:5px;
    padding-bottom:5px;
}
.box-gallery .box-title .titleL {
    float:left;
    color:#333333;
    font-size:12px;
    text-transform:uppercase;
}
.box-gallery .box-title .titleL a {color:#333333;}
.box-gallery .box-title .titleR {
    float:right;
}

.box-gallery .box-content {
    padding:10px;
    overflow:hidden;
}


.ListCat {
    padding: 5px 0px 0px;
}

.ListCat .View2 p {
    margin: 0px;
    padding: 5px 0px;
}

.ListCat .View2 h3 {
    font-size: 13px;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
}

.ListCat .View2 h3 a {
    text-align: left;
}

.ListCat .View2 .img_left {
    border: 1px solid #2d2d2d;
    background:#101010;
    padding: 3px;
    text-align: center;
    float:left;
    margin-right:7px;
}
.ListCat .View2 .img_right {
    border: 1px solid #2d2d2d;
    background:#101010;
    padding: 3px;
    text-align: center;
    float:right;
    margin-left:7px;
}

.ListCat .View2 .short {
    text-align: justify;
}


/*----------------- VIEW 1 ----------------*/
#ListCat .View1 {
  float:left;
    padding-bottom:15px;
    width:100%;
}
#ListCat .last {
    background:none;
    margin-bottom:0px;
}

#ListCat div.View1 div.item{
  float:left;
    margin:0;
    width:160px;
    padding-right:20px;
}
#ListCat div.View1 div.item.last{
    padding-right:0px;
    }

#ListCat .View1 div.item .boxItem {
}
#ListCat .View1 div.item .boxItem .limit{
    width:140px;
    height:140px;
    }
#ListCat .View1 div.item .boxItem .is_new{
    background:url(../../news/images/icon_new.png) no-repeat 0px 0px;
    width:38px;
    height:14px;
    position:absolute;
    top:0px;
    right:0px;
    }

#ListCat .View1 h3 {
  padding:10px 0px 0px;
    text-align:center;
}
#ListCat .View1 h3 a {}
#ListCat .View1 h3 a:hover {
  text-decoration:none;
}

#ListCat .View1 .img {
    border:1px dashed #b1b1b1;
    text-align:center;
    background:#FFF;
    padding:9px;
}
#ListCat .View1 .info { color:#a4a4a4; text-align:center; font-size:11px;}
#ListCat .View1 .view { text-align:center;}

#ListCat .noItem {
    text-align: center;
    color: #FF0000;
    padding: 30px;
}



h2.cat_name {
    font-family:"Times New Roman" ;
    font-size:24px;
    color:#007c37;
    padding-bottom:10px ;
}
.desc {padding-top:10px;}

/*----------------- DETAIL ----------------*/
.boxDetail {
    padding:36px 30px 51px;
    width:640px;
    height:434px;
    background:url(../images/frame.png) no-repeat 0px 0px;
    position:relative;
}
.boxDetail .boxDetail_r{
    position:absolute;
    width:3px;
    height:57px;
    background:url(../images/frame_r.png) no-repeat 0px 0px;
    top:60px;
    right:-3px;
    }
.boxDetail .pic_name {
    font-size: 18px;
    color: #cbac53;
    font-weight: bold;
    text-align: center;
    margin-bottom:5px;
}

.boxDetail .picDetail {
    text-align:center;
    padding:1px;
    border:1px solid #cccccc;
}


.chose_view {
    padding:2px;
    text-align:right;
}
#List_Item {

}

/*----------------- VIEW 1 ----------------*/
#List_Item .View {
    margin: 0 -10px;
}

#List_Item .View div {
    float: left;
    margin: 0px;
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 30px;
    text-align: center;
}
#List_Item .View div table{
    width: 100% !important;
}
#List_Item .View .img {
    border:1px solid #dcdcdc;
    padding:4px;
    text-align:center;
}
#List_Item .View .img a{
    display: block;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
}
#List_Item .View .img a img{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    backface-visibility: hidden;
    opacity: 1;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#List_Item .View .img a img:hover{
    opacity: 0.7;
}
#List_Item .View div h3 {
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}
#List_Item .View h3 a {
    color: #333;
    display: block;
    font-size: 14px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    font-family: 'Open Sans', sans-serif !important;
    line-height: 24px;
}

#List_Item .View h3 a:hover {
    color: #034e9a;

}

#List_Item .View .last {
    margin: 0px;
    margin-right: 0px;
}


#List_Item .viewMore {
    text-align: right;
    padding-right: 10px;
}

.noItem {
    text-align: center;
    color: #FF0000;
    padding: 30px;
}

/*----------------- tabSearch ----------------*/
#tabSearch {
    padding: 5px;
}

#tabSearch .Search {
    border: 1px solid #cccccc;
    margin-bottom: 5px;
    padding: 5px;
}

#tabSearch .display {
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    padding: 5px;
}

.row_tittle {
    color: #00789A;
    font-weight: bold;
}

.boxTitleDetail {
    font-size: 12px;
    font-weight: bold;
    color: #FFFF00;
    border-bottom: 1px dashed #FB8787;
    text-transform: uppercase;
}

.ext_comment {
    height: 150px;
    scrollbar-base-color: #FFFFFF;
    scrollbar-face-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
}

.font_username {
    color: #B40000;
}

.hr {
    background: url(../images/hr.gif) repeat-x center;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}


.box_images {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
 }
 .box_images.last{margin-right: 0}
.box_images .img{
    padding: 4px;
    border: 1px solid #dcdcdc;
}



@media screen and (max-width: 768px){
    #List_Item .View div{
        width: 50%;
        float: right;
    }
    .clear_fix{
        clear: left !important;
    }
}

@media screen and (max-width: 415px){
    #List_Item .View div{
        width: 100%;
        float: none;
    }
}