@font-face {font-family:avo;src: url(font/SVN-Avo.ttf);}
@font-face {font-family:avob;src: url("font/SVN-Avo-bold.ttf");}
@font-face {font-family:ro;src: url("font/Roboto-Regular.ttf");}
@font-face {font-family:rob;src: url("font/Roboto-Bold.ttf");}
@font-face {font-family:rol;src: url("font/Roboto-Light.ttf");}

body{margin:0;padding:0;font-family:ro;background-color:#fff;color:#666}
.red,.titletb{color:red!important}
.container{width:96%;margin:auto;max-width:1200px;padding:0;box-sizing:border-box;}
.overHide{overflow:hidden}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none;color:inherit;}
h1,h2,h3,h4,h5,h6,strong{color:#333;}

.background-white{background-color:#fff;padding:25px 4%;border:1px solid #eee}
.bncat{background-attachment: fixed;background-size:cover;height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;background-position: center;}
.bncat h1{display:none;font-size:50px;text-transform: capitalize;color:#fff;letter-spacing:-2px;font-family:rol; text-shadow:1px 1px #a2a2a2}
.bread_crumb{}
.bread_crumb .breadcrumb{justify-content: center;}
.breadcrumb-item.active{}
.box{margin-top:30px}
.boxes+.boxes{margin-top:50px;}
.boxes .contain{margin-top:20px}

.center{text-align:center}

.detail{overflow:hidden}
.detail table{width:100%}
.detail img{max-width:100% !important;cursor:zoom-in;height:auto !important;}
.detail a{}
.detail h1,.detail h2,.detail h3,.detail h4,.detail h5{font-family:rob;}

.error{color:red}

.flex{display:flex}

.imgA,.imgH,.imgW{overflow:hidden;position:relative;cursor:pointer}
.imgA img{height:auto !important;width:auto !important;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.imgH img{height:100%;min-width:100%;width:auto !important;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;}
.imgW img{width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;}
.imgW:hover img,.imgH:hover img{transform:translateX(-50%) translateY(-50%) scale(1.1)}
.info{font-size:14px;color: #979797;/* margin-bottom:15px; */overflow:hidden;}
.info li+li{padding-left:20px}
.info > span+span{padding-left:20px}
.info .date:before{content:"\f073";font-family:fontawesome;display:inline-block;margin-right:6px;}
.info .views:before{content:"\f06e";font-family:fontawesome;display:inline-block;margin-right:6px;}
.date:before{content:"\f073";font-family:fontawesome;display:inline-block;margin-right:6px;}
.ifbv{display:flex}
.ifbv >*+*{padding-left:20px}

.left{float:left;}.right{float:right}
.line1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.list-group{margin-bottom:20px}

.ma{margin:auto}
.mtop10{margin-top:10px !important;}.mtop20{margin-top:20px !important;}.mtop30{margin-top:30px !important;}.mtop40{margin-top:40px !important;}.mtop50{margin-top:50px !important;}

.pager{margin-top:20px;font-size:13px;}
.pager span,.pager a{background-color:#0d7aa3;display:inline-block;text-align:center;margin-right:3px;border-radius:4px;color:#fff;border:1px solid #0d7aa3;padding: 3px 10px 4px 10px;}    
.pager a:hover{background-color:#00A857;border-color:#00A857}
.pager span{background-color:#fff;color:#0d7aa3;border-color:#ddd;}

.bgwhite{background-color:#fff}
@media only screen
and (max-width :467px){
.bncat h1{font-size: 30px;}
.container{}
.background-white{padding:25px 0}
.boxes .contain{margin-top:15px;}
.boxes+.boxes{margin-top:25px}
.breadcrumb h2{display:none}
.detail{font-size:15px}
.detail h1{font-size:24px}.detail h2{font-size:22px}.detail h3{font-size:20px}.detail h4{font-size:18px}
.info{display:flow-root;position:relative;}
.info span+span{padding-left:5px}
.info span.fb-like{position:absolute;right:0}
.pdingm{padding:30px 0 !important}
}