@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);}

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

a{color:inherit;text-decoration:none}
a:hover{text-decoration:none;color:inherit;}

.boxes{margin-top:30px;}

.detail img{max-width:100%;height:auto !important}

.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;display:flex;margin-top:15px}
.info >*+*{padding-left:20px}
.info .date:before{content:"\f073";font-family:fontawesome;display:inline-block;margin-right:2px;}
.info .views:before{content:"\f06e";font-family:fontawesome;display:inline-block;margin-right:2px;}

.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;font-family:rob}
.pager >*{display:inline-block;padding:0 15px}
.pager >*+*{border-left:1px solid}
.pager a:hover{color:#5392F9;text-decoration:underline}
.pager span{color:#5392F9;}