@keyframes MapMaker{
    0%{transform:scale(1);}    
    50%{transform:scale(0.8);}        
    100%{transform:scale(1);}        
}
@keyframes zoomInLink {
    0%   {transform: scale(0);visibility:hidden;}     
    25%   {transform: scale(0);visibility:visible;}     
    100% {transform: scale(1);visibility:visible;}
}
@keyframes rotateLeft{
	0%{visibility:hidden;}
	50% {
    opacity: 0;
    visibility:visible;
    transform-origin: 0 0;
    transform: perspective(800px) rotateY(-180deg);
	}
	
100% {
		opacity: 1;
		visibility:visible;
		transform-origin: 50% 0;
		transform: perspective(800px) rotateY(0);
	}
}
.middle-header{border-top:5px solid #f26522;padding:30px 0;background:url(/Design/bg-banner.png);}
.middle-header .container{overflow:hidden;}
.middle-header .logo{animation:zoomIn 2s;width:345px;height:58px;}
.middle-header .logo img,.middle-header .logo canvas,.middle-header .logo a{width:100% !important;height:100% !important;display:block;margin:0 !important;}
.middle-header .check-domain{text-align:right;position:relative;}
.check-domain .text{font-size:15px;position:relative;top:2px;}
.check-domain .txt,.check-domain .ddl{display:inline-block;padding:4px 12px;border-radius:4px;border:1px solid #d1d1d1;width:200px;box-sizing:border-box;color:#3f3f3f;font-size:13px;margin:0;}
.check-domain .ddl{width:80px;padding-bottom:5px;}
.check-domain .btn{background:#008dc1;color:#fff;padding:2px 10px;padding-top:3px;position:relative;right:0;font-size:13px;border-radius:3px;bottom:0;display:inline-block;height:27px;box-sizing:border-box;}
.middle-header .hotline{font-size:15px;color:#008dc1;margin-top:10px;}
.hotline strong{color:#f26522} .hotline a{font-weight:bold;}.hotline a:after{content:"-"}.hotline a:last-child:after{content:""}
nav{background:#00a1dc;}
.menu_main {}
.menu_main > li{color:#fff;font-size:16px;display:inline-block;text-transform:uppercase;font-family:segoe ui;font-weight:500;clear:both;transition:background .5s;}
.menu_main > li > a{display:block;padding: 13px 18px;position:relative;}
.menu_main > li > a:before,.menu_main > li:last-child > a:after{content:"";position:absolute;height:100%;width:2px;background:url(/Design/menu_line.png);top:0;left:-1px;}
.menu_main > li:last-child > a:after{right:-1px;left:auto;}
.menu_main > .home > a{text-indent:-1000px;width:20px;}.menu_main > li >a > span{position:relative;z-index:5;}
.menu_main > .home i{position:absolute;text-indent:0;left:0;right:0;top:9px;text-align:center;z-index:5;font-size:20px;}
.menu_main > li:hover{background:#008dc1;}
.menusub{position:absolute;text-align:left;background-color:#008dc1;display:none;z-index:7;border-top:2px solid #00a1dc;;}
.menusub:before{content:"";border:6px solid transparent;border-bottom-color:#00a1dc;position:absolute;top:-12px;left:40px;}
.menusub li{color:#fff;padding:10px 25px;font-family:Segoe UI,Arial;font-size:15px;text-transform:initial;}.menusub li a{display:block;transition:transform .5s;}
.menusub > li:hover{background:#f26522;}.menusub > li:hover a{transform:translateX(10px);}
.menusub li+li{border-top:1px solid #00a1dc;}
.mobile{display:none;}
#slideshow{height: 569px;position:relative;z-index:1;}

.pix_relativize img{width:100%;height:100%;object-fit: cover;display: block;}
#slideshowimg{height:600px;}#slideshowimg img{width:100% !important;}
#slideshowimg.autoheight {height:auto !important;}
#pix_pag_ul,#pix_pag{float:none;text-align:center;width:100%;left:0;right:0;}#pix_pag_ul > li > .pix_thumb {height:25px;top:-17px;}#pix_pag_ul > li > span{border-color:#f26522;}
.main-content{margin:50px 0;}
.about-default {overflow:hidden;padding: 70px 0;}
.about-default h2{font-size:25px;font-family:hongha;font-weight:normal;color:#f26522;text-align:center;text-transform:uppercase;position:relative;padding-bottom:15px;}.about-default h2 span{color: #00a1dc;font-family: muli;font-weight: bold;}
.about-default h2:after{content:"";width:80px;position:absolute;bottom:0;border-top:3px solid #00a1dc;left:0;right:0;margin:auto;}
.about-default .description,.khachhang-default .description,.article-default .description  {margin:auto;margin-top:15px;font-size:17px;max-width:1100px;text-align:center;color:#3f3f3f;line-height:1.5;width: 70%;}
.article-about{overflow:hidden;}
.article-default .description  {margin-bottom:30px}
.giaiphap {display:block;overflow:hidden;margin-top: 30px;}
.li-gp {width: 32%;margin-left: 2%;background-color: #fafafa;box-sizing: border-box;text-align: center;/* height: 413px; *//* display: flex; */position: relative;overflow: hidden;float: left;}
.li-gp:nth-child(3n+1) {margin-left:0;}
.li-gp:nth-child(n+4) {margin-top:20px;}
.img-gp {display: block;height:150px;margin-bottom: 15px;transition: 0.5s;}
.img-gp img {margin:auto;display:inline-block;max-width: 100%;max-height: 100%;}
.info-gp {overflow:hidden;margin:auto;padding: 30px 15px;/* transition: 0.5s; *//* height: 353px; */opacity: 1;}
.name-gp {font-size:20px;color:#343434;font-weight:bold;margin-bottom: 10px;}
.des-gp {font-size:17px;height: 92px;overflow: hidden;}
.detail-gp {text-align:center;overflow: hidden;display: block;margin-top: 15px;}
.hidden-gp .detail-gp {margin-top:40px}
.detail-gp a {margin:auto;text-transform:uppercase;border-top: 1px solid #e8e8e8;background-color: #fafafa;padding: 10px 15px;display: inline-block;}
.hidden-gp {position:absolute;opacity: 0;left: 0;bottom: -100%;right: 0;height: 100%;/* background-color: #00a1e4; */display: flex;overflow: hidden;transition: 0.5s;}
.li-gp:hover .info-gp {opacity:0}
.flex-hid {margin: auto;display:block;overflow:hidden;transition: 0.5s;padding: 30px 15px;/* margin-bottom: -100%; */box-sizing: border-box;width: 100%;}
.li-gp:hover .hidden-gp {opacity:1;background-color: #00a1e4;bottom:0}
.li-gp:hover .flex-hid {}
.li-gp:hover .img-gp {}
.li-gp:hover {background-color:#00a1e4;background-image:url('/Design/bg-gp.png')}
.li-gp:hover .name-gp {color:#fff}
.li-gp:hover .des-gp {color:#fff}
.li-gp:hover .detail-gp { }
.li-gp:hover .detail-gp a {color:#fff;border-color:#f8f8f8;background-color:#33b4e9} 



.article-about .item{width:24%;float:left;margin-right:1.3333%;}.article-about .item:nth-child(4n+4){margin-right:0;}.article-about .item:nth-child(n+5){margin-top:20px;}
.article-about .postImg{height:200px;}.article-about h4{font-size:18px;color:#f26522;margin-top:10px;font-weight:bold;}.article-about .desc{margin-top:10px;}.article-about h4:hover{color:#00a1dc;}
.lydo-default{/* background:#00a1dc; */margin-top: 0;padding: 0;width: 40%;position: relative;z-index: 2;}
.title-lydo{font-size:25px;text-transform:uppercase;color: #00a1dc;/* border-bottom:1px solid #fff; */display:inline-block;padding-bottom: 10px;font-weight: bold;}
.title-lydo:after {content:"";width:120px;height: 3px;background-color:#fff;display:block;margin-top: 10px;}
.lydo-default .text{font-size:17px;color:#fff;max-width:900px;text-align:justify;float:left;margin-top:15px;}.lydo-default .contain a{font-family:segoe ui;font-weight:500;color:#f26522;}
.lydo-default .link {font-size:15px;float: left;margin-top: 15px;}
.lydo-default .link a{display: inline-block;color: #f26522;background: #fff;padding:10px 25px;border:1px solid #fff;border-radius:4px;text-transform:uppercase;font-size: 13px;}.lydo-default .link a:hover{background:#008dc1}
.lydo-default .link a:hover {color:#fff;}
.khachhang-default{padding: 50px 0;}.khachhang-default .description{max-width:950px;}
.title-khachhang{font-size:30px;font-family: muli;color: #00a1dc;text-transform:uppercase;text-align:center;font-weight: bold;position: relative;}
.title-khachhang:after {content:"";width:118px;height:12px;background-image:url('/Design/tit.png');display: block;margin: auto;}
.list-khachhang {overflow:hidden;}
.list-khachhang .item{width: 23.8%;float:left;margin-right: 1.5%;}.list-khachhang .item:nth-child(4n+4){margin-right:0;}.list-khachhang .item:nth-child(n+5){margin-top: 24px;}
.list-khachhang .postImg{height: 186px;border: 1px solid rgb(204 236 250 / 0%);border-radius: 8px;overflow: hidden;}.list-khachhang h4{color: #4b4b4b;font-size: 17px;margin-top:10px;display:flex;height: 23px;font-weight: normal;overflow: hidden;}.list-khachhang h4 span{display:block;margin:auto;text-align:left;width:100%;margin-top: 0;}
.list-khachhang .item:hover .postImg {border-color:#ccecfa}
.khachhang-default .link {font-size:13px;margin-top:20px;text-align:center;}.list-khachhang .item:hover h4 {color:#00a1dc;}
.khachhang-default .link a{display:block;color: #f26522;/* background:#00a1dc; */padding:8px 25px;border: 1px solid #f26522;border-radius:4px;text-transform:uppercase;display:inline-block;}.khachhang-default .link a:hover{background:#f26522;}
.khachhang-default .link a:hover {color:#fff}
/*article default*/
.title-cat{font-size:20px;text-transform:uppercase;color:#00a1dc;font-weight:500;font-family:segoe ui;border-bottom:1px solid #f26522;padding-bottom:10px;padding-left:25px;position:relative}
.title-cat:before{content:"";height:55%;border-left:3px solid #00a1dc;left:0;position:absolute;top:15%;}
.title-product{font-size:40px;font-family: muli;color:#00a1dc;text-align:center;font-weight:normal;}
.product-page .detail{max-width:1000px;margin:auto;font-size:18px;/* text-align:center; */}
.product-page .detail.muli *{font-family:muli !important;}
.product-page .link{text-align:center;color:#6b6b6b;font-family: muli;font-size:23px;margin-top:30px;}.product-page .link a{color:#f26522;text-decoration:none;}.product-page .link a:hover{color:#00a1dc;}
.article-default{padding-top:50px;padding-bottom:30px;background-color: #f6f6f6;}.article-default .container{overflow:hidden;}
.feature-category {width:32%;float:left;margin-right:2%}
.article-default .title-khachhang {/* margin-bottom:30px; */}
.feature-category:nth-child(n+3){margin-top:20px;}
.feature-category .postImg{height:240px;border-top-left-radius:5px;border-top-right-radius:5px;}
.feature-category .text{border:1px solid #e0e0e0;border-top:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:15px 10px;background:#fff;}
.feature-category h4{color:#00a1dc;font-weight:bold;font-size:17px;height:48px;overflow:hidden;}
.feature-category h4:hover{color:#f26522}.feature-category .desc{margin-top:10px;}
.feature-category:hover .text{border-color:#00a1dc;}
.nth-feature{width:32%;float:right;overflow:hidden;}
.nth-feature .item{overflow:hidden;}
.nth-feature .item+.item{margin-top:13px;}
.nth-feature .item .postImg{height:75px;width:30%;float:left;}.nth-feature .item .postImg a:before{display:block;width:100%;height:100%;outline:2px solid #00a1dc;outline-offset:-2px;position:absolute;z-index:2;}
.nth-feature .item:hover .postImg a:before{content:"";}
.nth-feature .item .text{float:right;width:67%;}
.nth-feature .item h4{font-size:14px;color:#4f4f4f;height:42px;overflow:hidden;}
.nth-feature .item h4:hover{color:#f26522;}
.nth-feature .link{text-align:right;font-size:14px;color:#e90000;margin-top:5px;}
.nth-feature .link a:after{content:"\f101";font-family: fontawesome;display:inline-block;width:14px;}
.nth-feature .link:hover{color:#000}
.article-default .link {font-size:13px;margin-top:20px;text-align:center;}.list-khachhang h4:hover{color:#00a1dc;}
.article-default .link a{display:block;color: #00a1dc;/* background: #fff; */padding:8px 25px;border: 1px solid #00a1dc;border-radius:4px;text-transform:uppercase;display:inline-block;}.khachhang-default .link a:hover{background:#f26522;}
.article-default .link a:hover {color:#fff;background-color:#00a1dc}


/*Bieu do*/
.bieudo {display:block;overflow:hidden;background-image:url('/Design/bg-bieudo.jpg');background-size:cover;position: relative;padding: 93px 0 178px;background-position: center;margin: auto;max-width: 1349px;}
.char {position:absolute;left: 15px;top: 30px;bottom: 15px;right: 15px;z-index: 1;height: 520px;}
.char ul {position:relative;padding: 0;margin:auto;list-style:none;height: 100%;}
.char li {float:left;position: absolute;opacity: 0;}
.char span {font-family:muli;font-size: 26px;color:#fff;}
.char img {display:block;margin: auto;animation: MapMaker 1s linear infinite;}
.yt {position:relative;}
.year2008{left:0;bottom:0;} 
.year2009{left: calc((100% / 13) * 1);bottom: calc((100% / 25) * 1)} 
.year2010{left: calc((100% / 13) * 2);bottom: calc((100% / 25) * 2)} 
.year2011{left: calc((100% / 13) * 3);bottom: calc((100% / 25) * 3)}
.year2012{left: calc((100% / 13) * 4);bottom: calc((100% / 25) * 4)} 
.year2013{left: calc((100% / 13) * 5);bottom: calc((100% / 25) * 5)}
.year2014{left: calc((100% / 13) * 6);bottom: calc((100% / 25) * 6)} 
.year2015{left: calc((100% / 13) * 7);bottom: calc((100% / 23) * 7)}
.year2016{left: calc((100% / 13) * 8);bottom: calc((100% / 21) * 8)} 
.year2017{left: calc((100% / 13) * 9);bottom: calc((100% / 19) * 9)} 
.year2018{left: calc((100% / 13) * 10);bottom: calc((100% / 17) * 10)} 
.year2019{left: calc((100% / 13) * 11);bottom: calc((100% / 14) * 11)} 
.year2020{right:0;top:0;}
.yl {position:relative;width: 70px;text-align: center;}
.char li:after {content:"";width: 100%;position:absolute;left: 46px;height:1px;background-color:#fff;top: 46px;transform: rotate(-15deg);}
.char li:last-child:after {display:none}
.char li.year2008:after {left: 47px;top: 37px;transform: rotate(-15deg);}
.char li.year2009:after {left: 48px;top: 38px;transform: rotate(-11deg);}
.char li.year2010:after {left: 48px;top: 37px;transform: rotate(-14deg);}
.char li.year2011:after {left: 46px;top: 36px;transform: rotate(-9deg);}
.char li.year2012:after {left: 48px;top: 37px;transform: rotate(-8deg);}
.char li.year2013:after {left: 48px;top: 36px;transform: rotate(-15deg);}
.char li.year2014:after {left: 47px;top: 34px;transform: rotate(-17deg);width: 104%;}
.char li.year2015:after {left: 46px;top: 29px;transform: rotate(-21deg);width: 111%;}
.char li.year2016:after {left: 42px;top: 23px;transform: rotate(-26deg);width: 115%;}
.char li.year2017:after {left: 39px;top: 22px;transform: rotate(-31deg);width: 123%;}
.char li.year2018:after {left: 28px;top: -1px;transform: rotate(-45deg);width: 162%;}
.char li.year2019:after {left: 41px;top: 23px;transform: rotate(-23deg);width: 151%;}
.char li.year2020:after {left: 46px;top: 46px;transform: rotate(-15deg);}






/*footer*/
footer .middle{background: #00a1dc;padding: 50px 0;padding-bottom: 5px;background-image: url('/Design/bg-ft.png');}
footer .middle .title{font-size: 14px;color:#fff;border: 1px solid #fff;padding-bottom:5px;text-transform:uppercase;display: inline-block;padding: 5px 15px;border-radius: 4px;font-weight: bold;}
.menu-footer ul{margin-top: 10px;}.menu-footer {margin-left:100px;}
.menu-footer li{font-size:15px;color:#fff;padding-left:20px;position:relative;line-height:1.6;}
.menu-footer li:hover {color:#7bdcff}
.menu-footer li:before{content:"";position:absolute;border:5px solid transparent;border-left-color:#fff;left:5px;top: 7px;}
.menu-footer li:hover:before {border-left-color:#7bdcff}
footer .infocompany p{position:relative;padding-left:25px;line-height:1.6}
footer .infocompany p:before{content:"\f1ad";font-family:fontawesome;position:absolute;left:0;top:2px;font-size:14px;}
footer .infocompany p:nth-of-type(2):before{content:"\f015"}
footer .infocompany p:nth-of-type(3):before{content:"\f095"}
footer .infocompany p:nth-of-type(4):before{content:"\f0ac"}
footer .infocompany p:nth-of-type(5):before{content:"\f02a"}
footer .infocompany p:nth-of-type(6):before{content:"\f0ac"}
footer .infocompany{color:#fff;font-family:hongha;margin-left:20px;}footer .logo-footer{display:none;}
footer .infocompany h3{font-family:honghaB;color:#fff;text-transform:uppercase;margin:8px 0;font-size:22px;}
.logo-footer{float:left;height:60px;} footer .foot{padding-top:15px;padding-bottom:12px;background: #f7f7f7;border-top:1px solid #11bfff;color: #727272;font-size:14px;border-bottom: 5px solid #f26522;}
footer .foot .left a{font-weight:bold;font-family:segoe ui;color:#f26522;}
footer .foot .left a:hover{color:#ee0a0a;}
footer .statics{color: #000;}footer .statics:before{content:"\f080";font-family:fontawesome;}
a.tfooter{color:#028ec1;}a.tfooter:hover{color:#028ec1;}
.social-footer {float:right;margin-top:10px;}
.social-footer a{display:inline-block;width:40px;text-align:center;padding-top:8px;padding-bottom:6px;color:#f26522;font-size:18px;border-radius:100%;background:#fff;}
.social-footer a:hover{color:#00a1dc;border-color:#00a1dc;}
.parner-boxes{position:relative;overflow:hidden;padding:15px 0;background:#fff;}
.parner-boxes .container{position:relative;z-index:1;border-right:1px solid #e8e8e8;box-sizing:border-box;}
.parner-boxes .overHide{hposition:relative;}
.logo-over{overflow:hidden;position:relative;height:60px;z-index:1;}
.logo-item{float:left;height:100%;text-align:center;width:180px;text-align:center;border-left:1px solid #e8e8e8;text-align:center;}
.logo-item img{max-height:100%;max-width:90%;}
.show-support-online{display:none;}
.title-post{font-size:26px;color:#008dc1;border-bottom:1px solid #008dc1;padding-bottom:10px;margin:0;}
.col-side{width:27%;float:right;}.col-section{width:70%;float:left;}
.box-support{padding-top:7px;}
.box-side+.box-side{margin-top:30px;}.box-side .contain{margin-top:15px;}
.title-support{font-size:20px;text-transform:uppercase;color:#f26522;font-weight:500;font-family:segoe ui;padding-bottom:10px;border-bottom:1px solid #f26522;text-align:center;}
.title-side{font-size:20px;text-transform:uppercase;color:#fff;padding-bottom:6px;padding-top:8px;padding-left: 0;background:#00a1dc;position:relative;border-top-left-radius:3px;border-top-right-radius:3px;text-align: center;}
.title-side:before{/* content:""; */width:25px;height:25px;position:absolute;background:url(/design/logo-design.png);background-size:100% 100%;left:12px;;}
.box-support .contain{background:#f7f7f7;margin:0;padding:20px 20px;}
.list-support .ten-hotro{font-size:18px;color:#00a1dc;line-height:1.1;font-weight:500;font-family:segoe ui;}
.list-support .phone-number{font-size:15px;margin-top:5px;color:#e50000}
.list-support .phone-number:before{width:15px;height:15px;background:url(/Design/phone-small.png);content:"";margin-right:2px;display:inline-block;position:relative;top:3px;}
.list-support .email{font-size:15px;color:#3f3f3f;}
.list-support .mail:before{width:15px;height:15px;background:url(/Design/email-small.png) no-repeat center;margin-right:2px;content:"";display:inline-block;position:relative;top:3px;content:""}
.list-support .item{position:relative;padding-left:72px;padding-bottom:10px;border-bottom:1px solid #e1e1e1;height:70px;}
.list-support .item .name,.list-support .item .mail{font-size:14px;color:#00a1dc;}.list-support .item .name{color:#3f3f3f}
.list-support .item:last-child{border:0;}
.list-support .item+.item{margin-top:10px;}
.list-support .item:before{content:"";position:absolute;height:61px;width:56px;background: url(/Design/icon-sp.png) center no-repeat;background-size: 38px;font-size:20px;left:0;top:4px;border: 1px solid #0067b942;background-color:#f2f2f2;border-radius:4px;}
.list-support .item:nth-child(2):before{/* background:url(/Design/icon-hotline2.png) center no-repeat; *//* background-color:#f2f2f2; */}
.menu-ul li{padding:8px;color:#00a1dc;list-style:disc;margin-left:20px;}.menu-ul li+li{border-top:1px dashed #d1d1d1;}.menu-ul li:hover{color:#f26522;}
.products-side .contain{margin:0;padding:15px 10px;border:1px solid #e1e1e1;border-top:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.products-side .product{overflow:hidden;border-bottom:1px dashed #e1e1e1;padding-bottom: 0;}.products-side .product+.product{/* margin-top:10px; */}
.products-side .product .img{width: 100%;float:left;height: 100px;text-align:center;overflow:hidden;}.products-side .product .text{width: 100%;float:right;color:#3f3f3f;text-align: center;margin-top: 8px;line-height: normal;}
.products-side .product .img img {display:block;object-fit: cover;width: 100%;}
.products-side .product h4{font-size:15px;font-weight:normal;font-family:muli;margin-bottom: 10px;color:#f26522;/* height: 41px; */overflow: hidden;}.products-side .product .price-new{font-size:15px;font-weight:500;font-family:segoe ui;color:#e50000;}
.products-side .product h4:hover{color:#00a1dc;}
.products-side .product .text a {display:block;margin: 0;line-height: normal;}
.products-side .link {text-align:center;margin-top:10px;font-size:13px;text-transform:uppercase;color:#fff;} .products-side .link a{background:#00a1dc;display:inline-block;padding:7px 20px;border-radius:3px;}
.products-side .link a:hover{background:#f26522;}
.products-side .products-ul {display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 10px;
    row-gap: 9px;} 
/*category page*/
.list-article-category .item{float:left;width:32%;overflow:hidden;margin-right:2%;}
.list-article-category .item:nth-child(3n+3){margin-right:0;}
.list-article-category .item:nth-child(n+4){margin-top:30px;}
.list-article-category .item .postImg{height:220px;border-radius:5px;/* border: 1px solid rgb(204 236 250 / 0%); */}
.list-article-category .item:hover .postImg {/* border-color:#ccecfa; */}

.list-article-category .postImg:before{content:"";position:absolute;width:100%;height:100%;background:url(/Design/bg-products.png) center;z-index:2;opacity:0;transition:opacity .5s;}
.list-article-category .postImg:after{
            content:"\f002";
            font-family:fontawesome;
            color:#fff;
            position:absolute;
            z-index:5;
            font-size:30px;
            padding:4px 0;
            width:50px;
            border:1px solid #fff;
            border-radius:100%;
            text-align:center;
            left:0;
            right:0;
            margin:auto;
            top:35%;
            transform:translateX(500px);
            transition:transform .2s;
            display: none;
            }
.list-article-category .postImg:hover:before{opacity:1;}
.list-article-category .postImg:hover:after{transform:translateX(0);}
.list-article-category .item h4{margin:10px 0;color:#00a1dc;font-size:17px;height:46px;overflow:hidden;font-weight:normal;}
.list-article-category .item .desc{border-top:1px solid #e1e1e1;padding-top:10px;}
.list-article-category .item:hover h4,.nth-article h4:hover{color:#fd6f07;}
.title-detail{font-size:23px;font-family:avo;font-weight:normal;color:#00a1dc;text-transform:uppercase;padding-left:35px;position:relative;border-bottom:1px solid #1e1e1e;padding-bottom:10px;}
.title-detail:before{content:"";position:absolute;height:25px;border-left:3px solid #00a1dc;left:0;top:15%;}
.list-same-post {overflow:hidden;}
.list-same-post .item{width:32%;margin-right:2%;float:left;overflow:hidden}
.list-same-post .item:nth-child(3n+3){margin-right:0}
.list-same-post .item:nth-child(n+4){margin-top:20px;}
.list-same-post .postImg{height:180px;overflow:hidden;}
.list-same-post h4{color:#00a1dc;font-size:16px;font-weight:normal;height:48px;margin-top:6px;overflow:hidden;}
.list-same-post h4:hover{color:#1e1e1e}
.list-same-post .item .desc{font-family:segoe ui;}
.about-side .title-side{background:#f26522;padding-bottom:10px;padding-top:10px;padding-left:20px;color:#fff;}
.about-side .contain{background:#00a1dc;margin:0;}
.list-content {margin-bottom:10px;}
.list-content > li{border-bottom:1px solid #ddd;cursor:pointer;}
.list-content .article-item{padding:15px 0;}
.list-content .menu-item{position:relative;color:#fff;font-size:14px;padding-left:40px;transition:text-indent .5s}
.list-content .menu-item:before{content:"";width:5px;height:5px;background:#fff;position:absolute;left:20px;top:45%;border-radius:100%;}
.list-content .menu-item > a{display:block;padding:10px 0;}
.list-content .menu-item.active,.col-side .list-content .menu-item:hover{color:#f7981d;text-indent:10px;}
.list-content .menu-item:after{content:"";width:6px;height:12px;position:absolute;right:10px;top:20px}
.list-content .menu-item.active:after{background:url(/Design/icon-menu-active.png);}
.list-content .sub-menu {background-color:#f1f1f1;padding:20px;display:none;}
.list-content .menu-item.active .sub-menu {display:block;}
.list-content .sub-menu li{font-weight:normal;color:#212121;text-transform:none;padding-left:30px;position:relative;font-size:15px;}
.list-content .sub-menu li:before{content:"";width:12px;height:12px;background:url(/Design/icon.png);background-size:100% 100%;position:absolute;left:5px;top:8px;border-radius:100%;}
.list-content .sub-menu li:hover{color:#0171bb;}
.list-content .sub-menu li a{display:block;padding:4px 0;}
.wrap{
	position:fixed;
	width:300px;
	height: 400px;
	z-index:9999999;
	right:0px;
	bottom:0px;
	display: none;
}
.x{
	font-family: arial, helvetica;
	background: rgba(78,86,101,0.8) none repeat scroll 0 0;
	font-size:14px;
	font-weight:bold;
	color: #fff;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 0;
	text-align: center;
	top: -19px;
	width: 25px;
	z-index: 99999999;

}
.x:hover{
	cursor: pointer;

}




.wrap1{
	position:fixed;
	width:300px;
	height: 400px;
	z-index:9999999;
	right:0px;
	bottom: 69px;
	display: none;
}
.x1{
	font-family: arial, helvetica;
	background: rgba(78,86,101,0.8) none repeat scroll 0 0;
	font-size:14px;
	font-weight:bold;
	color: #fff;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 0;
	text-align: center;
	top: -19px;
	width: 25px;
	z-index: 99999999;

}
.x1:hover{
	cursor: pointer;

}







.pxem{
	text-align:left;
	height:20px;
	margin-bottom: 0;
	margin-top: 0;
	background: #00a1dc;
	width:100%;
	bottom: 0;
	display: block;
	left: 0px;
	position: absolute;
	z-index: 999999999;
	border-left: 1px solid #fff;
}
.pxem a.axem{
	color: #fff;
	font-family: arial,helvetica;
	font-size: 12px;
	line-height: 23px;
	padding-left: 5px;
	text-decoration: none;

}
.pxem a.axem:hover{
	text-decoration: underline;

}
.alogo{
	position: absolute;
	bottom: 0;
	right: 0px;
	z-index: 999999999999;
	width: 40px;
	height: 20px;
	display: inline-block;
	background:#d21007;
	padding-right: 0px;
	padding-left: 5px

}
.mnv-tuvan{
	position:fixed;
	width: 300px;
	background: #d21007;
	z-index:99999;
	right:0px;
	bottom:0px;  
	border-style: solid solid none;
	border-width: 1px 1px 0; 
	border-color: #fff

}
.mnv-tuvan p{
	color: #fff;
	font-size: 15px;
	margin: 0;
	padding: 0 13px; 
	text-align: left;

}
.mnv-tuvan p a{
	color: #fff;
	font-size: 15px;
	padding: 5px 0px 7px;
	margin: 0;
	display:inline-block;
	font-family: arial, helvetica;
	text-decoration: none;

}
 
  .w-bocongthuong {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 45%;
}

.right.register {
    position: relative;
    padding-bottom: 84px;
}

.w-bocongthuong a img {
    width: 100%;
    height: auto;
}
.mnv-tuvan p a:hover{
	text-decoration: underline;
	cursor: pointer;

}
.mnv-tuvan p img {float: right;margin-top: 10px;} 
@media only screen
  and (max-width :1279px){
  	.middle-header .logo{width:280px;height:48px;}
  	.middle-header .hotline{margin-top:7px;}.check-domain .txt, .check-domain .ddl{padding: 3px 10px;}
  	.menu_main > li{font-size:13px;}.menu_main > li > a{padding:10px 18px;}
  	.lydo-default .text{max-width:730px;}
  	.social-footer{display:none;}
  	.menu-footer{margin-left:70px;}
  	#slideshow{height: 427px;}
  	#slideshowimg{height:453px;}
  }
 @media only screen
  and (max-width :1023px){  
  .w-bocongthuong {
    position: absolute;
    bottom: 10px;
    right: 0;
	left:0;
    width: 45%;
	margin:auto;
}
  .col-side{display:none;}.col-section{width:100%;float:none;}	
  	.mobile{display:block;overflow:hidden;width:100%;margin:auto;background:#00a1dc;box-sizing:border-box;z-index:9!important;}
  	#ShowMenu{display:inline-block;position:relative;padding:17px 0;padding-left:40px;font-size:15px;text-transform:uppercase;color:#fff;margin-left:20px;font-family:segoe ui;font-weight:500;}
  	.hotline-mobile{display:inline-block;font-size:15px;float:right;margin-right:15px;position:relative;top:16px;color:#fff;font-weight:bold;font-family:segoe ui;font-weight:500;}
  	.hotline-mobile a{color:#fff;text-decoration:none;font-weight:500;font-family:segoe ui;}
	#ShowMenu:before{content:"\f0c9";font-family:fontawesome;color:#fff;font-size:25px;border:1px solid #fff;padding:2px 5px 2px 5px;position:absolute;left:-2px;top:10px;border-radius:4px;}
	#ShowMenu .logo{position:absolute;left:0;right:0;text-align:center;width:70px;height:50px;top:15px;margin-left:20px;}
	#ShowMenu .logo img{width:100%;height:100%;}
	#ShowMenu.close:before{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;z-index:8;top:0;border:0;left:0;content:"";}
	.middle-header .container{/* z-index:99; */}
	nav {position:fixed;z-index:999;top:0;background-color:#00a1dc;width:250px;height:100%;display:none;padding-top: 0px !important;left:0;}
	.menu_main > .home > a{text-indent:0;width:100%;box-sizing:border-box;padding: 12px 0 !important;}.menu_main > .home i{left:0;right:auto;top:2px;display: none;}
	.menu_main > li > a{color:#fff;padding-left:25px !important;}.menusub li{background:#028ec1}
	nav .logo,nav .menu_main {float:none;position:static;}nav .logo{margin:auto;}
	nav .map{display:none;}
	nav .menu_main {margin-top:0;height:auto;border:0;}
	.menu_main > li{float:none;text-align:left;padding-left:20px;padding-bottom:0;padding-left:0;font-size:14px;display:block;}	
	.menu_main > li{border-bottom: 1px solid #ffffffb5;text-align: center;}
	.menu_main > li > a{padding: 12px 0 !important;font-weight:normal;font-family:muli;padding-left:20px;}
	.menu_main li a:after{display:none;}
	.menu_main li a:before{display:none;}
	.menu_main .menusub{position:relative;margin:0 10px;display:none;}
	.menusub li,.menusub li a{float:none;color:#fff;}	
	.showMenu{float:left;margin-left:20px;color:#008dc1;position:relative;padding-left:30px;margin-top:10px;padding-top:5px;text-transform:uppercase;}
	.showMenu:before{font-family:fontawesome;content:"\f0c9";font-size:30px;position:absolute;left:0;top:0;color:#3f3f3f}
	.showMenu.close{position:fixed;width:100%;height:100%;z-index:9;background-color:rgba(0,0,0,.7);margin:0;padding:0;top:0;left:0;}
	#slideshow{height: 375px;}#slideshowimg{height:303px;}
	.article-about .item,.article-about .item:nth-child(4n+4){width:32%;margin-right:2%;}.article-about .item:nth-child(3n+3){margin-right:0;}.article-about .item:nth-child(n+4){margin-top:20px;}
	.article-about .postImg{height:150px;}
	.lydo-default .text{width:100%;float:none;}.lydo-default .link{float:none;margin-top:30px;}
	.list-khachhang .postImg{height:180px;}.feature-category{width:49%;margin-right:2%}.feature-category:nth-child(2){margin-right:0;}
	.nth-feature{width:100%;margin-top:20px;}.nth-feature .item .postImg{height:120px;}footer .register,.menu-tiep .no{display:none;}
	.middle-header .hotline{position:fixed;bottom:-500px;z-index:5;background:#f1f8fb;padding:15px 25px;border-top-left-radius:5px;border-top-right-radius:5px;left:10px;transition:bottom .5s;border:1px solid #00a1dc;border-bottom:0;}.middle-header .hotline a:after{display:none;}
	.middle-header .hotline.show{bottom:0;}.middle-header .hotline i{position:absolute;top:-5px;right:-5px;background:#ea0c0c;color:#fff;font-style:normal;border-radius:100%;width:22px;height:22px;line-height:1.6;text-align:center;font-size:13px;box-sizing:border-box;}.middle-header .hotline i:before{content:"\f00d";font-family:fontawesome;}
	.middle-header .hotline a,.middle-header .hotline strong{display:block;}.middle-header .hotline a{color:#ea0c0c;margin-bottom:15px;font-size:15px;padding-left:20px;position:relative;margin-top:5px;}.middle-header .hotline strong{font-size:15px;color:#00a1dc;}.middle-header .hotline a:before{content:"\f095";font-family:fontawesome;position:absolute;left:0;}
	.article-default{/* padding-bottom:0; */}footer .statics{display:none;}
	.show-support-online{position:fixed;color:#ea0c0c;border:1px solid #ea0c0c;width:60px;z-index:8;background:#fff;display:block;
         text-align:center;border-radius:100%;height:60px;left:15px;bottom:25px;box-sizing:border-box;font-size:30px;line-height:1.9;}
	.show-support-online i{animation:phone-icon 3s infinite;}        
	.show-support-online:before{animation:phone-inner 3s infinite;top: 0;left: 0;width:100%;height:100%;background-color: rgba(220, 9, 9,.6);border-radius: 100%;
				position:absolute;content:""; }
	.show-support-online:after{top: 0;left: 0;width: 100%;height:100%;background-color: #dc0909;border-radius: 100%;position:absolute;
		content:"";animation: phone-outer 3s infinite 1.5s;z-index:1;}   
	.middle-header .logo {width: 280px;height: 48px;}
  }  
 @media only screen
  and (max-width :767px){ 
	 	#slideshow{height:267px }
 }
 @media only screen
  and (max-width :467px){
  	#slideshow{display:none;}#slideshowimg{height:153px;}
  	.menu-footer{display:none;}
  	.article-about .postImg{height:220px;}
  	.article-about .item, .article-about .item:nth-child(4n+4),.article-about .item, .article-about .item:nth-child(3n+3){width:100%;margin-right:0;}
	.article-about .item:nth-child(2n+2){margin-right:0}.article-about .item:nth-child(n+2){margin-top:20px;}
	.lydo-default .text,.lydo-default .link a{font-size:14px;}.lydo-default .link{margin-top:15px;}
	.list-khachhang .item,.list-khachhang .item:nth-child(3n+3){width:100%;}.list-khachhang .item:nth-child(n+2){margin-top:20px;}
	.feature-category{width:100%;float:none;}.feature-category:nth-child(2){margin-top:20px;}.nth-feature .item .postImg{height:79px;}
	footer .infocompany p:before{display:none;}footer .infocompany p{padding-left:0;}
	.check-domain span{display:none;}.middle-header .logo,.middle-header .right,.middle-header .check-domain{float:none;text-align:left;}.middle-header .check-domain{margin-top:15px;display:none;}
	.title-detail{font-size:16px;}
	.list-article-category .item,.list-article-category .item:nth-child(3n+3){width:48%;margin-right:0;}
	.list-article-category .item:nth-child(2n+2){float:right;}.list-article-category .item:nth-child(n+3){margin-top:20px;}
	.list-article-category .item .postImg{height:150px;}
	.info_contain,.slider_contain{width:100%;float:none;}.slider_contain{margin-top:20px;}
	.info_contain .description,.info_contain .left-content{width:100%;float:none;}.info_contain .left-content{margin-top:20px;}
	.slider_contain .productPhotos{height:250px;}
	.title-cat{font-size:18px;}
	.list-same-post .desc{display:none;}.list-same-post .postImg{height:100px;}
	#ShowMenu{padding-top:13px;padding-bottom:13px;}#ShowMenu:before{top:9px;font-size:22px;}.hotline-mobile{top:12px;}
	.title-product{font-size:25px;margin:0;}
	.main-content{margin-top:30px;}
	.product-page .detail{font-size:15px;}.product-page .link{font-size:16px;}
	.show-support-online{bottom:10px;}.cd-top{bottom:15px;}	
	footer .logo-footer,.article-default{display:none;}footer .infocompany{margin-top:0;margin-left:0;font-size:15px;padding:0 4%;}
	footer .infocompany h3{font-size:17px;}.title-post{font-size:20px;}
	.middle-header .logo{margin:auto;}header .right{width:330px;margin:auto;}
	.list-same-post .item,.list-same-post .item:nth-child(3n+3){width:49%;}.list-same-post .item:nth-child(2n+2){margin-right:0;}
	.list-same-post .item:nth-child(n+3){margin-top:20px;}.wrap,.mnv-tuvan{display:none;}
  }  

.fix-bot {display:none}
 @media only screen
  and (max-width :767px){
  .fix-bot {position:fixed;background-color:#00a1dc;bottom:0;left:0;right:0;text-align: center;overflow: hidden;z-index: 9998;border-top: 2px solid #fff;display: block;}
  .fix-bot a {display:inline-block;width: 25%;box-sizing: border-box;float: left;cursor: pointer;text-decoration: none;padding: 6px 0;}
   .fix-bot a:nth-child(1) {width:22%;}
   .fix-bot a:nth-child(2) {width:23%;}
   .fix-bot a:nth-child(3) {width:30%;}
   .fix-bot a:nth-child(4) {width:25%;}
   .fix-bot img {display:inline-block;margin-bottom: 1px;height: 22px;}
    .fix-bot p {margin:auto;display:block;text-align:center;color:#fff;text-decoration:none;font-weight: bold;font-size:15px;}
    .fix-bot a:nth-child(n+2) {border-left: 2px solid #fff;}
    .mnv-tuvan {display:none !important}
    .show-support-online {display:none !important}
    footer .foot {margin-bottom: 60px;}
    header {z-index:99999;position:relative}
  }