/* CSS Document */
* {
    margin: 0px;
    padding: 0px;
}
body {
    background: #fff;
    font-family:Arial, sans-serif;
    font-size: 12px;
    background-size: 100%;
}
@font-face{
    font-family: honghahep;
    src:url(../fonts/honghahepr.ttf);
}
@font-face{
    font-family: robotom;
    src:url(../fonts/robotom.ttf);
}
ul li{
    list-style:none;
}
a{text-decoration:none !important;color:#000;}
.phantrang { text-align: center; width:100%; float:left; margin-bottom:10px;padding-left:0px;padding-top:10px;font-family: arial !important}
.phantrang a{ font-weight: bold; width:26px; height:26px; margin:1px; background:#fff;border:solid 1px #ddd; color:#23527c; padding:6px 11px;font-size:13px;border-radius:3px;}
.phantrang a:hover{color:#fff;background:#337ab7;border-radius:3px;border:solid 1px #337ab7;}
.phantrang span{ font-weight: bold;width:26px; height:26px; margin:1px; background:#337ab7;border:solid 1px #337ab7; color:#fff; padding:5px 10px;font-size:13px;border-radius:3px;}
.phantrang li{list-style:none; float:left;}
.phantrang .paginate_active{color: #fff;background:#337ab7;border-radius:3px;border:solid 1px #337ab7;}
.clear{clear:both;}
.clear10{clear:both;margin: 10px auto;}
.fixed{position: fixed;top:0px;z-index: 1000;width: 100%;}
#loadingPath {background: #FFF url(../images/loading_page.gif) no-repeat center center;position: fixed;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999;}
.nd{padding:10px;line-height:25px;margin-bottom: 20px;}
.nd img{max-width:100%;height:auto !important;}
.nd table{width:100% !important; }
.nd li{line-height:25px;}
.nd p{line-height:25px;}
.nd div{line-height:25px;}
.nd iframe{width: 90%;}
.bd-line{width:100%;position:relative;margin-top:10px;}
.bd-linel{width:50px;border:solid 1px #ffc20e;position:absolute;}
.bd-liner{width:100%;border:solid 1px #dadada;}
.btn{font-size: 18px;cursor: pointer;color: #fff;transition: 500ms;color: #fff;border-radius: 4px;outline: none;border: none;}
.btn-red{width:266px;height:67px;margin-bottom: 10px;background: #ff675b;border-bottom: solid 5px #ff3323}
.btn-red:hover{background:#d6554b;border-bottom:solid 5px #c32d21;}
.btn-blue{width:266px;height:67px;margin-bottom: 10px;background: #0088cc;border-bottom: solid 5px #006394}
.btn-blue:hover{background: #0070a9;border-bottom: solid 5px #014161;}
.btn-oran{width:266px;height:67px;margin-bottom: 10px;background: #f4a733;border-bottom: solid 5px #e6900f}
.btn-oran:hover{background: #d6932e;border-bottom: solid 5px #c77e10;}
.btn-yell{width:172px;height:40px;margin-bottom: 10px;background: #ffc20e;border-bottom: solid 5px #e1a900;font-size: 12px !important;}
.heading{height: 0;overflow: hidden}
.hinhs6{position: relative;z-index:99999;top:-40px;}
.hotro_gioithieu{width:70%;margin:0 auto;}
.container-full{width:1349px;margin:0 auto;overflow: hidden}
.container{width:1349px;margin:0 auto;overflow: hidden;}
.header{width:100%;margin:0 auto;height: auto;line-height: 0;}
.header img{width:100%;height:auto;}
.slider_m{width:100%;margin:0 auto;position:relative;z-index: 500;}
.bg-slider{width: 100%;height:100%;position: absolute;z-index: 1000;background:rgba(0, 0, 0, 0.37)}
.banner_full{position:absolute;top:0px;z-index:99;width:inherit;height:50px;margin:40px auto 10px auto;}
.banner{position:relative;width:76%;margin:0 auto;height:164px;background:url('../images/header_left.png') no-repeat left;}
.lienkettop{left: 312px;position: absolute;top: -19px;}
.lienkettop ul{
    transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px); 
    -webkit-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px); 
    -moz-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    width:540px;
}
.lienkettop ul li {padding:10px 5px;float:left;background:#454545;border-right:#525353 1px double;    
transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}
.lienkettop ul li:hover,.lienkettop ul li.active{background:#c80606;}
.nens{width:70%;height:5px;background:#d52b2a;}
.lienkettop ul li a{
transform: rotate(0deg) scale(1.003) skew(25deg) translate(0px) ;
-webkit-transform: rotate(0deg) scale(1.003) skew(25deg) translate(0px);font-size:13px;padding:0px 5px;display: block;font-family:honghahep;color:#fff;font-style:normal;}
/* menu */
.menu_m{width:100%;margin:auto;z-index:999;height: 52px;background:url(../images/bg-mn.png);
    /*background-image:-webkit-linear-gradient(top,rgba(42, 126, 194, 0.84) 46%, #0962a9 100%);
    background-image:-moz-linear-gradient(top,rgba(42, 126, 194, 0.84) 46%, #0962a9 100%);
    background-image:-ms-linear-gradient(top,rgba(42, 126, 194, 0.84) 46%, #0962a9 100%);
    background-image:-o-linear-gradient(top,rgba(42, 126, 194, 0.84) 46%, #0962a9 100%);
    background-image:linear-gradient(top,rgba(42, 126, 194, 0.84) 46%, #0962a9 100%);*/}
.menu_m ul{max-width:1149px;margin:auto;text-transform: uppercase;max-height: 52px;}
.menu_m ul li{float: left;//transition: 500ms;height: 52px;}
.menu_m li a{padding:18px 24px;color:#fff;font-size:16px;display:block;font-weight: bold}
.caret {border-bottom: solid 1px #fff;display:none;padding-top:5px;}
.menu_m li:hover{background:#fbd401;}
.menu_m li:hover a{color:#297cbf;}
.menu_m li:hover .caret{display:block;}
.mnspp a{color:#444 !important;padding:10px 0 !important;font-size: 16px;font-weight: bold}
.menu_m .act .caret{display:block;}
.menu_m .act {background:#fbd401;}  
.menu_m .act a{color:#297cbf;}
.menu_m li .mnspp{width: 100%;min-height: 100px;border: 1px solid #f4f4f4;box-shadow: 0 0 5px #515151;opacity: 0;transition: opacity 0.4s linear;position: absolute;z-index: 111;background: #fff;left: 0;display: none;overflow: hidden;line-height: 30px !important;}
.mnspp a{color:#444 !important;padding:10px 0 !important;font-size: 16px;font-weight: normal}
.menu_m li:hover .mnspp{opacity: 1;display: block}
.mnspp a:hover img{transform: translateZ(0) scale(1.2);}
.mnspp a:hover{color: #ffab00 !important;text-decoration:underline !important;}
.menu_m li ul {width:240px;padding-top:1px;margin:0;color:#FFFFFF;display:none;position:absolute;z-index:400;}  
.menu_m li:hover ul{display:block;position:absolute;z-index: 9999}              
.menu_m li ul li {float:none;font-size:12px;background:#fff;height:auto;line-height:16px;border-top:solid 1px #ccc;margin-left:-1px;margin-top:-1px;padding-left:5px;position:relative;text-transform:none;border:solid 1px #ccc}
.menu_m li ul li:hover {background:#e2392a;}
.menu_m li ul li a{padding:11px 0 !important;font-size:14px;color:#444 !important;padding-left:6px;display:block;padding:0px;background:none;}
.menu_m li ul li:hover a{color:#fff !important;}
.menu_m li ul li ul{left:242px;display:none !important;border-bottom:none;}
.menu_m li ul li:hover ul{display:block !important;top:0px;padding:0;}
.menu_m li ul li:hover ul li a{color:#444 !important ;}
.menu_m li ul li ul li:hover a{color:#fff !important;}
.search{width:210px;height: 30px;position: relative;border:solid 1px #ccc;float: left;}
#keyword{outline: none;float: left;border: none;color: #6787B4;height: 30px;width:80%;padding-left: 5px;font-size: 12px;background: #fff;}
#search-button {width: 17%;height: 30px;background:url(../images/icon_tk.png) 10px no-repeat,#fff;font-size: 16px;float: left;cursor: pointer;outline: none;color:#fff;border:none;}
/* menurp */
.mn_pl {width: 50px;cursor: pointer;float: right;text-align: center;line-height: 53px;height: 44px;background: #0266b9;}
.menurp{display: none;//background: url('../images/bg_meurp.png');min-height: 45px;color:#fff;width: 100%;margin:auto;border-bottom: solid 2px #fff;background: #0266b9;float: left;position: relative;
    /*background-image: -webkit-linear-gradient(top, #eeb818 0%, #eeb818 100%);
    background-image: -moz-linear-gradient(top, #eeb818 0%, #eeb818 100%);
    background-image: -ms-linear-gradient(top, #eeb818 0%, #eeb818 100%);
    background-image: -o-linear-gradient(top, #eeb818 0%, #eeb818 100%);
    background-image: linear-gradient(top, #eeb818 0%, #eeb818 100%);*/}
.menu{min-height: 45px;}
.menu li a{color:#f9f9f9;font-weight: bold;font-size: 18px;line-height: 46px;padding-left:10px;text-transform:uppercase;letter-spacing:1px;}
.menu li ul li{min-height: 45px;background: #e8e8e8;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #b5b5b5;}
.menu li ul li a{font-size: 14px;font-weight: normal;padding-left:30px;color:#444;}
.menu2{position: relative;}
.menu2 li ul{border-top:solid 1px #444;}
.menu2 li ul li a{padding-left:50px;color:#444;}
.actm{color:#ff0 !important;}
.ttt {content: "";width: 0px;height: 0px;border: 10px solid transparent;border-bottom: 10px solid #444;position: absolute;top: 27px;left: 55px;}
/* menurp */
.content{max-width:100%;margin:0 auto;position: relative;overflow: hidden;min-height: 400px;margin-top:40px;}
.center{max-width:1320px;margin:auto;margin-top:40px;min-height: 300px;}
//.mm_cent{width:90%;margin:50px auto}
.left{width:315px;float:left;}
.left_ct{width: 100%;float:left;}
.con_left{width:320px;float:left;min-height:400px;}
.right{width:962px;float:right;min-height:400px;padding-bottom: 5px;}
.right-center{width:790px;float:right;}
.title{min-height:38px;text-align:center;color:#fff;text-transform:uppercase;}
.title a{color:#111;padding:5px 65px;border-top:solid 1px #ffc473;border-bottom:solid 1px #ffc473;font-size: 18px;}
.title-ct{font-size:18px;text-transform:uppercase;color:#fff;float: left;background:#0266b9;padding:9px 30px  ;border-radius: 10px 10px 0 0}
.title-ct2{float:left;font-size:20px;text-transform:uppercase;color:#000;border-bottom:2px solid #515151;}
.danhmuc{width: 322px;height:72px;font-family: tahoma;text-align: center;background:url(../images/bg-titlel.png) no-repeat; position: relative;top: -1px;left: -7px;border-radius: 14px 0 0 0}
.danhmuc h3{color:#1d3aa0;font-size: 20px;}
.danhmuc h3 a{color:#1d3aa0}
.danhmuc-title{color: #fff;padding: 11px 0px;font-size: 16px;text-transform: uppercase;margin:auto;width: 100%;}
.danhmuc-title h1, h2, h3,h4 {font-weight:normal;font-size: 14px;}
.danhmuc-tg{float:left; width:0px;height:0px;border-bottom: 0px solid transparent;border-top: 38px solid transparent;border-left: 38px solid #1d3aa0;}
.danhmuc-xh{width:100px;height:100%;float: right;font-size: 14px;font-weight: bold;background:#ffef00;text-align: center;line-height:42px;position: relative}
.danhmuc-xh a{color: #222;display: block}
.danhmuc-xhgiac{position: absolute;top: 11px;left: -8px;width:0px;height:0px;border-bottom:8px solid transparent;border-top:8px solid transparent;border-right:8px solid #ffef00;}
/* footer */
.mxhfot a{padding:0 5px;}
.border-fot{width: 100%;height: 8px;border-top:solid 1px #ffc20e;border-bottom:solid 1px #ffc20e;}
.footer{width: 100%;background: #007cc3;margin-top:20px;}
.fot-ct{width: 92%;margin: auto;padding: 30px 0 20px 0;
    //-webkit-transform: skew(-14deg);
    //-moz-transform: skew(-14deg);
    //-o-transform: skew(-14deg);}
.fot-ct2{max-width: 90%;margin: auto;padding-top: 45px;-webkit-transform: skew(14deg);}
#linkp{height:34px;color:#fff;line-height:34px;font-size:12px;text-align:right;text-align: center;
    background:#ffc20e;text-transform: uppercase;
/*  background-image: -webkit-linear-gradient(top, #c20a1b 0%, #ec071d 100%);
    background-image: -moz-linear-gradient(top, #c20a1b 0%, #ec071d 100%);
    background-image: -ms-linear-gradient(top, #c20a1b 0%, #ec071d 100%);
    background-image: -o-linear-gradient(top, #c20a1b 0%, #ec071d 100%);
    background-image: linear-gradient(top, #c20a1b 0%, #ec071d 100%); */
}
#linkp a{color:#fff;}

.w20{width:20%;float:left}.w25{width:25%;float:left}.w30{width:30%;float:left}.w33{width:33%;float:left}.w40{width:40%;float:left}.w50{width:50%;float:left}
//.fot-on1 {background: url(../images/icon-on1.png) 10px 2px no-repeat;font-size: 14px;padding: 4px 40px;white-space: nowrap;margin: 5px 0;}
//.fot-on2 {background: url(../images/icon-on2.png) 6px 2px no-repeat;font-size: 14px;padding: 4px 40px;white-space: nowrap;margin: 5px 0;}
//.fot-on3 {background: url(../images/icon-on3.png) 10px 4px no-repeat;font-size: 14px;padding: 4px 40px;white-space: nowrap;margin: 5px 0;}
.fot-on4 {background: url(../images/o1.png) 0 2px no-repeat;font-size: 14px;padding: 4px 40px;white-space: nowrap;margin: 5px 0;}
.fot-on5 {background: url(../images/o2.png) 0 2px no-repeat;font-size: 14px;padding: 4px 40px;white-space: nowrap;margin: 5px 0;}
.fot-title{padding-bottom: 10px;color:#fff;font-size: 16px;text-transform: uppercase;border-bottom: solid 1px #fff;}
.fot-title2{font-size: 14px;padding-bottom: 5px;color: #000}
.fot-title3{text-align:center;color:#fff;font-size: 16px;font-weight: bold;text-transform: uppercase;}
.lkftt{text-align: center;padding-top: 10px;}
.lkftt img{padding:0 5px;}
.fot-inp{width:100%;margin-bottom: 10px;padding:5px 0px;outline: none;}
.fot-btn{background:#c07f0a;outline: none;border: none;color:#000;padding:8px 15px;margin:auto;cursor:pointer;}
.fot-line{max-width: 220px;margin:auto;font-size: 14px;font-weight: bold;padding-bottom:10px;}
.fot-pline p {padding-bottom: 10px;color: #000;font-size: 14px;}
.tktc-fot li{font-size: 14px;padding:5px 35px;color:#fff;}
.imgmax{text-align: center}
.imgmax img{max-width: 98%}
.fot-pline{}
/* gioi thieu */
.newsblock {margin-bottom: 15px;padding-left: 10px;padding-right: 10px;min-height: 135px;border-bottom: 1px solid #cccccc;font-family:tahoma;}
.newsblock a {color: #444;}
.newsblock a:hover {color: #ff4040;}
.newsblock img {float: left;width: 160px;height: 110px;margin-right: 15px;}
.newsblock h4 {margin: 0;font-size: 16px;font-weight: bold;color: #001a4b;min-height: 25px;}
.newsblock h4 a{ color: #001a4b;}
.newsblock span{font-size: 15px;padding-top: 10px;}
.newsblock .date {margin-top: 5px;font-size: 14px;color: #888;}
.newsblock p {font-size: 14px;line-height: 1.5;}
.newsblock .readmore {display: block;text-align: right;font-size: 13px;width: 100%;margin-top: -5px;padding-bottom: 10px;}
.newsblock .readmore::after {content: '>>';margin-left: 10px;}
.news-title{color:#173eb1;font-size:25px;font-family: honghahep;float:left;}
.newsblock2 {margin-bottom: 15px;padding-left: 10px;padding-right: 10px;min-height: 135px;border-bottom: 1px solid #cccccc;}
.newsblock2 a {color: #444;font-family:arial;}
.newsblock2 a:hover {color: #ff4040;}
.newsblock2 img {float: left;width: 90px;margin-right: 15px;}
.newsblock2 h4 {margin: 0;font-size: 16px;font-weight: bold;color: #001a4b;min-height: 25px;}
.newsblock2 h4 a{ color: #001a4b;}
.newsblock2 span{font-size: 14px;padding-top: 10px;}
.newsblock2 .date {margin-top: 5px;font-size: 14px;color: #888;}
.newsblock2 p {font-size: 14px;line-height: 1.5;}
.newsblock2 .readmore {display: block;text-align: right;font-size: 13px;width: 100%;margin-top: -5px;padding-bottom: 10px;}
.newsblock2 .readmore::after {content: '>>';margin-left: 10px;}
.news-title{color:#444;font-size:25px;font-family: honghahep;float:left;}
.more-a{margin:5px;min-height:35px}
.more-a ul li{float: left;list-style-type: none;background-image: none;padding: 0 0 0 3px;margin: 0.5em 0 2px 0;font-size: 14px;}
.more-a li a{border-top: 1px solid #cecece;border-bottom: 1px solid Gray;border-left: 1px solid #cecece;border-right: 1px solid Gray;color: #696969;background-color: #eeeeee;text-decoration: none;padding: 2px 8px;}
.more-a a:hover{border-bottom: 1px solid #cecece;border-top: 1px solid Gray;border-right: 1px solid #cecece;border-left: 1px solid Gray;}
.form-control {padding-right: 42.5px;display: block;width: 80%;min-height: 28px;padding: 5px 12px;font-size: 14px;line-height: 1.42857143;color: #555555;background-color: #ffffff;background-image: none;border: 1px solid #cccccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-control:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
/* index */
.ind-ct{width: 83%;float: right;min-height: 200px;}
#main{min-height: 400px;}
/* index */
/* sp detail */
.detail:hover{color:#515151;}  
.bg_container{position: relative}
.sp-ct{width: 90%;margin-left: 5%;float: left;margin-bottom: 15px;}
.sp{width: 95%;min-height: 350px;margin:auto;position: relative;overflow: hidden;transition: 500ms;margin-bottom: 10px;}
.sp:hover{}
.sp-img{width:170px;height: 132px;overflow: hidden;float: left;padding-right: 15px;position: relative;z-index: 20;}
.sp-img img{width: 168px;height: 130px;transition: 500ms;border:solid 1px #ebebeb;}
//.sp-img:hover img{transform: scale(1.3,1.3)}
.sp-imgm{width: 96%;height: 176px;margin:auto;border:solid 6px rgba(255, 255, 255, 0.85);}
.sp-ten{height: 37px;overflow: hidden;line-height: 37px;}
.sp-ten a{color: #fa4017;font-size: 16px;display: block;font-weight: bold;text-transform: uppercase}
.sp-ten a:hover{color:#007cc3}
.sp-info{position: relative;z-index: 10;}
.sp-info p{padding-bottom: 5px;font-size: 14px;font-weight: bold;}
.sp-tt{color: #fa4017;text-transform: uppercase;}
.sp-nm ,.sp-nx{color:#444;}
.sp-nm span{color: #fa4017;font-weight: normal}
.sp-nx span{color: #006400;font-weight: normal}
.sp-chitiet{padding-top: 5px;}
.sp-chitiet a{color:#111;padding:5px 10px;font-size: 11px;background: #fa055b;border-radius: 5px;}
.sp-chitiet2{position: absolute;right:10px;bottom:7px;padding:0 !important;}
.sp-chitiet:hover a{color:#fff;background: #29c5f6;}

.page-header {margin: 0 0 40px;padding: 20px 0;position: relative;background: #f7f7f7;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.page-header-inner{max-width: 980px;margin:auto;position: relative;}
.page-header-title {display: block;font-size: 21px;line-height: 1.4em;font-weight: normal;font-weight: 400;margin: 0px;color: #000;}
.site-breadcrumbs {position: absolute;right: 0;top: 50%;height: 32px;line-height: 32px;margin-top: -16px;font-size: 0.9em;color: #bcbcbc;font-weight: normal;}
.breadcrumb-trail{font-size: 12px;}
.mauxe{width:100%;min-height: 430px;background-size:100% auto;}
.mauxe img{width: 100%;height: auto;}
.spdt-mnmau p{width: 33px;height: 22px;float:left;cursor: pointer;margin:1px 1px 1px 0px;}
/* lien he */
.main_news li{border-bottom: 1px solid #ebebeb;padding-bottom:1px;min-height: 150px;margin-left: 10px;}
.tt_img{float:left;margin-top: 10px;margin-right: 10px;border:1px #e3e3e3 solid;width: 200px;height: 130px;}
.tt_img img{width: 100%;height:100%;}
.tt_ten{padding-top:10px;font-size:14px;font-weight:bold;text-transform:uppercase;}
.tt_ten a{color:#055699;font-family: tahoma;}
.tt_mota{color:#424242;line-height: 20px;min-height:75px;font-family: arial;font-size: 14px;font-family: tahoma;}
.list_item_order{margin-left:10px;}
.list_item_order a{font-size: 16px;line-height: 25px !important;text-decoration:none;}
.list_item_order a:hover{color:#217fe4}
.list_item_order li{background:url(../images/blog-arrow.png) 0px 7px no-repeat; padding-left:15px;}
.mhead{color:#fff;font-size: 14px;line-height: 28px;min-height: 88px;}
.mhead p{max-height: 28px;width: 25%;}
.phostl{width:25%;float: left;color:#000;font-size: 18px;font-weight: bold;}
.phostl span{color:#e73327;}
.gtmcb{float: left;height:26px;background:url(../images/memail.png) 8px no-repeat,#237de6;padding: 0 10px 0 30px;}
.gtmcb a{color: #fff}
.lktop {width: 40px;height: auto;position: fixed;top: 35%;z-index: 800}
.lktop img{width:32px;padding:1px}
.langtop img{width:18px;padding:8px 3px;}
.language{cursor: pointer}
.mhe-left{width:22.5%;float: left;text-align: center;}
.mhe-left2{width: 300px;height: 134px;margin:auto;display: table-cell;text-align: center;vertical-align: middle;}
.mhe-rig{width:77.5%;float: left;}

.about-ind{width: 100%;height: 210px;}
.ab-title{padding:35px;text-align: center;font-size: 30px;font-weight: bold;}
.ab-title a{color: #e09100;display:inline-block;border-bottom: solid 1px #00aeef;padding-bottom: 10px}
.ab-mota{max-width: 990px;margin:auto;text-align: center;line-height: 24px;font-size: 16px;color:#444;}

.di-ct{min-height: 100px;border-radius: 10px;box-shadow: 0 0 5px #999;background: #f9f9f9;padding-bottom: 10px;}
.di-left ,.di-right {width: 466px;min-height: 100px;border-radius: 10px;box-shadow: 0 0 5px #999;background: #f9f9f9}
.di-left{float: left;}
.di-right{float: right;}
.di-title{height:40px;font-size: 18px;text-align: center;text-transform: uppercase;margin:auto;font-family: robotom;}
.di-title a{display: inline-block;padding:10px 30px;color:#fff;background: #007cc3;position: relative;box-shadow: 0 1px 5px #999;top:-12px;border-radius: 0 0 4px 4px;}
.fl-left{float: left;margin-left: 34px;}
.di-tgl{content: "";width: 0px;height: 0px;border: 7px solid transparent;border-top: 7px solid #007cc3;position: absolute;left: -8px;top: 3px;
    transform: rotate(-46deg);
}
.di-tgr{content: "";width: 0px;height: 0px;border: 7px solid transparent;border-top: 7px solid #007cc3;position: absolute;right: -8px;top: 3px;
    transform: rotate(46deg);
}
.bg-ct{background: url('../images/bg-ct.png') left top no-repeat;background-size: 100% auto;}
.spct-img{width: 90%;margin:auto;}
.spct-img img{width: 100%;}
.spct-info{position: relative;z-index: 10;}
.spct-info p{padding-bottom: 15px;font-size: 16px;font-weight: bold;}
.spct-tt{color: #fa4017;text-transform: uppercase;}
.spct-nm ,.spct-nx{color:#444;}
.spct-nm spctan{color: #fa4017;font-weight: normal}
.spct-nx span{color: #006400;font-weight: normal}
.nten{color: #007cc3;font-size: 22px;margin-bottom: 10px;}
.tlq{font-size: 14px;}
.tlq ul{margin-left: 15px;}
.tlq li{list-style: initial;}
.tlq li a{display: block;padding:5px 0;}
.tlq li a:hover{color: #007cc3}
.dddl-ct{width: 96%;margin:auto;}
.dddl-item{width: 95%;margin:auto;text-align: center;margin-bottom: 15px;}
.dddl-item img{width: 100%;height: 200px;border-radius: 10px 10px 0 0;}
.dddl-itemt a{color: #689eff;padding:5px 10px;font-size: 14px;display: block;font-weight: bold;}
.qc-indl  img,.qc-indr img{width: 470px;height: 145px;}
.qc-indl{text-align: left;}
.qc-indr{text-align: right;}
.lh-ind{width: 768px;margin:auto;}
.lh-inditem{text-align: center}
.lh-inditem a{display:inline-block;padding:8px 14px 6px 40px;color:#fff;font-size: 16px;border-radius: 4px;box-shadow: 0 0 5px #999;}
.lh-indhl a{background: url(../images/ind-hl.png) 10px no-repeat,#c81630;}
.lh-indem a{background: url(../images/ind-mail.png) 10px no-repeat,#c81630;}
.lh-inddk a{background: url(../images/ind-star.png) 10px no-repeat,#c81630;}
.left-map{width: 294px;height: 380px;margin:auto;}
.left-map iframe{width: 100% !important;height: 380px !important;}


.phonering-alo-phone.phonering-alo-static {
    opacity:.6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity:1
}

.phonering-alo-ph-circle {
    width:160px;
    height:160px;
    top:20px;
    left:20px;
    position:absolute;
    background-color:transparent;
    border-radius:100% !important;
    border:2px solid rgba(30,30,30,0.4);
    border:2px solid #bfebfc 9;
    opacity:.1;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    border-color:#baf5a7;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#00aff2 ;
    border-color:#bfebfc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    opacity:.5
}

.phonering-alo-ph-circle-fill {
    width:100px;
    height:100px;
    top:50px;
    left:50px;
    position:absolute;
    background-color: #000;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#00aff2 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    background-color:#baf5a7 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    background-color:#ccc 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
}

.phonering-alo-ph-img-circle {
    width:60px;
    height:60px;
    top:70px;
    left:70px;
    position:absolute;
    background:rgba(30,30,30,0.1) url("../images/phone-v1.png") no-repeat center center;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#00aff2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#75eb50;
    background-color:#75eb50 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#00aff2;
    background-color:#00aff2 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
}


@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

.footer-hotline {
    position: fixed;
    right: 0;
    bottom: 5px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 20px;
    z-index: 9999;
}
.footer-hotline a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.footer-zalo {
    margin-left: 10px;
}
.footer-zalo img {
    width: 60px;
}
@media screen and (max-width:991px){
    .phonering-alo-ph-circle-fill{
        width: 150px;
        height: 150px;
    }
    .phonering-alo-ph-img-circle {
    width: 100px;
    height: 100px;
    top: 30px;
}
    .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle img {
        width: 100px !important;
    }
    .footer-zalo img {
        width: 100px;
    }
}