@font-face {font-family:mulil;src: url(font/Muli-Light.ttf);}
@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/SVN-Avo.ttf);font-weight:normal}

@font-face {font-family:hongha;src: url(font/UVNHongHaHep_B.TTF);}
@font-face {font-family:swiss;src: url("font/UTM Swiss 721 Black Condensed_0.ttf");}

body{margin:0;padding:0;font-family:muli;background:#333;}
.allbody{overflow:hidden;margin:auto;max-width:1366px;background:#fff;position:relative}
.container{max-width:1150px;margin:auto;box-sizing:border-box;width:96%;}
.clearfm *{margin:0;padding: 0;border:none;text-decoration:none;list-style:none;color:inherit;line-height:1.4;}
.clearin *{margin:0;padding: 0;border:none;text-decoration:none;list-style:none;color:inherit;line-height:1.4;}
h1,h2,h3,h4,h5,h6,strong,b,th{/* font-family:segoe ui; *//* font-weight:500; */}
img,input,iframe,select{/* border:none; */}
table {border-collapse: collapse;}
.new-hot{display: inline-block;width:25px;height:13px;background: url(../Design/new.gif)}
.align-left{text-align:left !important;}.center{text-align:center !important;}.align-right{text-align:right !important;}
.boxes > .contain{margin-top:30px;}.banner{overflow:hidden;text-align:center;}
.banner img{margin-bottom:-0.6%;max-width:100%;}
.imgA,.imgB,.imgDT,.imgF,.postImg,.imgAuto,.img,.imgM,.imgN,.imgP,.imgT {overflow:hidden;position:relative;}
.imgD{display:block}
.imgD img{width:auto;height:100%;min-width:100%;}
.img a{position:relative;display:block;}
.img img{position:absolute;max-width:100%;max-height:100%;left:0;right:0;margin:auto;top: 50%;transform: translateY(-50%);transition:transform .5s}
.imgA img{width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;left:0;max-height:100%;transition:transform .5s;}
.imgB img{width:100%;height:100%;position:absolute;left:0;transition:transform .5s;}
.imgDT img{width:auto !important;height:auto;position:absolute;max-width:90%;max-height:100%;transition:transform .5s;}
.imgF img{width:auto;height:auto;position:absolute;max-width:100%;min-height:100%;transition:transform .5s;}
.imgM img{width:auto;height:auto;max-width:100%;min-height:100%;position:absolute;left:0;min-width:100%;transition:transform .5s;}
.imgN img{width:100%;height:100%;position:absolute;top:0;left:0;transition:transform .5s;}
.imgT img{width:auto;height:auto;position:absolute;left:0;min-height:100%;min-width:100%;transition:transform .5s;max-height: 100%;}
.imgP img{width:auto;height:auto;position:absolute;left:0;min-height:100%;min-width:100%;transition:transform .5s;max-height: 100%;}
.imgW img{width:100%;height:auto;min-height:100%;}
.imgBan img{width:auto;height:auto;max-width:100%;max-height:100%;}
.imgAuto img{width:auto;height:auto;position:absolute;left:0;min-height:100%;min-width:100%;transition:transform .5s;}
.imgT img{width:auto;height:auto;position:absolute;left:0;min-height:100%;min-width:100%;transition:transform .5s;max-height: 100%;}
.postImg img{width:100%;height:auto;min-height:100%;transition:transform .5s;position:absolute;left:0}
.img:hover img{transform:translateY(-50%) scale(1.2);}
.postImg:hover img,.imgA:hover img,.imgAuto:hover img,.imgB:hover img,.imgDT:hover img,.imgF:hover img,.imgM:hover img,.imgN:hover img,.imgP:hover img,.imgT:hover img{transform:scale(1.2)}
.imgRt:hover img{transform:scale(1.1) rotate(4deg)}
.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;}
.product-img{background-color:#fff;text-align:center;}
.product-img img{height:100%;width:auto;max-width:80%;left:0;right:0;margin:auto;}
.desc{font-size:14px;color:#5f5f5f;height:58px;line-height:1.4;overflow:hidden;margin-top:10px;}
.message{font-size:15px;color:#222;}
.red{font-size:15px;color:red}
.left{float:left;}
.right{float:right}
.clear{clear:both;}
.detail{font-size:16px;color:#333;/* margin-top:16px; *//* overflow:hidden; */}
.detail table{width:100% !important;}
.detail *{font-size:16px}
.detail td{/* width:48% !important; */padding:1%;}
.detail img{max-width:100% !important;cursor:zoom-in;height:auto !important;}
.detail a,.detail strong{/* color:#145898 !important; */text-decoration:none;}
.detail h1,.detail h2,.detail h3,.detail h4,.detail h5,.detail h6{color:#145898;}
.error {color:#ef0707;font-size:15px;}
.success {color:#ffe302;font-size:15px;}
.error {color:#ef0707;font-size:15px;}

.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;}
.boxes{overflow:hidden;}.boxes+.boxes{/*margin-top:50px;*/}.box-side+.box-side{margin-top:20px;}
.pager{clear:both;margin-top:20px;font-size:13px;line-height:1.8}
.pager span,.pager a{background-color:#145898;display:inline-block;text-align:center;width:25px;
    margin-right:3px;border-radius:4px;color:#fff;border:1px solid #fff;padding-bottom:3px;padding-top:3px;}
.pager a:hover{background-color:#7ecb10;color:#fff;}
.pager span{background-color:#dfdfdf;color:#3f3f3f;}
.transparent{background-color:transparent}
.inline-block{display:inline-block}
.info{font-size:14px;color:#6f6f6f;margin-top:11px;overflow:hidden;font-family:segoe ui;}
.info span{display:inline-block}
.info span+span{margin-left:10px;}
.info .link:before{content:"\f002";font-family:fontawesome;color:#6f6f6f;display:inline-block;margin-right:6px;}
.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;}
.views{font-size:13px;color:#b5b5b5;}
.views:before{content:"\f06e";font-family:fontawesome;display:inline-block;margin-right:5px;font-weight:900}
.info .comments:before{content:"\f0e5";font-family:fontawesome;color:#6f6f6f;display:inline-block;margin-right:6px;}
.info .share{float:right;}
.info .date:before{content:"\f073";font-family:fontawesome;color:#6f6f6f;display:inline-block;margin-right:6px;}
* .infoVanBan {line-height: 1;padding:7px 0 !important;padding-left: 10px !important;}
.infoVanBan span{display: inline-block;margin-right:5px;font-size: 14px;color:#666;padding:3px 0;padding-left:25px;}
.infoVanBan span+span{margin-left:15px;}.relative{position:relative;}
.infoVanBan .view_desc{background: url(../Design/search.png);background-repeat:no-repeat;cursor: pointer}
.infoVanBan .link{/* float:right; */position: relative;cursor:pointer;background: url(../Design/detail.png);background-repeat:no-repeat;}
.infoVanBan .linkFile{float:right;position: relative;background: url(../Design/download1.png);background-repeat:no-repeat;cursor: pointer;color:#389bff;text-decoration:underline;}
.infoVanBan .listFile{display:none;position: absolute;top:100%;right:0;color: #0758bc;font-size:13px;margin-top:5px;padding:8px 7px;background: #fff;box-shadow: 0 0 1px #555;}
.infoVanBan .listFile:before{position: absolute;top:-10px;right:20px;width: 1px;border:5px solid transparent;border-bottom-color: #d8dbdc;content:"";}
.infoVanBan a{display:block;margin-bottom: 5px;}
.metatext{color:#0758bc;font-size:14px;margin:0;margin-top:15px;margin-left:20px;border-bottom:1px dotted #9a9a9a;padding-bottom:8px;list-style:disc;display:list-item}
.metatext span,.meta span{font-weight:bold;}
.meta{color:#3f3f3f;font-size:14px;margin:0;margin-top:6px;margin-left:20px;border-bottom:1px dotted #9a9a9a;padding-bottom:8px;list-style:disc;display:list-item}
.meta .lnkNotices{color:#0758bc;display:inline-block;padding-left:40px;background-image: url(../Design/download1.png);background-repeat:no-repeat;background-position:10px;}
.meta a{color:#0758bc;text-decoration:none;}.meta .title{color:#0758bc;text-transform:uppercase;font-size:16px;font-family:segoe ui;}
.share{/* margin-top:10px; */}
.width49{width:49%;float:left;}.width49+.width49{float:right;}
.breadcrums{float:right;}.breadcrums a{color:#0758bc;}.breadcrums a:hover{color:#ef0707;}