@font-face {font-family:avo;src: url(font/UTM_Avo.ttf);}
@font-face {font-family:avob;src: url(font/UTM_AvoBold.ttf);}
@font-face {font-family:new;src: url(font/UTM-Swiss-Condensed.ttf);}
@font-face {font-family:newb;src: url(font/UTM-Swiss-CondensedBold.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:new;background:#F4F4F4;color:#3f3f3f}
h1,h2,h3,h4,h5,h6,strong,b{}
.imgScale{overflow:hidden;}a{color:inherit;}
.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; */}

.boxes+.boxes{margin-top:50px;}
img,input,iframe,select{border:none;}
table {border-collapse: collapse;}a{text-decoration:none;color:inherit;}
.align-left{text-align:left !important;}.align-center{text-align:center !important;}.align-right{text-align:right !important;}
.postImg {overflow:hidden;position:relative;}
.postImg img{width:100%;height:auto;min-height:100%;transition:transform .5s;position:absolute;left:0}
.postImg:hover img{transform:scale(1.2)}
.product-img{background-color:#fff;text-align:center;position:relative;overflow:hidden;}
.product-img img{height:100%;width:auto;left:0;right:0;margin:auto;position:absolute;transition:transform .5s;}.product-list li:hover .product-img img{transform:scale(1.2) rotate(5deg)}
.desc{font-size:15px;color:#5f5f5f;height:58px;line-height:1.4;overflow:hidden}
.message{font-size:15px;color:#4f4f4f}
.background-white{background-color:#fff;padding:25px 4%}
.banner img{width:100%;}
.red{font-size:15px;color:red}
.left{float:left;}
.right{float:right}
.clear{clear:both;}
.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:#20d163;text-decoration:none;}
.breadcrums {float:right;}
.breadcrums  a{color:#20d163;}
.error {color:red;font-size:15px;}
.boxes .contain{overflow:hidden;}
.text-right{text-align:right;}
.img{display:block}
.img img{width:auto;height:100%;min-width:100%;}
.imgW img{width:100%;height:auto;min-height:100%;}
.block{display:block}
.btopnone{border-top:none !important}
.overHide{overflow:hidden}.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{clear:both;margin-top:20px;font-size:13px;line-height:1.8}
.pager span,.pager a{background-color:#20d163;display:inline-block;text-align:center;
margin-right:3px;border-radius:4px;color:#fff;border:1px solid #fff;padding:3px 10px 2px 10px;box-sizing:border-box;}    
.pager a:hover{background-color:#f2f70a;color:#fff;border:0;}.pager .total-page{color:#444;}
.pager span,.pager .not-active{background-color:#fff;color:#20d163;border:1px solid #dddd;}
.transparent{background-color:transparent}
.boxes .contain{/* overflow:hidden; */margin-top:20px;}
.loadding{background-color:rgba(255,255,255,.6);background-image:url(../Design/cho.gif);background-repeat:no-repeat;background-position:center;position:absolute;width:100%;height:100%;z-index:5}
.inline-block{display:inline-block}.relative{position:relative;}

.info{font-size:15px;color:#999;margin-top:11px;overflow:hidden;}
.info span, .info a{display:inline-block;margin-right:10px;}
.views:before{content:"\f06e";font-family:fontawesome;display:inline-block;margin-right:6px;}
.date{font-size:15px;color:#999}
.date:before{content:"\f017";font-family:fontawesome;display:inline-block;margin-right:6px;color:#ccc}
.fb-like{margin-top:10px}

.share{/* margin-top:10px; */}
.width49{width:49%;float:left;}.width49+.width49{float:right;}

.breadcrumb{border-radius:0;}
.breadcrumb .container{width:100%}
.breadcrumb a{/* color:#fff */}
.breadcrumb a:hover{}
.breadcrumb li.active{/* color:#999 */}

.center{text-align:center}

.imgA,.imgH,.imgW{overflow:hidden;position:relative;cursor:pointer}
.imgA img{position:absolute;height:auto;width:auto !important;max-width: 90%;max-height: 90%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;}
.imgH img{height:100%;min-width:100%;width:auto !important;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;object-fit: cover;}
.imgW img{width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;object-fit: cover;}
.imgW:hover img,.imgH:hover img,.imgA:hover img{transform:translateX(-50%) translateY(-50%) scale(1.1)}

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

.mt{margin-top:50px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}

@media only screen
and (max-width :467px){
.pdingm{padding:20px 0 !important}
.desc{/* font-size:13px; */}
.boxes .contain{margin-top:15px;}
.width49{width:100%;float:none;}
.mtop50,.mtop40{margin-top:30px !important;}.breadcrums{float:none;}
.background-white{/* padding-bottom:0 */}
}