@keyframes zoomInLink {
    0%   {transform: scale(0);visibility:hidden;}     
    25%   {transform: scale(0);visibility:visible;}     
    100% {transform: scale(1);visibility:visible;}
}
@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 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);
	}
}
@keyframes zoomSlide {
    0%   {transform: scale(1);}         
    100% {transform: scale(1.2);}
}
@keyframes zoomSlide1 {
    0%   {transform: scale(1.2);}         
    100% {transform: scale(1);}
}
@keyframes Continue {
    0%   {transform: translateY(10px);}         
    50%   {transform: translateY(0);}         
    100% {transform: translateY(10px);}
}
@keyframes zoomIn {
    0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		-ms-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}
	50% {
		opacity: 1;
	}
}
@font-face {font-family:muli;src: url(font/Muli-Light.TTF);}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@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); 
  }
}

input {outline:none;}
.mt10{margin-top:10px !important}.mt20{margin-top:20px !important}.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}.mt50{margin-top:50px !important}.mt60{margin-top:60px !important}
.mtb0{margin-bottom:10px}.mb20{margin-bottom:20px !important}.mb30{margin-bottom: 30px !important;}
.mtb0{margin-bottom:40px !important}.mb50{margin-bottom:50px !important}.mb60{margin-bottom:60px !important}
.pt10{padding-top:10px !important;}.pt20{padding-top:20px !important;}.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}.pt50{padding-top:50px !important;}.pt60{padding-top:60px !important;}
.pb10{padding-bottom:10px !important;}.pb20{padding-bottom:20px !important;}.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}.pb50{padding-bottom:50px !important;}.pb60{padding-bottom:60px !important;}
.banner-header{background: #fff;border-bottom: 1px solid #12629c;height: 156px;background-image: url('/Design/bg-head.png');background-size: cover;background-repeat: no-repeat;}
.banner-header .container {overflow:hidden;height: 100%;}
.banner-header .logo{position: relative;float: left;margin-top: 20px;max-width: 82px;}
.banner-header .logo a{position:relative;}
.banner-header .logo:before{height:92%;width:470%;content:"";position:absolute;background:url(/Design/bg-logo.png);top:-5px;left:-80%;background-size:100% 100%;display: none;}
.banner-header .logo .title{width:144px;height:28px;background:url(/Design/logo-1-1.png);content:"";position:absolute;left:0;top:100%;z-index:10;}
.banner-header .header-title{float:left;margin-top: 31px;font-size: 48px;color: #0d7ef8;text-transform: uppercase;margin-left: 20px;font-family: au;}	
.right-head {float:right;}
.email-top {float:left;font-size:15px;color:#000000;margin-top: 11px;margin-right: 12px;}
.email-top i {margin-right:5px;}
.email-top a {color:inherit;text-decoration: none;font-size: inherit;}
.banner-header .header-title span{font-size:32px;color:#0d7ef8;font-weight:500;font-family:segoe ui;display:inline-block;}		
.banner-header .header-title small{font-size:21px;color: #0d7ef8;font-weight:500;font-family:segoe ui;display:inline-block;margin-left:10px;}											
.banner-header .hotline {font-size: 22px;float:right;z-index:1;margin-top: 25px;position:relative;color: #e60a0a;padding-left: 12px;font-family: fur;}
.banner-header .hotline i{margin-right: 3px;color: #0d7ef8;transform: rotate(-41deg);font-size: 20px;}
.banner-header .hotline a{color: inherit;display: block;padding-left: 0;text-decoration: none;font-size: inherit;font-family: inherit;/* background: #fff; */padding: 5px 10px;margin-top: 5px;/* border: 1px solid #0d7ef8; */border-radius: 5px;background-image: url('/Design/support-top-call.png');padding-left: 74px;background-repeat: no-repeat;font-weight: bold;}
.banner-header .hotline a:first-child {margin-top:0}
.banner-header .hotline span {display:block;}
.slogan-top {
    float: left;
    margin-left: 100px;
    margin-top: 14px;
    line-height: 24px;
    width: 27%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.slogan-top ul {
    padding: 0;
    margin: auto;
}
.slogan-top li {
    list-style: none;
}
.slogan-top li:before {
    content: "\f058";
    font-family: fontawesome;
    }
.slogan-top * {
    color: #0d7ef8;
    font-size: 18px;
}

#slideshow{position: relative;height: auto !important;z-index:1;margin: auto;display: block;width: 100%;}
.swiper-slide img {width:100%;display:block;height: 100%;object-fit: cover;}

header{position:relative;}
.slideshow {position:relative;height:535px;width:100%;overflow:hidden;z-index:5;/* top:0; *//* left:0; */}
.slideshow img{width:100%;height:100%;position:absolute;top:0;}
.slideshow .photo{height: 100%;margin: 0;padding: 0;}
.slideshow .photo li{height: 100%;position:absolute;display:none;width:100%;top:0;left:0;}
.slideshow .photo li:nth-child(2n+1) img{transform:scale(1.2);animation:zoomSlide 10s linear}
.slideshow .photo li:nth-child(2n) img{transform:scale(1);animation:zoomSlide1 10s linear}
.slideshow .next{cursor:pointer;width:50px;height:50px;background-size:100% 100%;position:absolute;z-index: 8;bottom:50%;right:20px;opacity:.5}
.slideshow .prev{cursor:pointer;width:50px;height:50px;background-size:100% 100%;position:absolute;z-index: 8;bottom:50%;left:20px;opacity:.5}
.slideshow .prev:hover,.slideshow .next:hover{opacity:1;}
.slideshow .prev:before{content:"\f104";font-family:fontawesome;font-size:70px;color:#fff;}
.slideshow .next:before{content:"\f105";font-family:fontawesome;font-size:70px;color:#fff;}
.slideshow .caption-over{position:absolute;width:100%;height:100%;display:table;position:relative;z-index:5;} 
.slideshow .caption{margin:auto;transform:translateY(10%);display:table-cell;vertical-align:middle;text-align:center;color:#fff;}
.slideshow .caption h4{font-size:63px;text-transform:uppercase;}.slideshow .caption p{font-size:23px;margin-top:10px;}
.slideshow .caption a{background:#00aa00;padding:12px 35px;display:inline-block;color:#fff;border-radius:4px;text-transform:uppercase;margin-top:25px;font-weight:bold;box-sizing:border-box;}
.slideshow .caption a+a{margin-left:10px;border:2px solid #fff;background:transparent;}
.slideshow .caption a:hover{background:#e98727;}.slideshow .caption a+a:hover{border-color:#fff;color:#313131;background:#fff;}
.slideshow .caption .child{visibility:hidden;}
.slideshow svg{position:absolute;z-index:5;bottom:10px;left:49%;animation:Continue 1s infinite;}
header.small{height:480px;}
@media only screen
  and (max-width :1279px){
  	.slideshow{height:460px;}
  	header.small{height:380px;}
  }
@media only screen
  and (max-width :1023px){
  	.slideshow{height:390px;}header.small{height:260px;}
  	.slideshow .caption{margin-top:20px;}
  	.slideshow .caption h4{font-size:40px;}.slideshow .caption p{font-size:18px;}
  } 
@media only screen
  and (max-width :467px){
  	.slideshow .caption h4{font-size:16px;}
  	.slideshow .caption p{font-size:12px;}
  	.slideshow .caption a{font-size:12px;margin-top:10px;padding:4px 10px;}  	
  	.slideshow .prev,.slideshow .next{width:20px;height:20px;}
  	.slideshow{height:170px;}header.small{height:120px;}.slideshow .prev:before,.slideshow .next:before{font-size:40px;}
  }   
.container{max-width: 1200px;margin:auto;box-sizing:border-box;width:96%;}
.top-header{background:url(/Design/header.jpg) no-repeat top;background-size:100% auto}
.top-header .container{overflow:hidden}
.top-header .logo{float:left}
.top-header .textheader{float:left;font-size:40px;font-family:hongha;margin-left:20%;color:#0d7ef8;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff}
.top-header .phoneheader{float:right;color:red;margin-top:20px}
.top-header .phoneheader a{font-family:hongha;font-size:20px}
.top-header .phoneheader a:before{content:"\f095";font-family:fontawesome;margin-right:5px;animation:tada 1s infinite;display:inline-block;color:#333}
nav{position: absolute !important;z-index: 99999;height: 52px;font-family: fubo;left: 0;right: 0;bottom: -22px;}
nav .container{position:relative;height: 100%;background: #0d7ef8;border-radius: 5px;}
nav .logo{width:128px;height:58px;float:left;margin:auto;margin-top:8px;transition:all .5s;animation:zoomIn 1s;}
.logo a,.logo canvas,.logo img{margin:0 !important;padding:0!important;width:100% !important;height:100% !important;display:block;top:0;left:0;transition:all .5s;position:relative;z-index:1;}
.logo-mobile{display:none}
nav .menu_main{list-style: none;position: relative;float: left;height: 100%;margin-left: 20px;}
nav .menu-left{float:left;}nav .menu-right{float:right;/* margin-right:80px */}
nav .menu_main > li{float:left;text-transform:uppercase;font-family: 'fubo';height: 100%;background-image: url('/Design/li-menu.png');background-repeat: no-repeat;background-position: right 19px;}
nav .menu_main > li > a{display: block;position: relative;height: 100%;padding: 13px 23px;box-sizing: border-box;font-size: 16px;color: #ffffff;}nav.fixed-fixed .menu_main{/* float:left; */}
nav .menu_main > li a.active{}
nav .menu_main > li:last-child {background:none}

/*nav.fixed-fixed {height:43px;width:100%;}nav.fixed-fixed .menu_main > li{font-size:14px;}
nav.fixed-fixed .menu-left{margin-left:10px;}
nav.fixed-fixed .menu_main > li > a{padding:12px 20px;}
nav.fixed-fixed .logo{height:90px;width:130px;}
nav.fixed-fixed .hotline{top:80%;}nav.fixed-fixed .hotline a{box-shadow:0 0 3px rgba(0,0,0,.5);}*/
nav.fixed-fixed {width:100%;top:0;position: fixed !important;}
nav .menu_main > li:hover > a,nav .menu_main > li.active > a{color:#efd18b;}
nav .menu_main > li:hover span:before,nav .menu_main > li.active span:before{display:none;}
nav .menu_main > li.home > a span{padding-left:0;text-indent:-1000px;width: 45px;line-height: 23px;}
nav .menu_main > li.home > a i{font-size: 17px;text-align:center;font-weight:normal;text-indent:0;margin-right: 4px;}
nav .menu_main > li > a > span{display:block;position:relative;z-index:2;padding: 0 15px;height: 100%;box-sizing: border-box;}
.banner-header .right-content{float:right;}
.banner-header .dangtin,nav .dangtin{font-size:14px;font-family:segoe ui;font-weight:bold;text-align:right;float:right;margin-top:10px;}
.banner-header .dangtin a,nav .dangtin a{padding:7px 15px 7px 15px;background:#0d7ef8;color:#fff;border-radius:3px;position:relative;display:inline-block;text-transform:uppercase;}
.banner-header .dangtin i,nav .dangtin i{width:17px;height:17px;background:url(/Design/icon-pencil.png);display:inline-block;position:relative;top:2px;margin-right:5px;background-size:100% 100%;}
.banner-header .dangtin a:hover, nav .dangtin a:hover{background:#fff;color:#0d7ef8;}
nav .dangtin{display:none;}
nav.fixed-fixed .dangtin{display:block;float:right;margin-top:6px;}
nav .menusub{position:absolute;z-index:8;list-style: none;-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);-webkit-transform-origin: 50% 0;-webkit-transition:transform .5s;opacity:0;text-transform:none;width: 237px;padding-top: 10px;}
nav .menusubf1:before{content:"";position:absolute;left:20px;top: -10px;z-index:5;border: 10px solid transparent;border-bottom-color: #0d7ef8;}
nav .menusubf2{top:-1px;padding-top:0;left:100%;-webkit-transform: perspective(400) rotate3d(0,1,0,90deg);padding-left:5px;}
nav .menusubf2:before{content:"";position:absolute;top:10px;left:-5px;z-index:5;border:5px solid transparent;border-right-color:#009ee3}
nav .menusub li{position:relative;border-top: 1px solid #fff;transition:background .5s;}
nav .menusub > li:first-child {border:none}
nav li:hover > .menusub {transform:rotateX(0deg);opacity:1;}
nav .menusub li:hover a{background: #efd18b;color:#0d7ef8}
nav .menusub li > a:before{position: absolute;top: 50%;left: 13px;transform: translate(0, -50%);content:"\f356";font-family: fontawesome;font-size: 14px;}
nav .menusub li a{display: block;position: relative;padding:12px 15px;padding-left: 32px;background-color: #0d7ef8;color: #fff;font-size: 17px;}
nav .hotline{position:absolute;right:0;top:calc(100% + 10px);}
nav .hotline a{background:#fff;font-size:19px;font-weight:500;font-family:segoe ui;text-transform:uppercase;color:#0d7ef8;position:relative;padding:3px 25px 3px 35px;display:block;border-radius:20px;box-shadow: 1px 2px 5px #00000047;}
nav .hotline a:nth-child(n+2) {margin-top:5px;}
nav .hotline i{position:absolute;width:36px;height:36px;background:url(/Design/icon-phone1.png);left:-15px;top:-1px;animation:phone-icon 3s infinite;z-index:2;}
.nav-post {float:right;height: 100%;}
.nav-post a {
    background-image: url('/Design/bg-post.png?v=1');
    background-size: 100% 100%;
    font-size: 18px;
    color: #fae027;
    font-family: 'fur';
    text-transform: uppercase;
    padding: 12px 30px;
    padding-left: 60px;
    display: block;
    height: 100%;
    box-sizing: border-box;
}
.nav-post i {
    margin-right: 5px;
}
.search-article {
    float: right;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 8px;
    margin-left: 15px;
}
.txtkey {
    width: 203px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 6px 29px 6px 10px;
    font-size: 13px;
    box-sizing: border-box;
    color: #000;
}
.btnSearch {
    width: 29px;
    height: 29px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    z-index: 2;
    background: none;
    cursor: pointer;
}
.search-article:after {content:"\f002";font-family:fontawesome;position:absolute;right: 7px;top: 5px;z-index: 1;}
.booking-button{display:none;}
.search-box{position:absolute;width:100%;bottom:30px;left:0;z-index:6;}
.search-box .title-searchbox{text-align:center;margin-bottom:20px;text-shadow:2px 2px 3px rgba(0,0,0,0.4)}
.search-box .title-searchbox h3{font-size:42px;color:#fff;font-family:swiss;}
.search-box .title-searchbox h6{font-size:20px;color:#fff;font-weight:normal;}
.search-box .container{background: #0d7ef8ad;padding:15px 30px;border-radius:3px;overflow:hidden;}
.search-box .ddl,.search-box .txt,.search-box .btn{float:left;width:15.8%;margin-right:2%;box-sizing:border-box;padding:7px 10px;font-size:14px;border-radius:3px;color:#3f3f3f;display:block;}
.search-box .btn{float:right;margin-right:0;width:11%;background: #0d7ef8;color:#fff;cursor:pointer;text-align:center;text-transform:uppercase;font-size:14px;line-height:1;padding-top:8px;padding-bottom:6px;position:relative;text-indent:25px;border: 1px solid;}
.search-box .btn i{position:absolute;width:22px;height:22px;background:url(/Design/icon-search.png);left:15px;top:3px;}
footer {overflow: hidden;position: relative;}
footer .middle-footer{padding-bottom: 30px;padding-top: 30px;background-size: cover;background: #006de2;}
footer .middle-footer .col-1{width: 49%;float:left;}
footer .middle-footer .col-2{width: 14%;float:left;margin-left: 2%;}
footer .middle-footer .col-3{float:right;width: 31%;}
footer .fb-page {width: 100% !important;}
footer .fb-page iframe {width: 100% !important;}
footer .middle-footer .container,footer .sub-footer .container,footer .foot .container{position:relative;overflow:hidden;}
footer .middle-footer .logo-footer{height:84px;float:left;margin-top:10px;display:none;}
footer .middle-footer .logo-footer img{width:auto;height:100%;position:relative;z-index:1;}
footer .middle-footer .company-name{font-size:20px;padding-left:140px;color:#fff;margin-top:10px;}
footer .middle-footer .form-footer{overflow:hidden;margin-top:10px;}
footer .middle-footer .form-col{width:48%;float:left;}footer .middle-footer .form-col+.form-col{float:right;}
.form-footer .txt{width:100%;border:0;background:#3981da;display:block;padding:5px 10px;box-sizing:border-box;color:#fff;}
.form-footer .txt+.txt{margin-top:5px;}.form-footer .txtM{height:62px;}
.form-footer .txt::placeholder{color:#dedede;}
.form-footer .btn{margin-top:5px;padding:5px 10px 3px;text-transform:uppercase;background:#00aa00;color:#fff;}
.infocompany p{color:#3f3f3f;font-size:15px;line-height:2;color:#fff;}
.infocompany p:before{content:"\f1ad";font-family:fontawesome;color:#fff;border:1px solid #fff;border-radius:100%;width:25px;display:inline-block;height:25px;box-sizing:border-box;text-align:center;line-height:1;font-size:13px;padding-top:5px;margin-right:10px;}
.infocompany p:nth-of-type(2):before{content:"\f095"}.infocompany p:nth-of-type(3):before{content:"\f0e0"}.infocompany p:nth-of-type(4):before{content:"\f0ac"}.infocompany p:nth-of-type(5):before{content:"\f0e0"}
footer .middle-footer .title{font-size: 16px;font-weight: bold;color:#fff;text-transform:uppercase;}
footer .middle-footer .title span{display:inline-block;padding-bottom: 0;position:relative;}
footer .menu-footer{margin-top: 10px;}
footer .menu-footer li{line-height:1.8;color: #f8f8f8;}
footer .menu-footer li a {color:inherit;font-size:inherit;display: block;}
footer .menu-footer li a:before{content:"\f105";font-family:fontawesome;font-size: 13px;color: inherit;}
footer .menu-footer li:hover a{color: #efd18b;}
footer .sub-footer{border-bottom: 1px solid #fff;display: none;}
footer .sub-footer .menu-sub-footer{float:left;padding:10px 0;}
footer .sub-footer .menu-sub-footer a{display:inline-block;font-size:15px;color:#fff;padding:7px 22px;position:relative;border-radius:3px;}
footer .sub-footer .menu-sub-footer a:hover{color:#0d7ef8;background:#fff;}
footer .sub-footer .social-footer{float:right;margin:9px 0;}
footer .sub-footer .social-footer a{border:1px solid #b9b9b9;color:#9f9f9f;width:30px;display:inline-block;height:30px;border-radius:100%;text-align:center;line-height:1.8;}
footer .sub-footer .social-footer a:hover{color:#fff;border-color:#0d7ef8;background:#0d7ef8}
footer .sub-footer .social-footer{float:right;text-align:center;}
footer .foot{background: #f8f8f8;font-size: 16px;color: #4a4a4a;padding-top: 0;padding-bottom: 0;height: 102px;border-bottom: 8px solid #0d7ef8;box-sizing: border-box;}
footer .foot strong {color:#0d7ef8}
footer .foot .right {margin-top: 11px;}
footer .foot .left {float:none;display:block;overflow: hidden;margin-top: 14px;}
.coppy {margin-top: 11px;}
.coppy a {color:#0d7ef8;}
.title-footer {
    font-size: 21px;
    text-transform: uppercase;
    font-family: swissb;
    color: #fff;
}
.infocompany {
    font-size: 16px;
    color: #f8f8f8;
    line-height: 24px;
    margin-top: 10px;
}
.infocompany > div:before {content:"\f3c5";font-family:FontAwesome;padding-left: 1px;color: #efd18b;}
.infocompany > div:nth-child(2):before {content:"";}
.infocompany > div:nth-child(3):before {content:"\f3cd";}
.infocompany > div:nth-child(4):before {content:"";}
.infocompany > div:nth-child(5):before {content:"\f09d";}
.infocompany > div:nth-child(6):before {content:"\f0ac";}
.infocompany > div:nth-child(7):before {content:"";}
.total {display:inline-block;float: left;margin-top: 10px;margin-right: 22px;}
.social-footer {display:inline-block;float: right;}
.social-footer a {
    width: 36px;
    height: 36px;
    border: 1px solid;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    font-size: 21px;
    opacity: 0.3;
} 
.social-footer i {margin:auto;}
.social-footer a:hover {opacity:1}
.logo-ft {float:left;max-width: 63px;margin-right: 13px;margin-top: 5px;}
.logo-ft img {width:100%;display:block;}
.mobile{display:none;}
.google-map-footer {position:absolute;right:0;top:0;bottom:0;width: 36%;}



@media only screen
  and (max-width :1279px){  	
  	.banner-header .header-title{/* margin-left: 112px; */}
  	.banner-header .header-title span{/* display:none;*/}
  	.banner-header .dangtin{margin-top:15px;}
  	nav .logo{width:110px;height:48px;display:none;}
  	nav .container{/* height:50px; */width: 100%;}nav .menu_main{margin-left:0;}
  	nav .menu_main > li{/* font-size:13px; */}nav .dangtin{font-size:12px;margin-top:7px;}nav .dangtin a{padding: 5px 12px 8px 12px;}
  	nav .menu_main > li > a > span{padding: 0px 18px;}
  	nav .menu-right{/* margin-right:50px; */}
  	footer .sub-footer .menu-sub-footer a{padding:7px 11px;}
  	footer .middle-footer .col-3{/* float:none; */padding-top:20px;}
	.search-article {display:none}
  }
@media only screen and (max-width: 1023px){
  	.search-link{display:none}
  	.banner-header .logo:before{display:none;}
  	.banner-header .logo .title{width:120px;height:22px;margin-top:13px;}
  	nav .dangtin{float:none;text-align:center;width:100%;}
  	nav .dangtin a{display:block;}
  	.banner-header .container{/* padding:10px 0; */}
	.banner-header{/* border-bottom: 33px solid #0d7ef8; */}
  	.banner-header .logo{margin-left: 0;/* width:80px; *//* height:80px; *//* top:4px; */}  	  	
  	.banner-header .hotline{/* display:none; *//* border: none; */}
  	.banner-header .header-title{/* margin-left: 113px; *//* margin-top:0; */}
  	.banner-header .dangtin{position:absolute;right:0;bottom:3px;}
  	.banner-header .dangtin a{font-size:12px;padding:4px 10px;}
  	.banner-header .dangtin i{width:14px;height:14px;}
  	.search-article {float:none;width: 96%;margin: 10px 2%;box-sizing: border-box;}
	.txtkey {width:100%;}
	nav {height:100%;position: fixed !important;top:0;left:0;width: 270px;overflow: auto;z-index: 99999999999;background-color: #0d7ef8;display:none;}
  	nav .menu_main{float:none;height: auto;}
	
  	nav .logo{position:relative;top:0;margin-top:0;margin-bottom:20px;width: 125px;height: 90px;}
  	nav .hotline{display:none;}
  	nav .dangtin{display:block;background:#}
   nav .menu-left,nav .menu-right {float:none;margin:0;}nav .menu_main > li:before{display:none;}
   nav .menu_main > li{padding-left:0}.middle-header{}   
   nav .menu_main > li{color: #fff;float:none;position: relative;padding: 0;z-index:9;border-left:0;border-right:0 !important;background:no-repeat;text-align: center;height: auto;}
   nav .menu_main > li > a{border-top: 1px solid #ffffff61;display:block;padding-left: 0;}
   nav .menu_main > li > a > span:before{display:none;}
   nav .menu_main > li.home > a span{/* text-indent: inherit; */width: 100%;/* padding-left: 0; *//* line-height: 45px; */box-sizing: border-box;}
   nav .menu_main > li.home > a i{display:none;}
   nav .menu-right > li:last-child > a{border-bottom:0;}
   nav .menu_main > li:first-child > a:before{text-align:left;bottom:5px;}
   nav .menu_main .havesub:after{content: "\f107";font-family: FontAwesome;line-height: 2;text-indent: 4px;position:absolute;right:0;top:0;padding-top: 5%;width:40px;text-align:right;padding-right:10px;}
   nav .menu_main .havesub > a:after{display: none;}
   nav .menu_main .menusub{font-size: 12px;position: static;padding:0 5px;margin:0;padding:0;display:none;transform:none;margin:0;width:100%;transform: rotateX(0deg);opacity:1;}
   nav .menu_main .menusub:before{display: none;}
   nav .menu_main .menusub li{background:#fdfdfd;line-height:1.5;width: 100%;border: none !important;}
   nav .menu_main .menusub li a{/* color: #333; */padding: 9px 0;padding-left: 33px;border-top: 1px solid #bdbdbd;text-align: left;background: #efd18b;color: #0d7ef8;font-weight: bold;font-size: 19px;}
   nav .menusubf2{width: 100%;display:none !important;}
   nav .menusub li:before{color: #333}
   nav .menusub li a:hover{background: none}
   nav .menusub .havesub:after{color: #333}
   nav .menusub.menusubF2 li{background: #dedede;}  
  	.mobile{display:block;/* position: relative; */width:100%;top:0;background: #0d7ef8;height: 45px;}
  	.logo-mobile{position: relative;width: 100px;height: auto;top: 9px;left:0;right:0;margin:auto;margin-bottom: 20px;border-radius: 8px;display: block;}
  	.logo-mobile img{max-width: 100%;max-height: 100%;position:relative;z-index:2;margin: auto;}
  .logo-mobile {display:block;top: 0;width: auto;text-align: center;margin: 0;}
	.logo-mobile a {display: block;background: #fff;padding: 5px 0;}
	nav .hotline{position:static;}nav .hotline a{font-size:15px;padding: 5px 0;text-align:center;}
  	nav .hotline i{display:none;}
.nav-post {display:none}
	.search-link,#ShowMenu{/* position:fixed; */background:#0d7ef8;color:#fff;border-radius:100%;width: 37px;height: 37px;box-sizing:border-box;font-size: 23px;text-align:center;box-shadow: 0 0 3px rgb(237 237 237 / 60%);/* display: none; */float: right;line-height: 36px;}
  	#ShowMenu{top: 0px;border-radius:3px;background: #0d7ef8;z-index: 9999999;margin-top: 3px;margin-right: 2%;}
  	#ShowMenu.close:after{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;z-index:8;top:0;left:0;content:"";z-index: 99999999;}  	  
	.booking-button{position:fixed;bottom:20px;left:15px;width:50px;height:50px;background:#00aa00;background-size:50%;border-radius:100%;z-index:8;box-shadow:0 0 5px rgba(0,0,0,.5);display:block;text-align:center;font-size:30px;color:#fff;box-sizing:border-box;padding-top:7px;display: none;}
	.booking-button i{position:relative;z-index:7;animation:phone-icon 3s infinite;}
	.booking-button:before{animation:phone-inner 3s infinite;top: 0;left: 0;width:100%;height:100%;background-color: rgba(255,255,255,.6);border-radius: 100%;position:absolute;content:"";z-index:1;}
	.booking-button:after{top: 0;left: 0;width: 100%;height:100%;background-color: #00aa00;border-radius: 100%;position:absolute;content:"";animation: phone-outer 3s infinite 1.5s;z-index:1;}  
	.search-box{display:none;}
	footer .middle-footer .col-1,footer .middle-footer .col-2{width:100%;float:none;margin-left:0;text-align: center;}
	footer .middle-footer .col-3{float:none;width: 100%;text-align: center;}footer .middle-footer .col-2{margin-top:20px;}
	footer .sub-footer .menu-sub-footer{display:none;}footer .foot .right{display:none;}
	footer .sub-footer .social-footer{float:none;text-align:center;}
}

.feature-default{margin-top:50px;}
.boxes-product-default{background: #f8f8f8;padding: 40px 0 60px;}
.regis{background-image: url(/Design/bgdk.jpg?v=1);background-size: cover;padding: 100px 0;}
.boxes > .contain{margin-top: 25px;}.boxes-product-default .container{overflow:hidden}
.boxes .link-all{text-align:center;color:#0d7ef8;font-size:15px;font-weight:bold;margin-top:20px;}.boxes .link-all:hover{color:#222;}
.title-default {font-size:13px;color:#5f5f5f;text-transform:uppercase;position:relative;}
.title-default i{font-style:normal;font-size: 14px;color: #777777;display: block;}
.title-default span{font-size: 40px;color: #0d7ef8;text-transform:uppercase;display:block;margin-bottom:3px;font-weight: normal;font-family: au;}
.title-default .link{position:absolute;right:0;top: 20px;}
.title-default .link a{font-size: 13px;color: #bdbdbd;text-transform: uppercase;border: 1px solid #bdbdbd;display: inline-block;padding: 6px 13px 7px;padding-right: 64px;border-radius: 4px;position: relative;}.title-default .link a+a{/* margin-left:20px; */}
.title-default .link a:hover,
.title-default .link .active,.title-default .link .a:hover{color:#fff;background:#0d7ef8}
.title-default a > i {position: absolute;right: -1px;top: -1px;bottom: -1px;width: 56px;padding-right: 11px;padding-top: 6px;text-align: right;color: #0d7ef8;box-sizing: border-box;background-image: url(/Design/bg-i-about.png);background-repeat: no-repeat;background-position: right;background-size: 100% 100%;font-size: 23px;}
.title-cat{font-size:25px;text-transform:uppercase;font-family:segoe ui;color:#0d7ef8;font-weight:500;text-align:center;margin:0;}
.title-cat:before{content:"";display:block;height:21px;background:url(/Design/icon-title.png) center no-repeat;margin-bottom:10px;display: none;}
.title-cat:after{content:"";width:80px;border-top: 2px solid #0d7ef8;display:block;margin:auto;margin-top:10px;}
.description{text-align:center;color:#3f3f3f;font-size:18px;margin-top: 10px;}
.bds-feature,.bds-feature-2 {overflow:hidden;display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(3,minmax(0,1fr));column-gap: 26px;row-gap: 26px;}      
.bds-feature .bds,.bds-feature-2 .bds{position:relative;box-sizing:border-box;/* border:1px solid transparent; */border-radius:3px;}
.bds-feature .bds{display: block;}.bds-feature-2 .bds{width:19%;float:left;margin-right:1.25%;}
.bds-feature .bds:nth-child(4n+4){margin-right:0;}.
bds-feature .bds:nth-child(n+5){}
.bds-feature-2 .bds:nth-child(5n+5){margin-right:0;}
.bds-feature-2 .bds:nth-child(n+6){margin-top:20px;}
.bds-feature .postImg{height: 245px;}.bds-feature-2 .postImg{height:150px;}
.bds-feature .postImg .cat-link,.bds-feature-2 .postImg .cat-link{background:#fba919;position:absolute;color:#fff;width:100%;text-align:center;padding:4px 0 6px;transform:rotate(45deg) translateX(20%);top:-5%;right:-20%;font-size:14px;}
.bds-feature .postImg .cat-link:hover,.bds-feature-2 .postImg .cat-link:hover{background:#00aa00;}
.date-item {position:absolute;right: 5px;bottom: 5px;font-size: 14px;color: #ffffff;padding: 4px 8px;background: #0d7ef8cc;border-radius: 3px;}
.date-item i {
    margin-right: 3px;
}
.bds-feature .text,.bds-feature-2 .text{padding: 15px 0px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;background:#fff;border: 1px solid #f0f0f0;}
.bds-feature .postImg .dangmo,.bds-feature .postImg .sapmo{position:absolute;width:95px;height:89px;background:url(/Design/icon-dang-mo.png);top:0;right:0;z-index:2;}.bds-feature .postImg .sapmo{background:url(/Design/icon-sap-mo.png);}
.bds-feature h4,.bds-feature-2 h4{color: #383838;height: 43px;font-size: 17px;line-height: 21px;padding: 0 10px;font-weight: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}.bds-feature-2 h4{font-size:15px;height:64px;}
.bds-feature .diachi{font-size:14px;color:#4f4f4f;height:38px;overflow:hidden;}
.bds-feature .bds:hover h4,
.bds-feature-2 .bds:hover h4{color: #333;}
.bds-feature .bds:hover,
.bds-feature-2 .bds:hover{border-color:#0d7ef8;}.bds-feature .bds:hover .text,.bds-feature-2 .bds:hover .text{border-color:transparent;}
.bds-feature .postImg .price,.bds-feature-2 .postImg .price{position:absolute;z-index:2;background:rgb(244, 27, 27,0.8);color:#fff;font-size:17px;bottom:0;right:0;padding:5px 10px;font-weight:500;font-family:segoe ui;border-top-left-radius:7px;}
.bds-feature .text ul,.bds-feature-2 .text ul{margin-top:5px;}.bds-feature .text li,.bds-feature-2 .text li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;color:#2e2e2e;}
.bds-feature .bottom,.bds-feature-2 .bottom{overflow:hidden;font-size:14px;color:#5f5f5f;margin: 0 10px;border-top:1px solid #dfdfdf;padding-top:10px;margin-top: 12px;}
.bds-feature .bottom .khuvuc{float:left;}.bds-feature .bottom .dientich{float: right;color: #5a5a5a;font-size:14px;margin-top:3px;}.bds-feature .bottom a,.bds-feature-2 .bottom a{color:#0d7ef8;}.bds-feature .bottom a:hover,.bds-feature-2 .bottom a:hover{color:#f41b1b;}
.bds-feature .bottom .price{float: left;color: #ec0e0e;font-size: 18px;font-family: 'fuh';}
.bds-feature-2 .bottom .dientich{display:inline-block;margin-top:5px;}.bds-feature-2 .bottom .price{display:inline-block;margin-top:2px;color:#f41b1b;font-weight:bold;font-size:16px;margin-left:10px;}
.bds-feature .bottom  i {margin-right:5px;}
.bds-feature .bottom .dientich i {
    color: #0d7ef8;
}
.bds-feature .thue .dientich{float:right;}.bds-feature .thue .price{float:left;}
.news-feature .item{width:32%;float:left;margin-right:2%;overflow:hidden;height:129px;}.news-feature .item:nth-child(3n+3){margin-right:0;}.news-feature .item:nth-child(n+4){margin-top:20px;}
.news-feature .item .postImg{height:100%;width:40%;float:left;background:#fff;}
.news-feature .item .text{background:#fff;width:60%;box-sizing:border-box;float:right;height:100%;padding:10px 8px;}
.news-feature .item h4{font-size:15px;color: #0d7ef8;height:42px;overflow:hidden;}.news-feature .item h4:hover{color:#222;}
.quymo-default{overflow:hidden;margin-top:70px;}
.quymo-default p{width:25%;float:left;color:#fff;text-align:center;font-size:17px;padding:20px 0;}
.quymo-default p strong{font-size:30px;}.quymo-default p strong:after{content:"+"}
.quymo-default p:first-child{background:#51bf10;}
.quymo-default p:nth-child(2){background:#00aa00;}
.quymo-default p:nth-child(3){background:#6ce327;}
.quymo-default p:nth-child(4){background:#7af533;}
.feature-default-2{margin-top:70px;margin-bottom:70px;}
.button-show{margin-top:20px;text-align:center;font-size:14px;text-transform:uppercase;color:#0d7ef8;font-weight:bold;font-family:segoe ui;}
.button-show a:hover{color:#333;}
.regis .form-control{max-width:700px;margin:auto;overflow:hidden;margin-top:20px;}
.regis .form-control .txt{display:block;float:left;border: none;border-radius:3px;padding: 12px 13px;background:#f5f7f9;font-size: 15px;margin-right:1%;width:35.5%}
.regis .form-control .btn{display:block;float:left;border:0;border-radius:3px;padding: 14px 2px 8px;background: #0d7ef8;font-size:14px;width:15%;text-align:center;color:#fff;text-transform:uppercase;line-height: 15px;height: 41px;box-sizing: border-box;}
.regis .form-control .btn:active{background:#0d7ef8;}
.title-register{text-align:center;}
.title-register span{display:block;font-size: 27px;color: #fff;font-family: 'fuh';}
.title-register i{font-size: 18px;color: #fff;font-style:normal;margin-top: 5px;display: block;}
/*cmt*/
.cmt{width: 100%;height: auto;position: relative;}
.titnews h2{font-size:25px;font-family: 'muli';color: #0d7ef8;text-transform:uppercase;font-weight: bold;}
/*camnhan*/
.uldv {background-color:#fff;border:1px solid #efefef;margin-top: 31px;padding-bottom: 17px;padding-left: 0;box-sizing: border-box;}
.lidv{width: 100%;float:left;list-style: none;}
.avatar{width: 147px;height: 143px;border-radius: 50%;/* float:left; */overflow: hidden;position: relative;/* left: 39%; */top: 34px;margin: auto;}
.imgN img{width:100%;height:100%;position:absolute;top:0;left:0;transition:transform .5s;}
.lidv:nth-child(2n+2){float:right}
.lidv:nth-child(n+3){margin-top:2%}
.imgdv{height: 131px;box-sizing:border-box;}
.imgdv img{max-width: 107%;}
.nddv{width:100%;color:#fff;box-sizing:border-box;text-align:center;background-color: #ffffffc9;margin-top: 1px;padding: 33px;padding-bottom: 0;}
.nddv:before{/* content:""; */width:100%;position:absolute;bottom:0;/* border: 2px solid #3bc4fa; */;opacity:0;margin-left: -21px;}
.nddv a{margin:auto;text-decoration: none;color: #0d7ef8;}
.nddv h4{margin:auto;font-size: 22px;font-family: 'muli';opacity: 1;margin-top: 8px;color: #0d7ef8;text-decoration: none;}
.nddv p{color:#a3a3a3;font-size: 16px;font-family: 'muli';font-style: italic;}
.nddv:hover{}
.nddv:hover h4{color:#00a2e2}
.nddv:hover:before{}

.khuvuc .menusubf1{display:none}
.ttlidv{/* margin-top:10px; */height: auto;font-size: 20px;margin-top: 5px;}

.ttlidv p{height: auto;line-height: 1.2;color: #3d3d3d;font-size: 19px;font-style: normal;}
.content-inner .container{overflow:hidden;}  
.col-section{width: 71%;float: left;box-sizing:border-box;}.col-side{width: 27%;float: right;box-sizing:border-box;}
.content-inner{padding-top: 50px;padding-bottom: 50px;background:#fff;}
.content-inner .box-side:first-child{/* padding-top:70px; */position:relative;}
.content-inner .box-side:first-child:before{content:"";position:absolute;height:70px;border-right:1px solid #e1e1e1;left:0;top:0;display:none;}
.content-inner .box-side:last-child{/* padding-bottom:70px; *//* position:relative; */}
.content-inner .box-side:last-child:before{content:"";position:absolute;height:70px;border-right:1px solid #e1e1e1;left:0;bottom:0;display:none;}
.title-side{background-color: #0d7ef8;color:#fff;font-size: 18px;padding: 0px 1px 1px;position:relative;border-radius: 3px 3px 0 0;overflow: hidden;}
.title-side span{display:block;color: #fff;text-transform:uppercase;padding:10px 15px 8px;position:relative;}
.box-side .contain{padding:10px 17px;border:1px solid #0d7ef8;border-top:0;}

.khuvuc li{color:#5f5f5f;font-size:15px;position: relative;}.khuvuc li a{display:block;padding:10px 0;position: relative;}
.khuvuc li+li{border-top:1px dashed #dfdfdf;}.khuvuc li:hover{color:#0d7ef8;}
.khuvuc li a:before{content:"";display:inline-block;width:22px;height:16px;background: url(/Design/icon-kv1.png);position:relative;top:2px;margin-right:3px;}
.khuvuc li span {position:absolute;right: 0;top: 10px;background: #0d7ef8;color: #fff;font-size: 10px;width: 21px;height: 21px;text-align: center;line-height: 22px;border-radius: 50%;}
.khuvuc .havesub:after{color: #0d7ef8;content: "\f107";font-family: FontAwesome;line-height: 2;text-indent: 4px;position:absolute;right:0;top:0;padding-top:3%;width:40px;text-align:right;padding-right:10px;}
.title-about,.title-inner{color: #0d7ef8;text-transform:uppercase;margin:0;padding-bottom: 10px;position:relative;font-size: 33px;font-family: au;}
.title-about h1{color:#4cb90c;font-size:25px;}
.title-about h4{color:#00aa00;font-size:16px;color:#0d7ef8;}
.title-about:after,.title-inner:after{content:"";width:111px;height:2px;background: #0d7ef8;position:absolute;bottom:0;left:0;}
.list-article-notice li{color:#0058b3;font-size:10px;list-style:square;margin-left:20px;}
.list-article-notice strong{color:#3f3f3f;}
.list-article-notice li a{font-size:16px;}
.list-article-notice li a:hover{color:#ef0707;}
.list-article-notice li .date{font-size:13px;color:#5f5f5f}
.list-article-notice li+li{margin-top:10px;}
.product-list {overflow: hidden;display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(3,minmax(0,1fr));column-gap: 20px;row-gap: 20px;}
.product-list .item{overflow:hidden;position:relative;background:#fff;border-radius: 4px;margin: 0;}
.product-list .item .edit-link{position:absolute;right:0;bottom:15px;border:1px solid #0d7ef8;padding:4px 15px;color:#0d7ef8;}
.product-list .item .edit-link:hover{border-color:#ea0c0c;color:#ea0c0c;}
.product-list .item .postImg{height: 238px;}.product-list .item .postImg img{/* margin-top:0 !important; */}
.product-list .item .postImg .hot,.bds-feature .postImg .hot{position:absolute;z-index:2;width:70px;height:70px;right:0;top:0;}
.product-list .item .text{/* float:right; */box-sizing:border-box;border: 1px solid #f0f0f0;border-top: none;padding: 13px 10px;border-radius: 0 0px 4px 4px;/* width: 100%; */overflow: hidden;}
.product-list .item h4{font-size: 17px;color: #383838;height: 45px;font-family: fur;line-height: 21px;font-weight: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}.product-list .item h4 a{display:block;margin:auto;width:100%;}.product-list .item h4:hover{color:#0d7ef8;}
.product-list .item h4:hover{color:#222;}
.product-list .item .desc{height:38px;font-size:14px;color:#6f6f6f;}
.product-list .item .diachi{/* margin-top:5px; */height: 22px;overflow:hidden;font-size: 14px;color: #29bcff;margin-top: 10px;padding-top: 10px;border-top: 1px solid #f0f0f0;}
.diachi a:hover {color:#0d7ef8;font-weight:700}
.product-list .item p{color:#333;font-size:14px;margin-top:10px;line-height:1.6;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}.bds-feature .text li a,.product-list .item p a{color:#0d7ef8;font-weight:500;font-family:segoe ui;}
.product-list .item .bottom{margin-top: 7px;overflow:hidden;height: 24px;}
.bds-feature .text li a:hover,
.product-list .item p a:hover{color:#ea0c0c;}
.product-list .item .left{width:55%;padding:0 20px;box-sizing:border-box;border-right:1px solid #dbdbdb;}
.product-list .item .right{width:15%;margin-right:10px;}
.product-list .item .price{font-size: 17px;color: #ec0e0e;font-family: fuh;float: left;}
.product-list .item .dientich{color: #5a5a5a;font-size: 15px;display:inline-block;float: right;margin-top: 3px;}
.product-list .item .juridical {display:block;color:#767676;font-size:15px;margin-top: 3px;}
.product-list .item .khuvuc,.bds-feature .item .khuvuc{float:right;color: #333;font-size:13px;display:inline-block;margin-top:3px;}
.bds-feature .item .khuvuc{float:none;font-size: 15px;color: #0d7ef8;margin-top: 5px;padding: 0 10px;display: block;height: 21px;overflow: hidden;}
.bds-feature .item .khuvuc i {background: #efd18b;text-align: center;border-radius: 50%;font-size: 10px;display: inline-block;width: 17px;height: 17px;margin-right: 4px;color: #fff;line-height: 17px;float: left;margin-top: 2px;}
.bds-feature .item .juridical {display:block;color:#767676;font-size:15px;margin-top: 3px;padding: 0 10px;}
.bds-feature .item .juridical i {margin-right:4px;margin-left: 1px;}
.khuvuc a:hover {color:#0d7ef8;font-weight:600}
.product-list .item i {margin-right: 5px;}
.product-list .item .diachi i {background: #29bcff;text-align: center;border-radius: 50%;font-size: 10px;display: inline-block;width: 17px;height: 17px;margin-right: 4px;color: #fff;line-height: 17px;float: left;margin-top: 2px;}
.content-single{padding-top: 40px;padding-bottom: 50px;background:#fff;}
.list-article-category {display: grid;grid-auto-rows: minmax(min-content,max-content);grid-template-columns: repeat(4,minmax(0,1fr));column-gap: 20px;row-gap: 20px;}
.list-article-category .item{overflow:hidden;}
.box-ar-default .list-article-category .item:nth-child(n+4) {/* display:none; */}
.list-article-category .item:nth-child(3n+3){margin-right:0;}
.list-article-category .item:nth-child(n+4){}
.list-article-category .item .postImg{height: 207px;}
.list-article-category .postImg:hover:before{opacity:1;}
.list-article-category .postImg:hover:after{transform:translateX(0);}
.list-article-category .item h4{margin-top: 17px;color: #0d7ef8;font-size: 18px;height: 49px;font-weight:normal;font-family: 'fuh';line-height: 24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.view-news {font-size:14px;color:#767676;margin-top: 10px;}
.view-news i {
    margin-right: 5px;
}
.list-article-category .item .desc{border: none;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 63px;line-height: 20px;margin-bottom: 0;}
.list-article-category h4:hover,.nth-article h4:hover{color:#222;}
.title-post{font-size:25px;color: #0d7ef8;/* border-bottom: 1px solid #0d7ef8; */padding-bottom:10px;margin:0;}
.title-sub{margin-top:20px;font-size:16px;font-weight:bold;color:#0d7ef8;text-transform:uppercase;border-bottom:1px solid #0d7ef8;}
.title-sub span{display:inline-block;padding:6px 0;padding-right:20px;}
.list-same-post {overflow:hidden;margin-top:18px;}
.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;}
.list-same-post h4{color: #0d7ef8;font-size:16px;font-weight:normal;height:48px;margin-top:6px;overflow:hidden;}
.list-same-post h4:hover{color:#222;}
.list-same-post .item .desc{font-family:segoe ui;}
.slider_contain {overflow: hidden;width: 70%;float:left;margin: auto;}
.slider_contain .flexslider .slides img {width:100%;height: 100%;display: block;object-fit: cover;}
.slider_contain .sliderPhotos {position:relative;height:500px;background:#fff;border:1px solid #e1e1e1;box-sizing:border-box;}
.slider_contain .productPhotos {height: 553px;background:#fff;}
.slider_contain .sliderPhotos .next{cursor:pointer;background:url(../Design/icon_next.png)no-repeat;background-size:100% 100%;position:absolute;top:43%;right:10px;z-index:99;width:40px;height:40px;display: none;}
.slider_contain .sliderPhotos .prev{cursor:pointer;background:url(../Design/icon_prev.png)no-repeat;background-size:100% 100%;position:absolute;top:43%;left:10px;z-index:99;width:40px;height:40px;display: none;}
.slider_contain .sliderPhotos ul{overflow: hidden;margin: 0;padding:0;list-style:none;}
.slider_contain .sliderPhotos li{width:100%;height: 100%;position: absolute;top:0;left:0;display:none;text-align:center;}
.slider_contain .sliderPhotos li img{min-width:auto;}
.slider_contain .thumbnail{margin-top:5px;text-align:center}
.slider_contain .thumbnail img{width:auto;height:30px;cursor:pointer;border:1px solid transparent;opacity:.8;border:1px solid #d1d1d1;padding:3px;background:#fff;}
.slider_contain .thumbnail .active{opacity: 1;border:1px solid #0d7ef8;}
#carousel {margin-top:5px;}
#carousel .slides > li{height:80px;}
.info_contain{width: 28%;float:right;/* border: 1px solid #dddfe2; */padding: 10px;box-sizing: border-box;margin: auto;margin-top: 0;}
.title-promotion{font-size:17px;font-family:segoe ui;color:#0d7ef8;margin:0;margin-bottom:15px;}
.title-product {font-size: 20px;color:#0d7ef8;/* font-family:segoe ui; */margin:0;margin-bottom:8px;}
.title-post {font-size: 22px;color:#0d7ef8;margin:0;/* margin-bottom:20px; */font-family: fub;}
.tacgia,.nhaxuatban{font-size:14px;color:#8f8f8f;font-family:segoe ui;display:inline-block;}
.tacgia{margin-right:20px;}
.tacgia:before{content:"\f007";font-family:fontawesome;display:inline-block;margin-right:5px;}
.nhaxuatban:before{content:"\f02e";font-family:fontawesome;display:inline-block;margin-right:5px;}
.info_contain .contain{/* border-top:1px solid #dedede; */overflow:hidden;}
.info_contain .left-content{float:left;width: 100%;text-align:justify;}
.info_contain .description{font-size: 17px;color:#222;margin-top:20px;}
.info_contain .description a{color:#0d7ef8;}.info_contain .description a:hover{color:#ef0707;}
.info_contain .description a:nth-child(n+3):before {content:","}
.info_contain .percent{position:absolute;right:20px;width:62px;padding-top:30px;padding-bottom:10px;background:url(/Design/sale-icon.png) no-repeat;color:#fff;text-align:center;top:0;}
.info_contain .price,.info_contain .link-order{margin-top:20px;position:relative;padding: 14px 5px;text-align:center;border-radius:4px;border-radius:5px;background: #e10000;display: inline-block;width: 100%;font-family: 'fuh';height: 72px;box-sizing: border-box;float: left;}
.info_contain .link-order{background: #0d7ef8;border:0;}
.info_contain .contact-user{font-size:14px;color:#3f3f3f;margin-top:10px;}
.info_contain .contact-user .user-name{display:block;font-size:17px;color:#0d7ef8;}
.info_contain .contact-user .sdt{display:block;font-size:22px;color:#00aa00;}
.info_contain .price-old{color:#8f8f8f;font-size:18px;text-decoration:line-through;font-family:segoe ui;color:#0d7ef8;}
.info_contain .price-new{font-size: 25px;color: #fff;}.info_contain .link-order{color:#fff;text-transform:uppercase;font-size: 21px;font-family: 'fub';float: right;padding-top: 20px;/* width: 39%; */}
 .contact-us{
	margin: auto;margin-top:15px;
	font-size: 23px;
	display:block;
	padding: 15px 0;
	color: #0d7ef8;
	border-radius:5px;
	position:relative;
	/* background:linear-gradient(#0d7ef8,#0d7ef8); */
	font-weight:500;
	
	text-align:center;
	border: 2px dashed #0d7ef8;
	overflow: hidden;width: 70%;/* float: left; */box-sizing: border-box;margin-bottom: 25px;}
 .contact-us span{display: block;margin-bottom: 10px;}
 .contact-us span:before{content:"\f059";font-family:fontawesome;color: #0d7ef8;display:inline-block;margin-right:6px;}
 .contact-us a{display: inline-block;font-size: 21px;position:relative;margin: 0 13px;margin-top: 10px;font-family: 'fuh';overflow: hidden;border: 1px solid;padding: 4px 20px 7px;border-radius: 6px;/* background: #e10000; */color: #e92f05;}
 .contact-us a+a{}    
 .contact-us i {font-size: 17px;float: left;margin-top: 8px;margin-right: 6px;}
/* .contact-us a:before{content:"\f095";display:inline-block;font-family:fontawesome;border-radius:100%;position:absolute;color:#fff;margin-left:-35px;width:25px;height:25px;border:1px solid #fff;font-size:16px;box-sizing:border-box;padding-top:1px;top:3px;}*/
.info_contain .right-content{width: 100%;float:right;}
.info_contain .promotion{border:1px solid #0d7ef8;border-radius:20px;margin-top:10px;padding:30px 20px;}
.info_contain li{font-size: 17px;color:#1e1e1e;padding-left:20px;position:relative;display: block;}
.info_contain li+li{margin-top:8px;}
.info_contain li:before{content:"\f356";font-family:fontawesome;color: #0d7ef8;position:absolute;left:0;font-size: 15px;top: 7px;font-weight: bold;}
.info_contain li a:hover{color:#0d7ef8;}
.boxes-tab{position:absolute;top:0;left:0;width:100%;}
.boxes-tab .contain{display:none;position:relative;}.boxes-tab .contain:before{position:absolute;width:100%;content:"";left:0;z-index:1;top:-1px;}
.title-tab a{width:200px;text-align:center;display:inline-block;font-size:16px;color:#fff;background:#00a1dc;position:relative;z-index:3;padding:8px 0;border-radius:4px;text-transform:uppercase;}
.title-tab a.active{background:#fff;color:#0d7ef8;border:1px solid #0d7ef8;border-bottom:0;padding:10px 0;border-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;}
.boxes-tab:nth-child(2) .title-tab{margin-left:205px;}
.content-single .boxes+.boxes{margin-top: 40px;/* border: 1px solid #dddfe2; *//* padding: 10px; */box-sizing: border-box;}
@media only screen
  and (max-width :1279px){
  	.bds-feature .bottom .price{/* font-size:14px; *//* margin-top:2px; */}
  	.info_contain .left-content{width:100%;float:none;}
	.info_contain .right-content{/* display:none; */}
  }
@media only screen
  and (max-width :1023px){
  	
  	.title-default .link{/* position:relative; */}
  	.quymo-default p{width:50%;}
  	.bds-feature .bds,.bds-feature .bds:nth-child(4n+4){/* width:32%; *//* margin-right:2%; */}
  	.bds-feature .bds:nth-child(3n+3){margin-right:0;}.bds-feature .bds:nth-child(n+4){/* margin-top:20px; */}
  	.bds-feature-2 .bds,.bds-feature-2 .bds:nth-child(5n+5){width:24%;margin-right:1.33%;}.bds-feature-2 .bds:nth-child(4n+4){margin-right:0;}
  	.bds-feature-2 .bds:nth-child(n+5){margin-top:20px;}
  	.news-feature .item,.news-feature .item:nth-child(3n+3){width:49%;margin-right:2%}.news-feature .item:nth-child(2n+2){margin-right:0;}.news-feature .item:nth-child(n+3){margin-top:10px;}
  .slider_contain{width: 64%;}
	.info_contain{width: 35%;}      
	.col-section,.col-side{float:none;width:100%;margin-top: 0;}
	.col-side {margin-top:30px;display: none;}
	.content-inner .col-section{padding-bottom:0;}
	.content-inner .box-side:first-child{padding-top:0;margin-top:50px;}
	.content-inner .box-side:first-child:before,.content-inner .box-side:last-child:before{display:none;}
	.box-side .contain{border:1px solid #e1e1e1;background:#fff;}
	.box-side+.box-side{margin-top:30px;}
	.title-post{font-size:24px;}  
	.title-about, .title-inner{font-size: 24px;}
	.title-about h1{font-size:20px;}.title-about h4{font-size:14px;}
	.list-article-category .item{/* width:49%; *//* margin-right:2%; */}
	.list-article-category .item:nth-child(3n+3){/* margin-right:2%; */}
	.list-article-category .item:nth-child(2n+2){margin-right:0;}
	.list-article-category .item:nth-child(n+3){/* margin-top:20px; */}   
	.cat-sub li,.cat-sub li:nth-child(5n+5){width:24%;height:58px;margin-right:1.25%;}
	.cat-sub li:nth-child(4n+4){margin-right:0;}
	.content-inner .box-side:last-child{/* padding-bottom:40px; */}
	.col-section{padding-left:0;}
	.content-inner,.content-single{background:#fff;padding: 30px 0;}.content-inner .col-section{padding-left:0;/* padding-top:40px; */}
  }

@media only screen
  and (max-width :768px){
.slideshow{height: 336px;}
  }
  @media only screen
  and (max-width :700px){
  	.slider_contain{width:100%;float:none;/* margin-top:30px; */}
	.info_contain{width:100%;float:none;padding: 15px 0;}
  	.product-list .item h4{ overflow: hidden;}
.banner-header .header-title span{font-size:18px;}  	
  	.banner-header .container {/* height:66px; *//* padding:10px; *//* z-index:7; */}
	.banner-header .logo{width:50px;height:50px;top: 3px;/* margin-left: 48px; */}
	.banner-header .header-title {/* margin-left: 55px; */margin-top: 11px;font-size: 17px;}
	.banner-header .header-title small{font-size:12px;}
  }
 @media only screen
  and (max-width :540px){
  	.ttlidv p{height:auto}
  	.ttlidv{height:auto}
  	.slideshow{height: 283px;}
  	.news-feature .item,.news-feature .item:nth-child(3n+3),.news-feature .item:nth-child(2n+2){float:none;width:100%;margin-right:0;}
  	.news-feature .item:nth-child(n+2){margin-top:10px;}	
  	
  	.banner-header .header-title small{font-size: 8px;}
  	.bds-feature .bds, .bds-feature .bds:nth-child(4n+4),.bds-feature-2 .bds,.bds-feature-2 .bds:nth-child(5n+5){/* width:49%; *//* float:left; *//* margin-right:0; */}
  	.bds-feature .bds .postImg{/* height: 180px; */}
  	.bds-feature .postImg .price, .bds-feature-2 .postImg .price{background:#f41b1b;}
  	.bds-feature .bds:nth-child(2n+2),.bds-feature-2 .bds:nth-child(2n+2){float:right;}
  	.bds-feature .bds:nth-child(n+3){/* margin-top:10px; */}
  	.bds-feature h4, .bds-feature-2 h4{/* font-size:14px; *//* height:60px; */}
  	.bds-feature .postImg .price{font-size:15px;}
  }
  @media only screen
  and (max-width :479px){
  	.news-feature .item,.news-feature .item:nth-child(3n+3),.news-feature .item:nth-child(2n+2){float:none;width:100%;margin-right:0;}
  	 	.news-feature .item:nth-child(n+2){margin-top:10px;}	
  	.product-list .item{/* padding-top:60px; *//* height:100px; *//* background:none; */}
	.product-list .item .postImg{/* height:100px; *//* width: 45%; */}
	.product-list .item{/* position:relative; */}.product-list .item p{margin-top:3px;}
	.product-list .item h4{/* position:absolute; *//* top:0; *//* width:100%; *//* left:0; *//* box-sizing:border-box; *//* font-size:16px; *//* padding:0 8px; *//* height: auto; *//* max-height: 48px; */}
	.product-list .item .diachi{/* height:42px; */}
	.product-list .item .right{position:absolute;z-index:7;bottom:10px;right:5px;width:150px;text-align:center;}
	.product-list .item .text{width:55%;/* background:#fff; */}	
	.product-list .item .desc,.product-list .item .dientich,.product-list .item .khuvuc{/* display:none; */}
  	.product-list .item{/* padding-top:60px; *//* height:100px; *//* background:none; */}
  	.boxes-product-default .form-control .btn{width:20%;}.boxes-product-default .form-control .txt{width:27.5%;}.boxes-product-default .form-control .btn i{display:none;}
  	.bds-feature .item .khuvuc{/* height: 20px; *//* overflow: hidden; */}
  	.bds-feature .bds:nth-child(n+3){margin-top:10px;}
  	.bds-feature h4, .bds-feature-2 h4{/* font-size:14px; *//* height:60px; */}
  	.bds-feature .postImg .price{font-size:15px;}
  	 	.bds-feature .bds, .bds-feature .bds:nth-child(4n+4),.bds-feature-2 .bds,.bds-feature-2 .bds:nth-child(5n+5){/* width:49%; *//* float:left; *//* margin-right:0; */}
  	.bds-feature .bds:nth-child(2n+2),.bds-feature-2 .bds:nth-child(2n+2){float:right;}
  	.slideshow{height:170px;}header.small{height:120px;}.slideshow .prev:before,.slideshow .next:before{font-size:40px;}
  	.banner-header{/* border-width:27px; */}
  	.banner-header .logo .title{width:100px;height:17px;margin-top:13px;margin-left:5px;}
  	.banner-header .header-title span{font-size:18px;}  	
  	.banner-header .container {/* height:66px; *//* padding:10px; *//* z-index:7; */}
	.banner-header .logo{/* width:50px; *//* height:50px; *//* top:8px; *//* margin-left: 47px; */}
	.banner-header .header-title {/* margin-left:115px; *//* margin-top:3px; */}
	.banner-header .header-title small{font-size:12px;}
	.banner-header .dangtin{bottom:-26px;z-index:10;}
	.banner-header .dangtin a{padding:3px 10px;}
  	.logo-mobile{/* width: 103px; *//* height:50px; */}  
  	footer .middle-footer .logo-footer{display:none;}
	footer .middle-footer .company-name{padding-left:0;font-size:16px;margin-top:30px;}
	.infocompany{margin-top:10px;font-size: 18px;}
	.infocompany p{font-size:13px;line-height:1.4;}.infocompany p:before{display:none;}
	footer .middle-footer .col-3{width:100%;}		
	footer .middle-footer,footer .foot{position:relative;/* background:none; */}
	footer .middle-footer:before{position:absolute;z-index:0;/* background:#0d7ef8; */opacity:0.8;width:100%;height:100%;top:0;left:0;content:"";}
	footer .foot:before{position:absolute;z-index:0;opacity:0.8;width:100%;height:100%;top:0;left:0;content:"";}
  }



  @media only screen
  and (max-width :467px){
  	.content-inner{padding-top:30px;padding-bottom:30px;}
  	.boxes-product-default:nth-of-type(4){/* padding-top:30px; *//* padding-bottom:40px; */}
  	.title-register span{font-size:18px;}.title-register i{font-size:12px;}
  	.boxes-product-default .form-control .btn{width:20%;}.boxes-product-default .form-control .txt{width:27.5%;}.boxes-product-default .form-control .btn i{display:none;}
	.product-list .item{/* padding-top:60px; *//* height:100px; *//* background:none; */}
	.product-list .item .postImg{/* height:100px; *//* width:45%; */}
	.product-list .item{/* position:relative; */}.product-list .item p{margin-top:3px;}
	.product-list .item h4{/* position:absolute; *//* top:0; *//* width:100%; *//* left:0; *//* box-sizing:border-box; *//* font-size:16px; *//* padding:0 8px; */}
	.product-list .item .diachi{/* height:42px; */}
	.product-list .item .right{position:absolute;z-index:7;bottom:10px;right:5px;width:150px;text-align:center;}
	.product-list .item .text{width:55%;/* background:#fff; */}	
	.product-list .item .desc,.product-list .item .dientich,.product-list .item .khuvuc{/* display:none; */}
	.bds-feature-2 .bottom .price{font-size:14px;}
	.bds-feature-2 .bds:nth-child(n+3){margin-top:10px;}
	.bds-feature-2 .postImg{height:120px;}
	.title-project{font-size:20px;}
	.list-article-category .item{width:100%;float:none !important;margin-right:0}
	.list-article-category .item:nth-child(2n+2){margin-right:0;}
	.list-article-category .item+.item{/* margin-top:20px; */}
	.info .share{display:none;}
	.slider_contain{width:auto;}
	.slider_contain .sliderPhotos{height:200px;}
	.cat-sub li,.cat-sub li:nth-child(4n+4),.cat-sub li:nth-child(5n+5){width:32%;height:48px;margin-right:2%;font-size:11px;}
	.cat-sub li:nth-child(3n+3){margin-right:0;}
	.slider_contain{width:100%;/* float:none; *//* margin-top:30px; */}
	.info_contain{width:100%;float:none;}
	.info_contain .price-new {/* font-size:20px; */}
	.title-product{font-size:20px;}
	.title-detail{font-size:20px;}
	.contact-us{font-size:16px;text-align:center;}
	.info_contain .right-content{display:block;width:100%;float:none;box-sizing:border-box;margin-top:20px;}
	.list-same-post .postImg{height:80px;}
	.khuvuc-list li{width:50%;font-size:13px;}
	.slider_contain .productPhotos{height:250px;}	
	.content-inner .box-side:first-child{margin-top:20px;}
	.content-single{padding-top:30px;padding-bottom:50px;}
	.title-default .link	{margin-top:10px;}
  	.title-default .link a{display:block;margin-left:0 !important;}
  	.boxes-product-default{padding:30px 0;}
  	.boxes-product-default:last-of-type{padding-bottom:40px;}
  	.description{display:none;}
  	.info_contain .description{display:block;}
  	.bds-feature .bds, .bds-feature .bds:nth-child(4n+4),.bds-feature-2 .bds,.bds-feature-2 .bds:nth-child(5n+5){/* width:49%; *//* float:left; *//* margin-right:0; */}
  	.bds-feature .bds .postImg{/* height:120px; */}
  	.bds-feature .postImg .price, .bds-feature-2 .postImg .price{background:#f41b1b;}
  	.bds-feature .bds:nth-child(2n+2),.bds-feature-2 .bds:nth-child(2n+2){float:right;}
  	.bds-feature .bds:nth-child(n+3){/* margin-top:10px; */}
  	.bds-feature h4, .bds-feature-2 h4{/* font-size:14px; *//* height:60px; */}
  	.bds-feature .postImg .price{font-size:15px;}
  	/*.bds-feature .bds:first-child,.bds-feature .bds:nth-child(2){width:100%;margin-right:0;}
  	.bds-feature .bds:nth-child(n+2){margin-top:20px;}
  	.bds-feature .bds:first-child h4,.bds-feature .bds:nth-child(2) h4{font-size:16px;height:48px;}
  	.bds-feature .bds:first-child .price,.bds-feature .bds:nth-child(2) .price{font-size:17px;}
  	.bds-feature .bds:first-child .postImg,.bds-feature .bds:nth-child(2) .postImg{height:220px;}*/
  	.bds-feature .bottom .dientich,.bds-feature .bottom .khuvuc:before, .bds-feature-2 .bottom .khuvuc:before{/* display:none; */}
  	.bds-feature .bottom .price{/* float:left; */}
  	.bds-feature .bottom .khuvuc, .bds-feature-2 .bottom .khuvuc{font-size:12px;}
  	.news-feature .item,.news-feature .item:nth-child(3n+3),.news-feature .item:nth-child(2n+2){float:none;width:100%;margin-right:0;}
  	.news-feature .item:nth-child(n+2){margin-top:10px;}	

  	.title-cat{font-size:20px;}
  	.quymo-default,.feature-default-2 {margin-top:40px;}
  	.feature-default-2{margin-bottom:40px;}
  	.quymo-default p{font-size:12px;}
  	.quymo-default p strong{font-size:22px;display:block;}	
  }

.list-suport {}
.li-suport {
    display: block;
}
.li-suport a {
    display: block;
    background-image: url('/Design/icon-li-suport.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 10px 0;
    padding-left: 70px;
}
.li-suport strong {
    font-size: 24px;
    color: #e92f05;
    font-family: swissb;
}
.li-suport p {
    font-size: 22px;
    color: #757575;
    margin-top: -5px;
}
.li-suport:nth-child(n+2) {
    border-top: 1px dashed #dfdfdf;
}

.hotline-fixed{display:block;position:fixed;bottom: 0;left:0;z-index:99999;}
.hotline-number{padding:5px;padding-right:10px;background-color: rgba(209, 24, 24, 0.7);/* display:none; */border-radius:4px 4px 0;color:#fff;padding-left:40px;}
.hotline-fixed a{color: #fff;line-height:1.8;position:relative;font-size: 13px;}
.hotline-fixed i{position:absolute;left:10px;width: 24px;height:24px;text-align:center;background-color: #fff;border-radius:100%;color: #ca0c00;animation:phone-icon2 3s infinite;}
.hotline-fixed i:before{position:absolute;left:0;right:0;margin:auto;top:2px}
.logo-footer{margin-top:5px}
.km-m{display:none}
.mobile-header{display:none;}
.button-phone{position:fixed;bottom:20px;right: 20px;width: 50px;height: 50px;/* text-indent:-1000px; */background: #ff0000 url(/Design/sup-man.png) no-repeat center 9px;background-size: 52%;border-radius:100%;z-index:8;box-shadow:0 0 5px rgba(0,0,0,.5);}
.button-phone a {width:100%;height:100%;position: relative;z-index: 2;display: block;}
.button-phone:before{animation:phone-inner 3s infinite;top: 0;left: 0;width:100%;height:100%;background-color: rgba(238, 171, 81, .6);border-radius: 100%;position:absolute;content:"";z-index: 1;}
.button-phone:after{top: 0;left: 0;width: 100%;height:100%;background-color: #eeab51;border-radius: 100%;position:absolute;
	content:"";animation: phone-outer 3s infinite 1.5s;z-index:1;}
.fbchat{position:fixed;width:60px;height:60px;z-index:999;/* background:url(/Design/icfb.png); */background-size:cover;right:15px;bottom: 20px;border-radius:100%;}
.zlchat{position:fixed;width: 50px;height: 50px;z-index:999;background:url(/Design/izalo.png) no-repeat;background-size:100% auto;right: 20px;bottom: 80px;}
.zlchat a {display:block;height:100%;width:100%;}
.map-page{position:fixed;width: 50px;height: 50px;z-index:999;background: url(/Design/gm.png) no-repeat;background-size:100% auto;right: 20px;bottom: 141px;border-radius: 50%;}
.map-page a {display:block;width:100%;height:100%;}
.box-zalo {position:absolute;left:0;background:#fff;padding: 5px 10px;border-radius:5px;visibility: hidden;opacity: 0;transition: 0.5s;bottom: 0;}
.box-zalo a {display:block;background-image:url('/Design/i-zalo.png');background-repeat: no-repeat;background-position: left;padding: 5px 0;padding-left: 25px;color: #ac1a1b;font-weight: bold;text-decoration: none;transition: 0.5s;}
.box-zalo a:hover {color:#43210e}
.zlchat.acs .box-zalo {left: 66px;opacity:1;visibility:visible;}
.button-phone.acs .box-zalo {left: 66px;opacity:1;visibility:visible;width: 200px;}
.button-phone .box-zalo a {background:none;padding-left:0;text-align: left;/* color: #000; */font-size: 18px;}
.button-phone .box-zalo a i {margin-right:5px;font-size: 15px;}
.button-phone .box-zalo {width:200px}
.wrap{position:fixed;width:300px;height: 380px !important;z-index: 9991 !important;right: 0px;bottom:0px;}
.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;}
.pxem{text-align:left;height:20px;margin-bottom: 0;margin-top: 0;background: #f26522;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:#f26522;padding-right: 0px;padding-left: 5px}
.mnv-tuvan{position:fixed;width: 50px;background: none;z-index: 999 !important;right: 20px;bottom: 200px;display: block;cursor:  pointer;/* background: #fff; *//* border-radius: 50%; */height: 50px;}
.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;}
.mnv-tuvan p a:hover{text-decoration: underline;cursor: pointer;}
.mnv-tuvan p img {float: right;margin-top: 10px;position:absolute;left:-20px;bottom:0} 
.wrap {position:fixed; width:250px; height: 325px;}
.fb-page.fbchat {position:relative;z-index:9999999;right:0px;bottom: 19px;/* border-left: 1px solid #fff; *//* border-top: 1px solid #fff; */width: 100%;margin: auto;margin-top: 0px;display: block !important;}
.mnv-tuvan .imfb {width:100%}
.wrap .fb_iframe_widget iframe {width:100% !important}
.loadgif {position:fixed;left:0;right:0;bottom:0;top:0;display: flex;background-color: rgba(0, 0, 0, 0.3);z-index: 9999999;}
.centerload {margin:auto;}
.text-left {text-align:left;}
.cd-top {left: 50%;transform: translate(-50%, 0);bottom: 10px;right: inherit;}

.about  {
    padding: 90px 0 80px;
    background-image: url('/Design/bg-about.png');
    background-size: 100% 100%;
}
.about  .container {
    overflow: hidden;
}
.img-about {
    width: 45%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 10px;
    padding-right: 10px;
}
.img-about img {
    position: relative;
    width: 100%;
    display: block;
    z-index: 2;
}
.img-about:before {content:"";position: absolute;z-index: 1;left: 10px;right: 0;top: 10px;bottom: 0;background: #0d7ef8;}
.info-about {
    width: 52%;
    float: right;
    font-family: 'fubo';
}
.info-about h1 {
    font-size: 65px;
    color: #0d7ef8;
    font-family: au;
    font-weight: normal;
}
.info-about h2 {
    font-size: 21px;
    color: #0d7ef8;
    font-weight: normal;
}
.info-about h2:after {display:block;content:"";width: 125px;height: 2px;background: #efd18b;margin-top: 8px;}
.info-about h3 {
    font-size: 18px;
    color: #000000;
    font-weight: normal;
    margin-top: 25px;
}
.info-about a {
    font-size: 18px;
    color: #bdbdbd;
    text-transform: uppercase;
    border: 1px solid #bdbdbd;
    margin-top: 26px;
    display: inline-block;
    padding: 6px 20px 8px;
    padding-right: 82px;
    border-radius: 4px;
    position: relative;
}
.info-about a:hover {background-color:#0d7ef8;color: #fff;}
.info-about i {
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: -1px;
    width: 66px;
    padding-right: 15px;
    padding-top: 11px;
    text-align: right;
    color: #0d7ef8;
    box-sizing: border-box;
    background-image: url(/Design/bg-i-about.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 100%;
}


.box-area {
    overflow: hidden;
}
.box-area .container {
    max-width: 100%;
    width: 100%;
}
.full-take-9 {
    overflow: hidden;
}
.take-3 {
    width: 54%;
    float: left;
}
.take-3 a:first-child {width:100%;margin-bottom: 5px;height: 470px;}
.take-3 a {width:50%;float:left;height: 300px;}
.take-3 a:last-child {margin-left: 5px;width: calc(50% - 5px);}
.take-6 {
    width: 46%;
    float: right;
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 5px;
    row-gap: 5px;
    padding-left: 5px;
    box-sizing: border-box;
}
.take-6 a {
    height: 255px;
}
.box-area a {
    position: relative;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
}
.box-area img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.5s;
}
.box-area a:hover img{transform:scale(1.2)}
.name-area {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -300px;
    background: url('/Design/name-area.png');
    background-size: 100% 100%;
    padding: 50px 20px 15px;
    padding-left: 15%;
    /* text-align: center; */
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    transition: 0.5s;
}
.box-area a:hover .name-area {bottom:0}



.bottom-fix  {position:fixed;background: #0d7ef8f2;width: 290px;top:0;left: -300px;bottom:0;z-index: 999999;padding: 0;box-sizing: border-box;overflow: auto;opacity: 0;transition: 0.5s;}
.bottom-fix.show {opacity:1;left:0;}
.bottom-fix img {width:100%;display:block}
.tit-fix {font-family: au;font-size: 33px;color: #fff;border-bottom: 1px solid #097bcb;text-transform: uppercase;/* text-align: center; */margin-top: 20px;padding: 0 20px 10px;}
.div-fix {
    /* margin-top: 20px; */
    overflow: hidden;
    padding: 0 20px;
}
.li-support {
    border-top: 1px solid #097bcb;
    padding: 13px 0;
    color: #fff;
}
.li-support:first-child {border:none}
.li-support i {
    margin-right: 7px;
    font-size: 18px;
}
.name-support {
    font-size: 19px;
    font-family: 'fuh';
    text-transform: uppercase;
}
.phone-support {
    font-size: 18px;
    margin-top: 1px;
    color: #efd18b;
    font-family: 'fub';
}
.phone-support a {
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    text-decoration: none;
}
.email-support {
    font-size: 18px;
    margin-top: 6px;
}
.email-support a {
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    text-decoration: none;
}
.close-fix {position:absolute;left: calc(100% - 66px);top: 45%;text-align: center;width: 146px;background: #e60a0a;transform: rotate(90deg);color: #fff;padding: 5px 10px;border-radius: 4px 4px 0 0;}