@font-face {font-family:mulil;src: url(font/Muli-Light.ttf);font-weight:normal}
@font-face {font-family:muli;src: url(font/Muli-Regular.ttf);font-weight:normal}
@font-face {font-family:mulib;src: url(font/Muli-Bold.ttf);font-weight:normal}
@font-face {font-family:avo;src: url(font/UTM-Avo.ttf);font-weight:normal}
@font-face {font-family:avob;src: url(font/UTM-AvoBold.ttf);font-weight:normal}

body{margin:0;padding:0;font-family:arial;background:#fff;}
.allbody{}
.container{width:100%;margin:auto;box-sizing:border-box;max-width:1200px;}
.clearfm *{margin:0;padding: 0;border:none;text-decoration:none;list-style:none;color:inherit;line-height:1.4;}
.clearin *{margin:inherit;padding:inherit}
a:hover{color:inherit;text-decoration:none}
.overHide{overflow:hidden}
a{cursor:pointer}
.row{margin-right:-15px;margin-left:-15px}
.row >*{padding:15px}
h1,h2,h3,h4,h5,h6,strong,b{font-family:avob}
h1{color:#4f4f4f !important}
img,input,iframe,select{border:none;}
table {border-collapse: collapse;}
.align-left{text-align:left !important;}.center{text-align:center}.align-right{text-align:right !important;}
.l100{float:left;width:100%}

.de-tail{font-size:14px;color:#474c5f;padding:20px;overflow:hidden;}
.de-tail img{max-width:100%;height:auto !important}
.detail{font-size:16px;color:#393939;text-align:justify;}
.detaildvp{overflow:hidden}
.detail table{width:100% !important;}
.detail *{font-size:16px}
.detail h1,.detail h2,.detail h3,.detail h4,.detail h5,.detail h6,.detail strong,.detail b{}
.detail td{/* width:48% !important; *//* padding:1% */}
.detail img{max-width:100% !important;height:auto !important;}
.detail a{color:#0071b1;text-decoration:none;}
.detail font{color:#28a292}
.detaildvp *{list-style: none;/* margin:0; */padding:0;}
.detailbv img{width:auto !important}

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

.date,.views{font-size:13px;color:#7f7f7f;}
.date:before{content:"\f017";font-family:fontawesome;display:inline-block;margin-right:6px;}
.views:before{content:"\f06e";font-family:fontawesome;display:inline-block;margin-right:5px;font-weight:900}
.info{font-size:13px;margin-top:5px;overflow:hidden;padding-left:1px;}
.info span, .info a{display:inline-block;margin-right:10px;}
.info a{color:#111;}
.info a:hover{color:#ee0a0a;}
.info span:last-child, .info a:last-child{margin-right:0;}
.info .cat:before{content:"\f0c9";font-family:fontawesome;color:#b2b2b2;display:inline-block;margin-right:6px;}
.info .comments:before{content:"\f0e5";font-family:fontawesome;color:#b2b2b2;display:inline-block;margin-right:6px;}
.info .share{float:right;}
.info .date:before{content:"\f073";font-family:fontawesome;font-weight:900;margin-right:6px;}
.info .views:before{content:"\f06e";font-family:fontawesome;font-weight:900;margin-right:6px;}

.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}.pt{padding-top:50px}
.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}

.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: 14px;color:#515151;height: 56px;line-height:1.4;overflow:hidden;}
.message{font-size:15px;color:red}
.background-white{background-color:#fff;}
.red{font-size:15px;color:red}
.left{float:left;}
.right{float:right}
.clear{clear:both;}

.breadcrumb{color:#fff;font-size:14px;margin:10px 0;background-color:#fff;}
.breadcrumb .container{padding: 8px 10px;background:#12938e;border-radius:3px}
.breadcrumb a{}
.breadcrumb .container >i,.breadcrumb .container >span{width:30px;text-align:center}
.breadcrumb a:hover{}

.error {color:red;font-size:15px;}
.boxes .contain{overflow:hidden;margin-top:20px}
.text-right{text-align:right;}
.block{display:block}
.boxes+.boxes{margin-top:50px;}
.btopnone{border-top:none !important}

.pager{margin-top:20px;font-size:13px;line-height:1.8;text-align:center;overflow:hidden;width:100%}
.pager span,.pager a{background-color:#fff;display:inline-block;text-align:center;margin-right:3px;border-radius:4px;color:#393939;border:1px solid #9e9e9e;padding:5px 10px;box-sizing:border-box;}    
.pager span,.pager a:hover{background-color:#28a292;color:#fff;border-color:#28a292;}
.transparent{background-color:transparent}
.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;}
.width49{width:49%;float:left;}.width49+.width49{float:right;}
.width70{width: 70%;float:left;box-sizing:border-box;}
.width30{width:30%;float:right;position: relative;}

@media only screen
and (max-width :467px){
.desc{font-size:13px;}
.boxes .contain{margin-top:15px;}
.width49{width:100%;float:none;}
.mtop50,.mtop40{margin-top:30px;}
.width70{width:100%;padding-right:0}
.width30{width:100%}
}