@font-face {font-family:hongha;src: url(font/UVNHongHaHep_B.TTF);}
@font-face {font-family:swiss;src: url("font/UTM SWISS CONDENSED.ttf");}
@font-face {font-family:swissb;src: url("font/UTM SWISS CONDENSEDBOLD.ttf");}
@font-face {font-family:au;src: url("/Styles/font/UTM AURORA.ttf");}
@font-face {font-family:fub;src: url("/Styles/font/Futura/SFUFuturaBold.ttf");}
@font-face {font-family:fubo;src: url("/Styles/font/Futura/SFUFuturaBook.ttf");}
@font-face {font-family:fue;src: url("/Styles/font/Futura/SFUFuturaExtraBold.ttf");}
@font-face {font-family:fuh;src: url("/Styles/font/Futura/SFUFuturaHeavy.ttf");}
@font-face {font-family:ful;src: url("/Styles/font/Futura/SFUFuturaLight.ttf");}
@font-face {font-family:fuo;src: url("/Styles/font/Futura/SFUFuturaObliqueTTF.ttf");}
@font-face {font-family:fur;src: url("/Styles/font/Futura/SFUFuturaRegular.ttf");}

@keyframes zoomIn {
    0%   {transform: scale(0);}     
    100% {transform: scale(1);}
}
@keyframes translateWelcome1 {
	0%   {transform: translateX(50%); opacity:0;} 
    75%   {transform: translateX(50%); opacity:0}  	
    100% {transform: translateX(0);}
}
@keyframes translateWelcome2{
	0%   {transform: translateX(-50%); opacity:0} 
    75%   {transform: translateX(-50%); opacity:0}  	
    100% {transform: translateX(0);}
}
@keyframes phone-icon {
  0% { transform: translate3d(0px, 0, 0); }
  2% { transform: translate3d(2px, 0, 0); }
  4% { transform: translate3d(-2px, 0, 0); }
  6% { transform: translate3d(2px, 0, 0); }
  8% { transform: translate3d(-2px, 0, 0); }
  10% { transform: translate3d(2px, 0, 0); }
  12% { transform: translate3d(-2px, 0, 0); }
  14% { transform: translate3d(2px, 0, 0); }
  16% { transform: translate3d(-2px, 0, 0); }
  18% { transform: translate3d(2px, 0, 0); }
  20% { transform: translate3d(-2px, 0, 0); }
  22% { transform: translate3d(2px, 0, 0); }
  24% { transform: translate3d(-2px, 0, 0); }
  26% { transform: translate3d(2px, 0, 0); }
  28% { transform: translate3d(-2px, 0, 0); }
  30% { transform: translate3d(2px, 0, 0); }
  32% { transform: translate3d(-2px, 0, 0); }
  34% { transform: translate3d(2px, 0, 0); }
  36% { transform: translate3d(-2px, 0, 0); }
  38% { transform: translate3d(2px, 0, 0); }
  40% { transform: translate3d(-2px, 0, 0); }
  42% { transform: translate3d(2px, 0, 0); }
  44% { transform: translate3d(-2px, 0, 0); }
  46% { transform: translate3d(0em, 0, 0); }
}

@keyframes phone-inner {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
            transform: translate3d(0, 0, 0) scale(0);
  }
  33.3333% {
    opacity: 0
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
  }
  66.6666% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
            transform: translate3d(0, 0, 0) scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
            transform: translate3d(0, 0, 0) scale(0);
  }
}
@keyframes phone-outer {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);opacity:.4;
            transform: translate3d(0, 0, 0) scale(1);    
  }
  33.3333% {
    -webkit-transform: translate3d(0, 0, 0) scale(2);opacity:0;
            transform: translate3d(0, 0, 0) scale(2);   
  }
  66.6666% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);opacity:0;
            transform: translate3d(0, 0, 0) scale(1); 
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);opacity:0;
            transform: translate3d(0, 0, 0) scale(1); 
  }
}
body{margin:0;padding:0;font-family: fubo;background:#fff;}
h1,h2,h3,h4,h5,h6,strong,b,th{}
.clearfm *{margin: auto;padding: 0;border:none;text-decoration:none;list-style:none;color:inherit;}
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;}.align-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%;width: 100%;}
.postImg {overflow:hidden;position:relative;}
.postImg img{width:100%;height: 100%;min-height:100%;transition:transform .5s;object-fit: cover;display: block;}
.item:hover .postImg img{transform:scale(1.2)}
.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: 16px;color: #3d3d3d;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:#3f3f3f;/* margin-top:16px; *//* overflow:hidden; */}
.detail table{width:100% !important;}
.detail *{max-width: 100%;}
.detail td{/* width:48% !important; */padding:1%;}
.detail img{max-width:100% !important;cursor:zoom-in;height:auto !important;}
.detail a,.detail strong{color:#0d7ef8 !important;text-decoration:none;}
.detail h1,.detail h2,.detail h3,.detail h4,.detail h5,.detail h6{color: #0d7ef8;}
.error {color:#ef0707;font-size:15px;}
.success {color: #0d7ef8;font-size: 17px;}
.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;text-align: right;}
.pager span,.pager a{
    background-color: #fff;
    display:inline-block;
    width: 40px;
    height: 40px;
    margin-right:3px;
    border-radius:4px;
    color: #0d7ef8;
    border: 1px solid #0d7ef8;
    line-height: 37px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    }
.pager a:hover{background-color:#0d7ef8;color:#fff;}
.pager span{background-color: #0d7ef8;color: #fff;}
.transparent{background-color:transparent}
.inline-block{display:inline-block}
.info{font-size: 16px;color:#6f6f6f;margin-top:11px;overflow:hidden;}
.info span{display:inline-block}
.info span+span{margin-left:10px;height: 20px !important;}
.info span{margin-left:10px;height: 20px !important;}
.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;}
.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: #0d7ef8;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:#0d7ef8;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:#0d7ef8;display:inline-block;padding-left:40px;background-image: url(../Design/download1.png);background-repeat:no-repeat;background-position:10px;}
.meta a{color:#0d7ef8;text-decoration:none;}.meta .title{color:#0d7ef8;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:#0d7ef8;}.breadcrums a:hover{color:#ef0707;}
