@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:avo2;src: url("font/UTM_Avo.ttf");}
@font-face {font-family:avob2;src: url("font/UTM_AvoBold.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:ame;src: url("font/UTM-AmericanaBEx.ttf");}
@font-face {font-family:time;src: url("font/UTM-Times.ttf");}
@font-face {font-family:swi;src: url("font/UTM-Swiss-Condensed.ttf");}
@font-face {font-family:swib;src: url("font/UTM-Swiss-CondensedBold.ttf");}

body{margin:0;padding:0;font-family:ro;background-color:#fff;color:#3f3f3f}
.red,.titletb{color:red!important}
.clearfm *{margin:0;padding: 0;border:none;text-decoration:none;list-style:none;color:inherit;line-height:1.4;}
.container{width:96%;margin:auto;max-width:1200px;padding:0;box-sizing:border-box;}
.overHide{overflow:hidden}
.row{margin:0 -15px}.row >*{padding:15px}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none;color:inherit;}

.background-white{background-color:#fff;padding:25px 4%;border:1px solid #eee}
.bread_crumb{margin-top:10px}
.boxes+.boxes{margin-top:50px;}
.boxes .contain{margin-top:20px}

.detail{/* text-align:justify; */}
.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;}

.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:#6f6f6f;overflow:hidden;margin-top:11px}
.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;}
.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;}

.tagbv{font-family:avob}
.tagbv a{font-size:14px;font-family:avo;display:inline-block;background-color:#f1f1f1;padding:6px 10px 5px;border-left:3px solid #0d7aa3;position:relative;margin-left:10px;margin-bottom:5px}
.tagbv a:before{content:"";position:absolute;border:5px solid transparent;width:0;left: -1px;border-left-color:#0d7aa3;height:0px;top:0;bottom:0;margin:auto;}
.tagbv a:hover{color:#0d7aa3;font-style:italic}

.bgwhite{background-color:#fff}
@media only screen
and (max-width :467px){
.container{width:92%;}
.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:25px 0 !important}
.row{margin:0 -7px}.row >*{padding:7px}
}