@font-face {font-family:avo;src: url(font/SVN-Avo.ttf);}
@font-face {font-family:avoB;src: url(font/SVN-Avo-bold.ttf);}
@font-face {font-family:uavo;src: url(font/utm-avo.ttf);}
@font-face {font-family:uavoB;src: url(font/utm-avobold.ttf);}
@font-face {font-family:ice;src: url(font/UniSansHeavy.otf);}
@font-face {font-family:mulil;src: url(font/Muli-Light.ttf);}
@font-face {font-family:muli;src: url(font/Muli-Regular.ttf);}
@font-face {font-family:mulib;src: url(font/Muli-Bold.ttf);}
@font-face {font-family:helv;src: url(font/UTM-HelvetIns.ttf);}
@font-face {font-family:sha;src: url(font/UTM_Sharnay.ttf);}
@font-face {font-family:hongha;src: url(font/UVNHongHaHep_B.ttf);font-weight:normal;}
@font-face {font-family:picture;src: url("font/SVN-Motion Picture.ttf");font-weight:normal;}
@font-face {font-family:bot;src: url("font/Roboto-Light.ttf");font-weight:normal;}
@font-face {font-family:m54;src: url("font/Franklin-M54.ttf");}
@font-face {font-family:ftr;src: url("font/FtraBd__.ttf");}
@font-face {font-family:knr;src: url("font/Kanit-Regular.ttf");}
@font-face {font-family:gop;src: url("font/GearsOfPeace.ttf");}
@font-face {font-family:knb;src: url("font/Kanit-Black.ttf");}
@font-face {font-family:knl;src: url("font/Kanit-Light.ttf");}
@font-face {font-family:uah;src: url(font/UTM_Alberta_Heavy.ttf);}
@font-face {font-family:nexa;src: url(font/SVN-Nexa-Bold.ttf);}
@font-face {font-family:cenb;src: url(font/UTM-CenturBold.ttf);}
@font-face {font-family:isa;src: url(font/UTM-IsadoraR.ttf);}
@font-face {font-family:atm;src: url(font/UTM-Aptima.ttf);}
@font-face {font-family:swiss;src: url("font/UTM SWISS CONDENSEDBOLD.TTF");}

body{margin:0;padding:0;font-family:muli;background:url(/Design/bgbody2.jpg) no-repeat fixed ;background-size:cover}
.container{width:96%;margin:auto;box-sizing:border-box;max-width:1100px;}
.clearfm *{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{font-family:segoe ui;font-weight:500;}
img,input,iframe,select{border:none;}
table {border-collapse: collapse;}
.align-left{text-align:left !important;}.align-center{text-align:center !important;}.align-right{text-align:right !important;}
.de-tail{font-size:14px;color:#474c5f;padding:20px;overflow:hidden;}
.tab-contain .de-tail{max-width:100% !important;}
.tab-contain .de-tail *{max-width:100% !important;}
.tab-contain .de-tail table{max-width:100% !important;width:100% !important}
.tab-contain .de-tail img{max-width:100% !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:red}
.background-white{background-color:#fff;}
.red{font-size:15px;color:red}
.left{float:left;}
.right{float:right}
.clear{clear:both;}
.detail{margin-top:20px;}
.detail *{font-size:16px;color:#222;}
.detail img{max-width:100% !important;cursor:zoom-in;height:auto !important;text-align:center;display:inherit;margin:auto}
.detail a{color:#22a600;text-decoration:none;}
.bread-crums{background-color:#0094da}
.breadcrums {padding:15px 0;color:#fff;font-size:13px}
.breadcrums a{}
.breadcrums a:last-child,.breadcrums span:last-child{color:#fed700}
.breadcrums a:hover{color:#fed700}
.breadcrums.clearfm >i{color:#333}
.error {color:red;font-size:15px;}
.boxes .contain{overflow:hidden;}
.text-right{text-align:right;}
.img{display:block;overflow:hidden;}
.img img{width:auto;height:100%;}
.imgA {overflow:hidden;position:relative;}
.imgA img{width:auto;height:auto;min-height:100%;max-width:100%;transition:.5s;position:absolute;}
.imgBan,.imgBn,.imgM,.imgW{overflow:hidden;position:relative;}
.imgN img{width:100%;height:auto}
.imgW img{width:100%;height:auto;min-height:100%;transition:.5s;position:absolute;}
.imgBn img{width:100%;height:auto;}
.imgBan img{width:auto;height:100%;min-width:100%;}
.imgZoom img{transition:.5s;}
.imgZoom:hover img,.imgA:hover img{transform:scale(1.2) rotate(3deg)}
.imgW:hover img{transform:scale(1.2)}
.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;}
.block{display:block}
.boxes+.boxes{margin-top:50px;}
.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;padding-top:20px;font-size: 15px;line-height:1.8;}
.pager span,.pager a{
    background-color:#fff;
    display:inline-block;
    text-align:center;
    margin-right: 7px;
    border-radius:4px;
    color:#000;
    padding: 6px 13px 6px 13px;
    box-sizing:border-box;
    }    
.pager a:hover{background-color:#519a27;color:#fff;}.pager .total-page{color:#444;}
.pager span,.pager .not-active{background-color:#519a27;color:#fff;}
.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;}
.info{overflow:hidden;margin-top:15px;}
.info,.info .views{font-size:14px;color:#b2b2b2;font-family:segoe ui;}
.info span{display:inline-block;margin-right:10px;}
.info a:hover{color:#72d758;}
.info a:last-child{color:#72d758}
.info span:last-child{margin-right:0;color:#000}
.info span:before{font-family:fontawesome;display:inline-block;margin-right:6px;}
.info .cat:before{content:"\f0c9";}
.info .date:before{content:"\f073";}
.info .comments:before{content:"\f0e5";}
.info .share{float:right;}
.share{/* margin-top:10px; */}
.views{font-size:13px;color: #858585;position:relative;padding-left:20px;font-family:Segoe UI}
.views:before{content:"";background:url(/Design/icon-views.png)no-repeat;position:absolute;width:18px;height:10px;top: 19%;left:0;}
.width49{width:49%;float:left;}.width49+.width49{float:right;}
.width70{width:70%;float:left;box-sizing:border-box;padding-right:30px}
.width30{width:30%;float:right}

@media only screen
  and (max-width :1920px){
#slideshow{height:763px}
}
@media only screen
  and (max-width :1600px){
#slideshow{height:641px}
}
@media only screen
  and (max-width :1440px){
#slideshow{height:577px}
}
@media only screen
  and (max-width :1366px){
#slideshow{height:548px}
}
@media only screen
and (max-width :467px){
.boxes+.boxes{margin-top:20px;}
.desc{font-size:13px;}
.detail *{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%}
}