@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:And;src: url("font/UTM Androgyne.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 TranslateXProject1{
    0%   {transform: translateX(1000px);}100% {transform: translateX(0);} }
@keyframes TranslateXProject2{
    0% {transform: translateX(3000px);} 100% {transform: translateX(0);} }
@keyframes TranslateXProject3{
    0%{transform: translateX(5000px);} 100% {transform: translateX(0);} }
@keyframes itemTranslateShow {
	0% {opacity:0;transform:translateX(300px);}	100%{transform:translateX(0);}
}
@keyframes itemTranslateShow2 {
	0% {opacity:0;transform:translateX(-1000px);} 100% {transform:translateX(0);}
}
@keyframes fadeAvatardown {
	0% {opacity:0;transform:translateX(-20px);}100%  {transform:translateX(0);}
}
@keyframes itemRemoveShow {
	0%  {transform:translateX(0);} 100% {opacity:0;transform:translateX(-1000px);}    	
}
@keyframes itemHover {
	10%, 90% { transform: translate3d(-1px, 0, 0); }  
	20%, 80% { transform: translate3d(2px, 0, 0); }
	30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
	40%, 60% { transform: translate3d(4px, 0, 0);
  }	 
}
@keyframes marquee { 0% {transform: translateX(100%); } 100% {transform: translateX(-100%); } }

.clearfm *{margin:0;padding: 0;border:none;text-decoration:none;list-style:none;color:inherit;line-height:1.4;}
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;}
.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:64px;line-height:1.4;overflow:hidden}
.message{font-size:15px;color:#4f4f4f}
.background-white{background-color:#fff;padding:20px 30px 30px;overflow:hidden;margin:0;}
.banner{overflow:hidden;text-align:center;}
.banner img{margin-bottom:-0.6%;max-width:100%;}
.red{font-size:15px;color:red;font-style:normal;}
.left{float:left;}
.right{float:right}
.clear{clear:both;}
.detail{font-size:16px;color:#3f3f3f;text-align:justify;}
.detail table{width:100% !important;}
.detail h1,.detail h2,.detail h3,.detail h4{font-family:avoB;font-weight:normal;}
.detail td{width:48% !important;padding:1%}
.detail img{max-width:100% !important;cursor:zoom-in;height:auto !important;}
.detail a{color:#1a72b9;text-decoration:none;}
.border-top{border-top:1px solid #c1c1c1;margin-top:20px;padding-top:20px;}
.breadcrums {font-size:14px;margin-top:20px;color:#3f3f3f;}
.breadcrums a:hover{color:#1a72b9;}
.error {color:red;font-size:15px;}
.boxes,.boxes .contain{overflow:hidden;}
.text-right{text-align:right;}
.img{display:block}
.img img{width:auto;height:100%;min-width:100%;}
.imgW img{width:100%;height:auto;min-height:100%;}
.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;margin-top:20px;font-size:13px;line-height:1.8}
.pager span,.pager a{background-color:#189eff;display:inline-block;text-align:center;
    margin-right:3px;border-radius:4px;color:#222;border:1px solid #fff;padding:3px 10px 2px 10px;box-sizing:border-box;}    
.pager a:hover{background-color:#189eff;color:#fff;border:0;}.pager .total-page{color:#444;}
.pager span,.pager .not-active{background-color:#fff;color:#22;border:1px solid #dddd;}
.transparent{background-color:transparent}
.boxes .contain{/* overflow:hidden; */margin-top:30px;}
.boxes .contain .link{text-align:center;margin-top:10px;}.boxes .contain > .link a{display:inline-block;background-color:#189eff;color:#fff;padding:10px 20px 8px;border-radius:4px;font-size:13px;text-transform:uppercase;}
.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{font-size:14px;color:#b2b2b2;margin-top:11px;overflow:hidden;font-family:segoe ui;padding-left:5px;}
.info span, .info a{display:inline-block;margin-right:10px;}.info a:hover{color:#ee0a0a;}.info a{color:#111;}
.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 .date:before{content:"\f073";font-family:fontawesome;color:#b2b2b2;display:inline-block;margin-right:6px;}
.info .views:before{content:"\f06e";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;color:#b2b2b2;display:inline-block;margin-right:6px;}
.info .breadcrums{float:right;margin-top:0;}
.share{/* margin-top:10px; */}
.width49{width:49%;float:left;}.width49+.width49{float:right;}
.breadcrumbs-box .container{background-color:#fff;padding:20px 30px 22px;display:flow-root;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.breadcrumbs-box h2{font-size:22px;font-family:avoB;color:#3d5876;float:left;}
.breadcrumbs-box .breadcrums-link{float:right;margin-top:6px;color:#3f3f3f;font-size:14px;}
.breadcrumbs-box .breadcrums-link .title-current{color:#eebc34;}
@media only screen
  and (max-width :467px){      
      .boxes .contain{margin-top:30px;}
      .width49{width:100%;float:none;}
      .mtop50,.mtop40{margin-top:30px;}
  }