@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:got;src: url("font/SVN-Gotham-Regular.otf");}
@font-face {font-family:gotl;src: url("font/SVN-Gotham-Book.otf");}

body{margin:0;padding:0;font-family:avo;background-color:#f4f4f4;color:#3f3f3f}
.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:hover{text-decoration:none;color:inherit}

.background-white{background-color:#fff;padding:25px 4%}
.boxes+.boxes{margin-top:50px;}
.boxes .contain{margin-top:20px}
.breadcrumb{margin-bottom:0}

.detail{font-size:16px;color:#111;margin-top:20px;text-align:justify;}
.detail table{width:100% !important;}
.detail td{width:48% !important;padding:1%}
.detail img{max-width:100% !important;cursor:zoom-in;height:auto !important;}
.detail a{color:#B27210;text-decoration:none;}

.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;margin-top:12px;overflow:hidden;}
.info span, .info a{float:left;margin-right:20px;}
.info .date:before{content:"\f073";font-family:fontawesome;color:#6f6f6f;display:inline-block;margin-right:6px;}
.info .views:before{content:"\f06e";font-family:fontawesome;color:#6f6f6f;display:inline-block;margin-right:6px;}

.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;}

.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:#B27210;display:inline-block;text-align:center;margin-right:3px;border-radius:4px;color:#fff;border:1px solid #B27210;padding: 3px 10px 4px 10px;}    
.pager a:hover{background-color:#555;border-color:#555}
.pager span{background-color:#fff;color:#B27210;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 #B27210;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:#B27210;height:0px;top:0;bottom:0;margin:auto;}
.tagbv a:hover{color:#B27210;font-style:italic}

.bgwhite{background-color:#fff}
@media only screen
and (max-width :467px){
.container{width:350px;}
.background-white{padding:25px 0}
.boxes .contain{margin-top:15px;}
.boxes+.boxes{margin-top:25px}
.info{position:relative;}
.info span, .info a{margin-right:5px}
.info .fb-like{position:absolute;right: -16px;}
.pdingm{padding:25px 0 !important}
.row{margin:0 -7px}.row >*{padding:7px}
}