@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:new;src: url(font/UTM-Swiss-Condensed.ttf);font-weight:normal}
@font-face {font-family:newb;src: url(font/UTM-Swiss-CondensedBold.ttf);font-weight:normal}
@font-face {font-family:swi;src: url(font/UTM-Swiss-721-Black-Condensed.ttf);font-weight:normal}
@font-face {font-family:new2;src: url(font/SVN-Georgia-Regular.otf);font-weight:normal}


body{margin:0;padding:0;font-family:arial;background:#fff;}
.allbody{overflow:hidden;margin:auto;/* max-width:1366px; */background:#fff;position:relative}
.container{width: 96%;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}
.overHide{overflow:hidden}
a{cursor:pointer}
h1,h2,h3,h4,h5,h6,strong,b{/* font-weight:normal */}
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;cursor:zoom-in;height:auto !important;}
.detail a{color:#0071b1;text-decoration:none;}
.detail font{color:#7ac143}
.detaildvp *{list-style: none;/* margin:0; */padding:0;}
.detailbv *{/* width:auto !important; */}

.imgH,.imgW {overflow:hidden;position:relative;cursor:pointer}
.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;}
.line5{display: -webkit-box;-webkit-line-clamp: 5;-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:#3f3f3f;font-size:14px;}
.breadcrumb .container{padding: 8px 10px;background:#ebebeb}
.breadcrumb a{}
.breadcrumb .container >i,.breadcrumb .container >span{width:30px;text-align:center}
.breadcrumb a:hover{color:#6dcc26}

.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:#7ac143;color:#fff;border-color:#7ac143;}
.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;}

.row{display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px}
@media (min-width: 576px){
.col-sm-6 {-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;}
}
@media (min-width: 768px){
.col-md-4{-webkit-box-flex: 0;flex: 0 0 33.333333%;max-width: 33.333333%;}
}
.col-md-4{position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;box-sizing:border-box}