.w-100{width: 100%;}
.not-transition {
   transition: all 0s linear;
   -webkit-transition: all 0s linear;
   -moz-transition: all 0s linear;
   -o-transition: all 0s linear;
   -ms-transition: all 0s linear;
}
.ch {
   font-family: roboto_r;
   margin-bottom: 25px;
   line-height: 24px;
   font-size: 14px;
   background: #e3e2e2;
   padding: 15px;
}
.date_1 span {
   display: block;
   margin-bottom: 8px;
}
.k_all {
   color: #000;
   font-family: "roboto_r";
   border: 1px solid #ccc;
   margin-top: 15px;
}
.k_all_in {
   border-bottom: 1px solid #ccc;
   position: relative;
}
.k_all_in1 {
   width: 40px;
   float: left;
   text-align: center;
   position: relative;
}
.sps {
   position: absolute;
   left: 18px;
   top: 40%;
}
.k_all_in2 {
   width: calc(100% - 40px);
   float: left;
   padding: 8px 0;
   border-left: 1px solid #ccc;
}
.pc1 {
   width: 100%;
   padding: 0 10px;
   padding-top: 5px;
}
.pc6 {
   float: left;
   padding: 0 10px;
   padding-top: 5px;
   width: 50%;
}
.txt_k {
   padding: 0 10px;
   margin-bottom: 3px;
   font-size: 14px;
}
.ipalk {
   width: calc(100% - 60px);
   border: none;
   border-bottom: 1px dotted#666;
   line-height: 0;
   margin-top: -7px;
   outline: none;
}
.spnk1 {
   float: left;
   margin-top: 2px;
   padding-left: 5px;
   position: relative;
}
.pc3 {
   width: 33%;
   float: left;
   padding: 0 10px;
   padding-top: 5px;
}
.rdo {
   float: left;
}
.spnk {
   float: left;
   margin-top: 3px;
   padding-left: 5px;
   width: calc(100% - 20px);
   z-index: 9999;
   position: relative;
}
.pc8 {
   width: 60%;
   float: left;
   padding: 0 10px;
   padding-top: 5px;
}
.ypk100 {
   width: 100% !important;
}
.pc12 {
   width: 100%;
   float: left;
   padding: 0 10px;
   padding-top: 5px;
}
.pc4 {
   width: 40%;
   float: left;
   padding: 0 10px;
   padding-top: 5px;
}
.divf {
   font-style: italic;
   color: #000;
   font-family: "roboto_r";
   font-size: 15px;
   margin-top: 25px;
}
.divf1 {
   text-transform: uppercase;
   font-weight: bold;
   font-family: Time;
   color: #000;
   font-size: 19px;
   margin-top: 20px;
   margin-bottom: -5px;
}
.clear_251 {
   clear: both;
   height: 50px;
}
.tdmain_left_1 {
   width: calc(70% - 30px);
   float: left;
}
.ack {
   border-bottom: 1px solid #ccc;
}
.ip100_1 {
   width: 100%;
   bottom: 0;
   border: none;
   border-bottom: 1px dotted;
   outline: none;
   margin-left: 5px;
   padding-left: 10px;
   line-height: 0;
   position: absolute;
}
.line1 {
   border: 1px solid #ccc;
}
.logo_l1 {
   float: left;
   border-right: 1px solid #ccc;
   padding: 10px;
   height: 100px;
}
.logo_l2 {
   font-size: 24px;
   text-transform: uppercase;
   padding-left: 28px;
   float: left;
   height: 100px;
   line-height: 95px;
   font-weight: bold;
}
.line_all {
   border: 1px solid #ccc;
   margin-top: 15px;
   color: #000;
}
.line_all1 {
   float: left;
   width: 50px;
   text-align: center;
   border-right: 1px solid #ccc;
   line-height: 45px;
}
.line_all2 {
   width: calc(100% - 50px);
   float: left;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   position: relative;
   overflow: hidden;
}

.line_all22 {
   width: 100%;
   float: left;
}
.sbtt {
   display: block;
   width: 150px;
   margin: 20px auto;
   color: #fff;
   background: #25216d;
   border: none;
   text-transform: uppercase;
   line-height: 40px;
}
.sbtt:hover {
   background: #322bba;
}
.linv {
   line-height: 40px;
   margin-top: -10px;
   margin-bottom: 0px;
}
.line_all222 {
   width: 30%;
   float: left;
   padding-right: 5px;
}
.wm50 {
   width: 50%;
   float: left;
}
.ip100 {
   width: 100%;
   border: none;
   border-bottom: 1px dotted;
   outline: none;
   padding-left: 10px;
   line-height: 0;
   float: right;
   position: absolute;
}
.mdrt1 {
   line-height: 60px;
}
.ip100_2 {
   right: -10px;
   bottom: 10px;
   z-index: 99;
   position: relative;
   width: calc(100% + 10px);
}
.ip100_3 {
   max-width: calc(100% - 26px);
}
.ip100_4 {
   max-width: calc(100% - 18px);
}
.ack_n {
   border: none;
}
.msd {
   position: relative;
   z-index: 999999999999999999;
}
.msd_span {
   position: fixed;
   bottom: 209px;
   right: 52px;
   cursor: pointer;
   background-color: rgba(29, 36, 62, 0.7);
   color: #fff;
   padding: 8px 10px;
   border-radius: 4px;
   display: none;
}
.msd:hover .msd_span {
   display: block;
}
.msd_span::after {
   left: 100%;
   transform: rotateZ(-180deg);
   content: "";
   position: absolute;
   top: 50%;
   margin-top: -5px;
   border-width: 5px;
   border-style: solid;
   border-color: transparent rgba(29, 36, 62, 0.7) transparent transparent !important;
}
.dmgf {
}
.dmgf img {
   width: 200px;
}
.msd_span1 {
   position: fixed;
   bottom: 152px;
   right: 53px;
   cursor: pointer;
   background-color: rgba(29, 36, 62, 0.7);
   color: #fff;
   padding: 8px 10px;
   border-radius: 4px;
   display: none;
}
#ltd:hover .msd_span1 {
   display: block;
}
.msd_span1::after {
   left: 100%;
   transform: rotateZ(-180deg);
   content: "";
   position: absolute;
   top: 50%;
   margin-top: -5px;
   border-width: 5px;
   border-style: solid;
   border-color: transparent rgba(29, 36, 62, 0.7) transparent transparent !important;
}

.facebook-messenger-avatar {
   width: 45px;
   background: #1d8ce5;
   border-radius: 50%;
   right: 0;
   position: fixed;
   bottom: 206px;
}
#ltd {
   position: fixed;
   z-index: 999999999999999999;
   bottom: 150px;
   cursor: pointer;
   right: 0;
   color: #fff;
   display: block !important;
   line-height: 20px;
   width: 45px;
   text-align: center;
}
#ltd:hover {
}
#ltd span {
   background: #fff;
   color: #000;
   display: block;
   border-radius: 50%;
   padding-top: 10px;
   font-size: 12px;
   width: 55px;
   height: 55px;
   margin-top: 5px;
   margin-left: 5px;
   font-family: robotobold;
}
.cdmk {
   width: 20%;
}
.ngonngu a:hover {
   color: #25216d;
}
.mk_center {
   text-align: left;
}
.facebook-messenger-avatar:hover {
   background: #4b8cd4;
}
.mbh a {
   font-size: 20px;
   float: right;
   margin: 0 10px;
   margin-top: 32px;
}
.ficv {
   float: left;
}
.span_cv {
   line-height: 24px;
   padding-left: 5px;
   font-family: robotobold;
   font-size: 14px;
}
.nd_bk {
   background: #fff;
   padding: 30px;
   box-shadow: 0px 0px 5px 0px #ccc;
}
.aple {
   font-style: italic;
   font-size: 15px;
   display: flex;
   margin-bottom: 10px;
}
.aple1 {
   width: 220px;
}
.aple2 {
}
.text-in {
   font-weight: 600;
   color: #0b57ab;
   margin-top: 2px;
   background: #fff;
   border-radius: 8px;
   margin-left: 50px;
   padding: 10px 0;
   padding-left: 10px;
   border: 1px solid #0b57ab;
}
.khhv img {
   float: left;
   margin-right: 5px;
   position: absolute;
   top: 84px;
   left: 0;
}
.apply {
   background: #25216d;
   border: none;
   color: #fff;
   padding: 10px 30px;
   padding-bottom: 15px;
   font-family: sfu_futurabold;
   font-size: 16px;
}
.prd {
   color: #25216d;
}
.txtut {
   font-family: sfu_futuraheavy;
   font-size: 20px;
   line-height: 30px;
   margin-bottom: 20px;
   text-align: center;
   margin-top: 10px;
}
.apply:hover {
   background: #25216d;
}
.iput {
   width: 100%;
   height: 40px;
   padding-left: 10px;
   margin-bottom: 15px;
   border: 1px solid #ccc;
}
.bk_hl {
   display: inline-block;
   top: 270px;
   right: 0;
   transition: 0.5s;
   width: 170px;
   z-index: 999;
   font-size: 12px;
}
.bk_hl:hover {
   right: 0;
}
.bk_hl1 {
   top: 330px;
}
.bk_hl2 {
   top: 390px;
}
.frm_ut {
   background: #fff;
   padding: 15px;
   margin-top: 10px;
}
.fa-youtube {
   color: #e01f1f;
}
.fa-facebook {
   color: #3d389c;
}
.fa-google {
   color: #f00;
}
.fa-twitter {
   color: #428bca;
}
.ndtd_left {
   float: left;
   width: calc(100% - 300px);
   color: #fff;
   margin-right: 20px;
}
.ndtd_left h3 {
   font-family: sfu_futurabold;
   margin-bottom: 20px;
}
.ndtd_right {
   width: 220px;
   float: left;
   text-align: center;
   margin-top: 25px;
}
.ndtd_right a {
   display: inline-block;
   line-height: 41px;
   text-align: center;
   background: url(images/ut.png);
   color: #fff;
   font-family: sfu_futurabold;
   font-size: 18px;
   width: 220px;
   height: 45px;
}
.ndtd_right a.vf {
   margin-top: 5px;
   background: #f00;
   border-radius: 6px;
   padding: 0px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-bottom: 4px;
   text-transform: uppercase;
   padding-right: 7px;
   font-size: 17px;
   transition: 0.5s;
}
.ndtd_right a.vf img{height: 30px !important;display: inline-block;position: relative;top: 2px;margin-right: 7px;}
.ndtd_right a.vf:hover{background: #cf0000;color:#Fff !important}
.td_top {
   background: #25216d;
   padding-bottom: 15px;
   margin-bottom: 15px;
}
.ndtd {
   max-width: 1200px;
   margin: auto;
   padding: 0 15px;
}
.ttkl {
   margin: 0;
}
.vt-title1 {
   font-family: robotobold;
   color: #25216d;
   text-transform: uppercase;
   font-size: 18px;
}
.ttkl a {
   font-size: 16px;
   color: #000;
   font-family: open_semi;
}
.ttkl a:hover {
   color: #f00;
}
._thongtin {
   max-width: 1200px;
   margin: auto;
   padding: 40px 0;
}
._ngoaithat {
   padding: 40px 0;
   background: #333333;
}
._ngoaithat .h3_pro {
   color: #fff;
}
._ngoaithat .h3_pro::before {
   background: #fff;
}
._noithat {
   padding: 40px 0;
}
._hieusuat {
   padding: 40px 0;
   background: #333333;
}
._hieusuat .h3_pro {
   color: #fff;
}
._hieusuat .h3_pro::before {
   background: #fff;
}
._phukien {
   padding: 40px 0;
   background: #333333;
}
._phukien .h3_pro {
   color: #fff;
}
._phukien .h3_pro::before {
   background: #fff;
}
._mausac {
   padding: 40px 0;
}
._video {
   padding: 40px 0;
   background: #333333;
   text-align: center;
}
._video .h3_pro {
   color: #fff;
}
._video .h3_pro::before {
   background: #fff;
}
._thongsokythuat {
   padding: 40px 0;
   max-width: 1200px;
   margin: auto;
}
.mnt {
   max-width: 1200px;
   padding: 0 15px;
   margin: 0 auto;
}
.title_td {
   color: #25216d;
   font-family: robotobold;
   border-left: 4px solid;

   font-size: 18px;
   position: relative;
}
.name_td1 {
   float: left;
   width: 40%;
   font-family: roboto_r;
   font-size: 15px;
   font-style: italic;
   color: #2c2cdd;
}
.name_td2 {
   float: left;
   width: 15%;
   font-family: roboto_r;
   font-family: roboto_r;
   font-size: 15px;
   font-style: italic;
   color: #2c2cdd;
}
.bk_tdf {
   background: #fff;
   padding: 15px;
   padding-bottom: 0px;
   padding-top: 35px;
   margin-bottom: 30px;
}
h3.bk_tdf1 {
   margin: 0;
   background: #25216d;
   color: #fff;
   line-height: 40px;
   text-align: center;
   font-family: RobotoBoldCondensed;
   text-transform: uppercase;
   font-size: 18px;
}
.tdmain_left {
   width: calc(70% - 15px);
   float: left;
}
.tdmain_left.tdmain_left-main{float:right;}
.title-tuyendung{
    font-size: 20px;
    border-bottom: 2px solid #25216d;
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.mt-3{
    margin-top: 30px;
}
.mb-3{
    margin-bottom: 30px;
}
.title-tuyendung{}
.tdmain_right {
   width: 30%;
   float: right;
}
.tdmain_right.tdmain_right-main{float:left;width: 29%;}
.bkwhite_15 {
   background: #fff;
   padding: 15px;
}
.divk {
   border-bottom: 1px dashed #ddd;
   padding: 10px 0;
}
.dif {
   border-bottom: 1px dashed #ddd;
   padding: 10px 0;
}
.name_tc1 {
   float: left;
   width: 40%;
   font-family: roboto_r;
   font-size: 14px;
   color: #000;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   padding-right: 10px;
}
.name_tc2 {
   float: left;
   width: 15%;
   font-family: roboto_r;
   padding-right: 10px;
   font-size: 14px;
   color: #000;
}
.divk p{
   float: left;
   width: 15%;
   font-family: roboto_r;
   padding-right: 10px;
   font-size: 14px;
   color: #000;
   background: green;
   color: #fff;
   padding: 6px;
   border-radius: 3px;
   text-align: center;
   font-size: 14px;
   margin-bottom: 0px;
}
.title_td .spant1 {
   position: absolute;
   height: 1px;
   width: 100%;
   background: #ccc;
   left: 0;
   top: 10px;
}
.sb_tk {
   background: #25216d;
   display: block;
   font-family: roboto_r;
   color: #fff;
   text-transform: uppercase;
   border: none;
   width: 100%;
   height: 65px;
}
.sb_tk:hover {
   background: #25216d;
}
.selo {
   width: 100%;
   height: 35px;
   border-radius: 4px;
   border: 1px solid #ccc;
   font-family: roboto_r;
   border: none;
   font-style: italic;
   color: #8a8a8a;
   outline: 0;
}
.cover-input{
    width: 30%;
    float: left;
    border: 1px solid #ccc;
    padding: 10px 10px 0px 10px;
}
.cover-input p{
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.title_td .spant2 {
   background: #fff;
   z-index: 999;
   position: relative;
   padding-left: 10px;
   padding-right: 10px;
}
.h3_pro {
   text-transform: uppercase;
   font-family: robotobold;
   color: #000;
   text-align: center;
   font-size: 20px;
   padding-bottom: 15px;
   margin-bottom: 30px;
   position: relative;
}

.h3_pro::before {
   content: "";
   width: 120px;
   height: 3px;
   position: absolute;
   bottom: 0px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 1;
   background: rgb(37, 33, 109);
}
.fixed-menu1 {
   position: fixed !important;
   top: 0px;
   width: 100%;
   left: 0;
   right: 0;
}
.menuFixed {
   position: fixed;
   top: 40%;
   right: 0px;
   -webkit-transform: translate(0%, -50%);
   -moz-transform: translate(0%, -50%);
   -o-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
   z-index: 999;
   cursor: pointer;
   pointer-events: none;
}
.menuFixed li {
   display: block;
   position: relative;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   color: #ffffff;
   width: 100%;
   height: 0px;
   right: 0;
   clear: both;
}
.menuFixed li a {
   color: #ffffff;
}
.menuFixed li .divText {
   display: block;
   position: relative;
   float: left;
   width: 100%;
   height: 50px;
   padding-right: 50px;
   z-index: 1;
   background-color: #25216d;
   border-top: solid 1px rgba(255, 255, 255, 0.5);
   transform: translateX(100%);
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   pointer-events: auto;
}
.menuFixed li .divIcon {
   position: absolute;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 1;
   width: 49px;
   height: 50px;
   top: 0;
   right: 0;
   background-color: #25216d;
   border-top: 1px solid rgba(255, 255, 255, 0.5);
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   pointer-events: auto;
   font-size: 22px;
   line-height: 30px;
}
.menuFixed li .divText > span {
   display: block;
   font-size: 14px;
   line-height: 23px;
   padding: 13px 10px 0px 25px;
}
.menuFixed li .divText .social {
   padding: 0;
}
.menuFixed li .divText .social > span i {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.menuFixed li .divText .social .google:hover {
   background: #d34836;
}
.menuFixed li .divText .social .facebook:hover {
   background: #305891;
}
.menuFixed li .divText .social .plug:hover {
   background: #f00;
}
.menuFixed li .divText .social .twitter:hover {
   background: #1da1f2;
}
.menuFixed li .divText span {
   color: #ffffff;
   font-family: roboto_r;
}
.menuFixed li:hover .divText {
   background-color: #251dc5;
}
.menuFixed li:hover .divIcon {
   background-color: #251dc5;
}
.menuFixed li:hover {
   background-color: #d25a0c;
}
.menuFixed.show li .divText {
   transform: translateX(0%);
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
}
.menuFixed li .divText .social .facebook:hover {
   background: #305891;
}
.menuFixed li .divText .social > span {
   float: left;
   display: block;
   width: 50px;
   height: 50px;
   font-size: 18px;
   position: relative;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.ndp {
   margin-top: 25px;
   font-family: open_rr;
   font-size: 14px;
   line-height: 24px;
}
.h3_name_pro {
   line-height: 40px;
   text-transform: uppercase;
   color: #25216d;
   text-align: center;
   font-family: RobotoBoldCondensed;
   font-size: 30px;
   margin-bottom: 40px;
}
.avf {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: center;
}
.imgx1 {
   margin-right: 20px;
}
.imgx2 {
   font-family: robotobold;
}
.cvn1 {
   font-weight: bold;
   font-size: 14px;
   color: #666666;
   white-space: nowrap;
   text-transform: uppercase;
}
.cvn2 {
   font-size: 20px;
   line-height: 30px;
   white-space: nowrap;
   font-weight: bold;
}
.fixed-menu10 {
   position: fixed !important;
   top: 0px;
   width: 100%;
   z-index: 9999;
}
.h3_pro::after {
   content: "";
   position: absolute;
   width: 385px;
   height: 1px;
   background: #e0e0e0;
   bottom: 0;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%);
   z-index: 1;
}
.menu_fix {
   text-align: center;
   font-size: 14px;
   text-transform: uppercase;
   font-family: robotobold;
   box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
   padding: 15px 0;
   background: #fff;
   margin-bottom: 20px;
}
.menu_fix a {
   color: #000;
   padding: 0 15px;
   cursor: pointer;
}
.menu_fix a:hover {
   color: #25216d;
}

.date_1 {
   background: #e9ebf2;
   font-size: 20px;
   color: #bbb;
   font-family: open_sansbold;
   text-align: center;
   width: 75px;
   height: 80px;
   float: left;
   padding-top: 10px;
}
.pro_slider {
   position: relative;
   text-align: center;
   /* max-width: 1349px; */
   /* margin: auto; */
}
.pro_detail {
   position: absolute;
   z-index: 99;
   max-width: 260px;
   width: 100%;
   top: 50%;
   background: #fff;
   right: 30px;
   padding: 20px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
}
.pro_detail h3 {
   margin: 0;
   margin-left: -20px;
   margin-right: -20px;
   margin-top: -20px;
   font-size: 20px;
   font-family: robotobold;
   color: #fff;
   background: #25216d;
   padding: 20px;
   margin-bottom: 15px;
   text-transform: uppercase;
}
.prt1 {
   float: left;
   width: 100px;
   font-family: open_semi;
   color: #000;
   font-size: 14px;
}
.prt2 {
   float: left;
   overflow: hidden;
   font-family: roboto_r;
   color: #666666;
   font-weight: normal;
   width: calc(100% - 100px);
   font-size: 14px;
   min-height: 18px;
}
.gia_p2 {
   color: #f00;
   font-family: robotobold;
}
.bkwhite {
   background: #fff;
}
.ct_new h3 a:hover {
   color: #25216d;
}
.bgtt {
   min-height: 750px;
   background: url(images/bgtt.jpg);
   margin-top: 20px;
}
.vt-title {
   color: #25216d;
   font-weight: 300;
   line-height: 40px;
   font-family: roboto_r;
   text-align: center;
   padding-bottom: 10px;
   margin-bottom: 30px;
   font-size: 28px;
   transition: 0.5s;
   background: url(images/itc1.png) no-repeat center bottom;
   text-transform: capitalize;
}
.vt-title:hover {
   background: url(images/itc.png) no-repeat center bottom;
   color: #25216d;
}
.vt-title::after {
   content: url(images/l2.png);
   line-height: 0;
   padding-left: 5px;
   top: 0px;
   width: 134px;
   height: 12px;
}
.cctd {
   font-size: 18px;
   font-family: roboto_r;
   color: #393939;
   display: block;
   width: calc(100% - 70px);
   float: right;
   line-height: 25px;
}
.cctd:hover {
   color: #25216d;
}
.date_n {
   font-size: 16px;
   font-family: roboto_r;
   background: #25216d;
   color: #fff;
   float: left;
   width: 60px;
   text-align: center;
   height: 60px;
   margin-right: 10px;
   margin-bottom: 20px;
}
.date_n .sapn1 {
   display: block;
   border-bottom: 1.4px solid #fff;
   padding-bottom: 5px;
   max-width: 45px;
   margin: 6px auto;
}
.date_n .sapn2 {
   display: block;
   margin-bottom: 5px;
}
.vt-title::before {
   content: url(images/l1.png);
   line-height: 0;
   padding-right: 5px;
   top: 0px;
   width: 134px;
   height: 12px;
}
.slick_sp {
   padding-bottom: 40px;
}
.ttv {
   border-bottom: 1px solid #ccc;
   font-family: roboto_r;
   font-size: 28px;
   padding-bottom: 10px;
   text-transform: capitalize;
   margin-bottom: 20px;
}
.ttv span {
   color: #000;
   font-family: open_sansbold;
}
.cvt1 {
   font-size: 22px;
   font-family: open_sansbold;
   color: #333437;
   text-transform: uppercase;
   text-align: center;
   margin-top: 30px;
}
.cvt2 {
   color: #333437;
   font-family: open_rr;
   font-size: 16px;
   text-align: center;
   padding-top: 10px;
}
.cvt3 {
   display: block;
   width: 165px;
   line-height: 50px;
   margin: 20px auto;
   background: #f0f5ff url(images/rb.png) no-repeat center left 35px;
   font-size: 16px;
   text-align: center;
   text-transform: uppercase;
   color: #000;
   font-family: open_sansbold;
}
.cvt3:hover {
   background: #b8c7e4 url(images/rb.png) no-repeat center left 35px;
   color: #000;
}
.cnk {
   height: 2px;
   background: #bbb;
   width: 60px;
   margin: auto;
   margin-bottom: 4px !important;
}
.date_1 span:last-child {
   font-size: 13px;
}
.hl span {
   font-family: avo;
   color: #f00;
   display: block;
   font-size: 18px;
}
.nx {
   max-width: 800px;
   margin: auto;
   text-align: center;
   color: #fff;
   font-size: 20px;
   font-family: roboto_l;
   line-height: 30px;
}
.nx img {
   margin-bottom: 20px;
   border-radius: 50%;
   background: #fff;
   padding: 3px;
   margin-top: -50px;
   box-shadow: 0px 2px 4px 2px #ccc;
}
.spd1 {
   display: block;
   font-family: roboto_r;
}
.spd2 {
   font-style: italic;
   color: #fe9900;
   display: block;
   font-size: 16px;
   font-family: roboto_r;
   margin-bottom: 5px;
}
.spd3 {
   max-height: 120px;
   overflow: hidden;
   display: block;
}
.zom {
   -webkit-transition: -webkit-transform 0.5s ease;
   -moz-transition: -moz-transform 0.5s ease;
   transition: transform 0.5s ease;
   transition: 0.5s;
}
.zom:hover {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
}
.ch:hover .date_1 {
   background: #223f83;
   color: #fff;
}
.date_1:hover {
   background: #9edc09;
   color: #fff;
}
.chdd:hover {
   color: #f00;
   border-color: #f00;
}
.date_2 h3:hover a {
   color: #223f83 !important;
}
.a_ft:hover {
   color: #25216d;
}
.ch img {
   width: 100%;
}
.date_2 {
   float: left;
   width: calc(100% - 75px);
   background: #fff;
   margin-top: -30px;
   z-index: 9;
   position: relative;
   padding-left: 7px;
}

.date_2 h3 {
   margin-top: 5px;
   margin-bottom: 10px;
   line-height: 20px;
   height: 70px;
   overflow: hidden;
}
.mrb20 {
   margin-bottom: 20px;
}
.date_2 h3 a {
   color: #444;
   font-size: 14px;
   text-transform: uppercase;
   font-family: open_semi;
}
.ab_all img {
   width: 100%;
   outline: none;
}
.p_img {
   margin: 0;
   overflow: hidden;
   margin-bottom: 15px;
}
.tiltc4 span {
   background: #fff;
   padding-right: 10px;
}
.ppk {
   border: 1px solid #ccc;
   color: #555;
   display: block;
   width: 105px;
   text-align: center;
   line-height: 35px;
}
.tiltc4 {
   background: url(images/linecham.png) repeat-x center;
   font-family: utm_heve;
   text-transform: uppercase;
   color: #d90000;
   font-size: 20px;
   margin: 0;
   margin-bottom: 15px;
}
.ccm1 {
   margin-bottom: 15px;
   color: #747474;
   font-family: roboto_r;
}
.ccm1 h3 {
   margin: 5px 0;
   margin-top: 0;
   line-height: 15px;
}
.ccm1 h3 a {
   font-family: roboto_r;
   font-size: 13px;
   color: #333;
   text-transform: uppercase;
}
.ccm1 h3:hover a {
   color: #f00;
}
.shadow {
   -moz-box-shadow: inset 0 0 10px #ccc;
   -webkit-box-shadow: inset 0 0 10px #ccc;
   box-shadow: inset 0 0 10px #ccc;
}
.cct {
   color: #747474;
}
.cct:hover {
   color: #f00;
}
.tyv {
   border-top: 1px solid #d49e02;
   margin-top: 25px !important;
   margin-bottom: 15px;
   margin-left: 15px;
   margin-right: 15px;
}
.tyv1 {
   width: 32px;
   height: 41px;
   float: left;
   background: #d49e02;
}
.tyv2 {
   background: url(images/t1.png);
   float: left;
   height: 41px;
   line-height: 37px;
   color: #fff;
   font-size: 22px;
   font-family: UTMSwiss721BlackCondensed;
   padding: 0 10px;
   margin: 0;
   text-transform: uppercase;
   min-width: 130px;
   text-align: center;
}
.tyv3 {
   float: left;
   width: 81px;
   height: 41px;
   background: url(images/t2.png);
}
.hotline1 {
   color: #0072ff;
   font-size: 20px;
   text-align: right;
   width: 236px;
   float: right;
   margin-top: 25px;
   background: url(images/hl24.png) no-repeat left bottom 3px;
   padding-left: 100px;
}
.hotline1 span {
   color: #f00;
   font-family: utm_heve;
   font-size: 24px;
   display: block;
}
.hotline1 span:first-child {
   margin-bottom: 2px;
   border-bottom: 1px solid;
}
.w25 {
   width: 27%;
   float: left;
   margin-right: 1%;
}
#header-mail1 .pp1 {
   font-size: 26px;
   font-family: sfu_futuraheavy;
   padding-top: 30px;
}
.lok2 {
   font-size: 14px;
   margin-top: 10px;
   text-transform: uppercase;
   font-family: robotobold;
}
.lok2 img {
   float: left;
   margin-right: 10px;
}
.lok2 span {
   color: #ffff00;
   font-size: 28px;
   font-family: open_sansbold;
   display: block;
}
.lok3 {
   font-family: open_rr;
   font-size: 16px;
   line-height: 24px;
}
.lok3 div {
   color: #ff0;
}
.all_r {
   display: block;
}
.all_r1 {
   display: none;
}
.title22 {
   text-align: center;
   text-transform: uppercase;
   font-family: sfu_futurabold;
   font-size: 26px;
   color: #333;
   background: url(images/line_h.png) no-repeat center bottom;
   padding-bottom: 20px;
   margin-bottom: 15px;
}
.danhmuc {
   width: 18%;
   float: right;
}
.atv {
   border-radius: 50%;
   margin: 0 3px;
}
.atv:hover {
   background: #f00;
}
div#tt-menu-mobile {
   background: #25216d;
   z-index: 999;
   position: relative;
   float: right;
   margin: 20px 0px;
}
.a_left:hover {
   color: #f00;
}
.slick_duan {
   border: 1px solid #ddd;
   padding: 0 15px;
}
.a_left {
   display: block;
   font-family: open_semi;
   text-transform: uppercase;
   font-size: 14px;
   border-bottom: 1px dashed #ddd;
   color: #555;
   padding: 15px 0;
   background: url(images/icon.png) no-repeat left 7px top 18px;
   padding-left: 25px;
}
.a_left:last-child {
   border: none;
}
.c_date {
   float: left;
   width: 90px;
   text-align: center;
   line-height: 25px;
}
.dp {
   font-family: open_sansbold;
   font-size: 36px;
   color: #f78e92;
}
.dp1 {
   font-family: open_sansbold;
   font-size: 16px;
   color: #f78e92;
}
.mbanner {
   margin-top: 20px;
   text-align: center;
}
.hotline {
   height: 70px;

   float: right;
   color: #383838;

   font-size: 15px;
   text-align: left;
   margin-top: 18px;
   line-height: 25px;
   margin-bottom: 0;
   text-transform: uppercase;
   font-family: utm_heve;
   max-width: 209px;
}
.hotline span {
   color: #f00;
   font-size: 22px;
}
.ckd a {
   font-size: 14px;
   font-family: RobotoBold;
   color: #645b5b;
   padding-left: 10px;
   line-height: 30px;
}
.ctc {
   height: 460px;
   background: url(images/contact.png);
}
.listVideo img {
   max-height: 115px;
   width: 100%;
}
.avd {
   width: 100%;
   height: 500px;
   max-width: 1200px;
   padding: 0 15px;
}
.danhmuc span {
   height: 34px;
   position: relative;
   display: block;
   background-color: #f7f7f7;
   padding: 0 0 0 10px;
   line-height: 34px;
   text-transform: uppercase;
   font-size: 13px;
   color: #f00;
   border-top: 2px solid;
   text-align: center;
}
.tiltc {
   background: url(images/linecham.png) repeat-x center;
   font-family: utm_heve;
   text-transform: uppercase;
   color: #25216d;
   font-size: 20px;
}
.h10 {
   height: 25px;
}
.hotro {
   color: #fff;
   font-family: RobotoBold;
   line-height: 25px;
   margin-bottom: 20px;
}
.title_top {
   font-family: open_rr;
   font-size: 18px;
   color: #fff;
   margin-top: 0;
   margin-bottom: 15px;
}
.f_top {
   background: url(images/bgm.png) no-repeat center;
   padding: 35px 0;
   background-size: cover;
}
.xtr {
   color: #000;
   display: block;
   border: 1px solid #ccc;
   width: 200px;
   text-align: center;
   line-height: 35px;
   margin: 20px auto;
}
.ngonngu a {
   color: #505050;
   font-family: roboto_r;
   font-size: 14px;
}
.kff {
   padding: 25px 0;
   padding-top: 40px;
}
.xtr:hover {
   background: #25216d;
   color: #25216d !important;
   border-color: #25216d;
}
.buttonk {
   width: 112px;
   background: #04a1f1;
   color: #fff;
   border: none;
   padding: 5px 20px;
   text-transform: uppercase;
}

.news img {
   border-radius: 5px;
   border: 4px solid #e3d1b5;
   float: left;
   margin-right: 7px;
}
.news a {
   color: #fff;
}
.news {
   margin-bottom: 10px;
   height: 83px;
   overflow: hidden;
}
.a_ld1 {
   height: 377px;
   background: url(images/y1.png);
   background-size: 100% 100%;
   max-width: 400px;
   margin: auto;
   padding-top: 50px;
   padding-left: 50px;
   padding-right: 15px;
   margin-bottom: 20px;
}
.a_ld2 {
   height: 377px;
   background: url(images/y2.png);
   background-size: 100% 100%;
   max-width: 400px;
   margin: auto;
   padding-top: 30px;
   padding-left: 20px;
   padding-right: 20px;
   margin-bottom: 20px;
}
.a_ld3 {
   height: 377px;
   background: url(images/y3.png);
   background-size: 100% 100%;
   max-width: 400px;
   margin: auto;
   padding-top: 50px;
   padding-left: 15px;
   margin-bottom: 20px;
}
.title1_all {
   font-family: utm_ed;
   color: #eda801;
   font-size: 44px;
   text-align: center;
}
.hkr {
   text-align: center;
   margin-top: 6px;
}
.kvideo {
   position: absolute;
   bottom: 7px;
   left: 8px;
   width: 300px;
   background: #ffffffb8;
   height: 30px;
   border-radius: 4px;
}
.hotro img {
   border-radius: 50%;
   border: 2px solid #fff;
   float: left;
   margin-right: 10px;
}
.tiltc span {
   background: #fff;
   padding-right: 10px;
}
.n2 input {
   color: #fff;
   text-indent: 7px;
   background: none;
   margin-bottom: 10px;
   border: 1px solid #797070;
   height: 35px;
   width: 100%;
}
.noidungf {
   width: 100%;
   height: 80px;
   background: none;
   border: 1px solid #797070;
   color: #fff;
   text-indent: 7px;
}
.n1 {
   color: #fff;
   width: 20%;
   float: left;
}
.n2 {
   width: 80%;
   float: right;
}
.lhc {
   background: rgba(0, 0, 0, 0.3);
   padding: 15px;
}
.kta {
   font-size: 20px;
   color: #fff;
   font-family: utm_heve;
   float: left;
   margin-top: 60px;
   margin-bottom: 20px;
}
.fixed-menu {
   position: fixed !important;
   top: 0px;
   width: 100%;
}
.fb-page {
}
.imgqt {
   border-radius: 100%;
   box-shadow: 1px 1px 1px 1px #ccc;
   padding: 3px;
   margin-bottom: 10px;
}
.min {
   width: 7px;
   height: 7px;
   background: #b4886e;
   display: block;
   float: left;
   margin-top: 7px;
   margin-right: 5px;
}
.cgh {
   color: #555;
   font-size: 15px;
}
.alb a {
   color: #6b5e5e;
   font-family: roboto_r;
   margin-bottom: 7px;
}
#header-mail1 {
   width: 100%;
   position: relative;
   background: #585a5d url(images/dkm.png) no-repeat top center;
   padding-bottom: 10px;
   text-align: center;
   margin-bottom: 10px;
   min-height: 308px;
   color: #fff;
}
.mqt {
   width: 25%;
   float: left;
   text-align: center;
   width: 25%;
   float: left;
   text-align: center;
   font-size: 14px;
   font-family: roboto_r;
}
.mqt h3 {
   font-size: 14px;
   font-weight: normal;
   margin-top: 5px;
}
.knb {
   border: 5px solid #f2f2f2;
   width: 100%;
   margin-top: 15px;
}
.mtqt {
   padding: 0 10px;
   font-family: roboto_r;
   color: #9a9696;
   line-height: 25px;
   text-align: center;
}
.m1 {
   font-family: RobotoBold;
   font-size: 15px;
   color: #ff0;
   float: left;
}
.m2 {
   color: #fff;
   font-size: 14px;
   font-family: roboto_r;
   float: right;
}
.key {
   padding: 0 10px;
}
.ghp {
   color: #ff0;
   margin-left: 5px;
}
.tenbaiviet {
   margin: 10px 0px;
   line-height: 1.5em;
   font-family: Robotobold;
   color: #000;
   font-size: 30px;
}
.title_nd {
   background: #eee;
   margin: 0 0 10px;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   padding: 7px 10px;
   border-bottom: 1px solid #dedede;
   margin-top: 10px;
}
.tah {
   font-family: Tahoma;
   line-height: 24px;
   font-size: 13px;
}
.name_bds {
   font-size: 16px;
   color: #055699;
   font-weight: bold;
   margin-top: 0;
}
.dknt {
   color: #ff0000;
   font-size: 16px;
   text-align: center;
   font-family: RobotoBoldCondensed;
   margin-bottom: 10px;
   margin-top: 10px;
}
.guimail:hover {
   color: #ff0;
}
.thongke {
   background: url(images/tk.png) no-repeat top left;
   padding-left: 30px;
   line-height: 25px;
   font-size: 13px;
   font-family: roboto_r;
}
.klm {
   font-family: RobotoBold;
   font-size: 15px;
   margin-right: 10px;
   margin-bottom: 13px;
   display: block;
}
.thongke div span {
   width: 110px;
   display: block;
   float: left;
}
.dmf1 {
   margin-left: -15px;
}
.atp {
   margin-top: 15px !important;
}
.mdr {
   margin-right: 10px;
}
.mdr1 {
   margin-top: 40px;
}
.aut {
   width: 100%;
   margin-bottom: 10px;
}
.txt1 {
   font-family: robotobold;
   font-size: 16px;
}
.guimail {
   background: #223f83 url(images/agm.png) no-repeat top 10px right 25px;
   color: #fff !important;
   font-size: 14px;
   font-family: open_sansbold;
   padding: 0 49px;
   border: none !important;
   height: 36px;
   padding-left: 26px;
   margin-top: 15px;
}
.guimail:hover {
   background: #c50220 url(images/agm.png) no-repeat top 10px right 25px;
}
.lkf {
   line-height: 73px;
   text-transform: uppercase;
   float: left;
   margin-right: 10px;
}
.nhf img {
   max-width: 100%;
}
.nlk {
   background: #f2f2f2;
}
#header-mail {
}
.ws_controls {
   display: none;
}
#nhanemail span {
   font-family: RobotoBold;
   font-size: 15px;
   margin-right: 10px;
   margin-bottom: 13px;
   display: block;
}
#nhanemail div {
   margin-bottom: 15px;
}
.camnhan img {
   border-radius: 50%;
   border: 5px solid #f5f5f5;
   margin: auto;
   margin-bottom: 10px;
   display: block;
}
.camnhan {
   text-align: center;
   line-height: 24px;
   font-style: italic;
   color: #585858;
   width: 90%;
   margin-bottom: 20px;
}
.search {
   position: absolute;
   right: 35px;
   top: 75px;
}
#ftnext a {
   font-family: roboto_r;
   text-transform: uppercase;
   color: #000000;
   margin-top: 39px;
   display: block;
   float: left;
   padding: 0 23px;
}
.cgia {
   font-size: 23px;
   color: #a7a7a7;
}
.khoahoc {
   width: 30%;
   float: left;
   margin-left: 3%;
   margin-top: 20px;
   padding-bottom: 25px;
}
.tenkhoahoc {
   font: 17px "Roboto Slab", Arial, Helvetica, sans-serif;
   font-weight: 100;
   margin-top: 5px;
   color: #444;
   border-bottom: 1px solid #808080;
   display: block;
   padding-bottom: 7px;
   margin-bottom: 10px;
}

.tenkhoahoc1 {
   font: 15px "Roboto Slab", Arial, Helvetica, sans-serif;
   font-weight: 100;
   line-height: 26px;
   color: #444;
   background: url(images/vd.png) no-repeat left top 6px;
   padding-left: 10px;
}
.hl {
   width: 246px;
   height: 96px;
   max-width: 100%;
   background: url(images/hl.png);
   float: right;
   background-size: cover;
   overflow: hidden;
   padding-top: 41px;
   padding-left: 68px;
}
.tenvn {
   font: 16px "Roboto Slab", Arial, Helvetica, sans-serif;
   font-weight: 100;
   margin-top: 5px;
   color: #444;
}
.tenvn:hover {
   color: #192896;
}
.motavn {
   height: 35px;
   overflow: hidden;
   margin-top: 10px;
   font: 15px "Roboto Slab", Arial, Helvetica, sans-serif;
}
.vn1 {
   padding: 15px 0px;
   width: 46%;
   margin-left: 2%;
   float: left;
   /* border-bottom: 1px; */
   border-bottom: 1px solid #808080;
}
.vn1 img {
   float: left;
   margin-right: 10px;
}
.mnf {
   text-align: center;
   font-size: 20px;
   font-family: utm_avoitalic;
   font-style: italic;
   color: #fb2c1c;
   font-weight: bold;
   max-width: 200px;
   margin: auto;
}
.dichvu {
   width: 100%;
   min-height: 1284px;
   background: url(images/brdv.png) center top;
   padding-top: 95px;
}
.kl1 {
   width: 90%;
   float: left;
}
.ctra {
   padding-bottom: 30px;
   padding-top: 50px;
}
.gioithieu {
   max-width: 1200px;
   margin: 25px auto;
}
.gioithieu img {
   width: 100%;
}
.ksub {
   display: block;
   height: 44px;
   width: 245px;
   border: none;
   background: #008a7d;
   color: #fff;
   margin: auto;
   font-size: 17px;
   margin-top: 12px;
   font-family: Tahoma;
}
.ksub:hover {
   background: #907422;
}
.kl2 {
   width: 10%;
   float: left;
}
.kmd {
   display: block;
   background: url(images/tamgia.png) no-repeat left top 12px;
   padding-left: 10px;
   color: #000;
   line-height: 33px;
   height: 33px;
   overflow: hidden;
}
.knl {
   width: 98.5% !important;
   height: 55px !important;
}
.tin_tc a {
   display: block;
   color: #fff;
   width: 92%;
   margin: auto;
   line-height: 30px;
   margin-top: 20px;
   font-size: 15px;
}
.qt {
   font-size: 16px;
   font-family: Tahoma;
}
.tin_tc a:hover {
   color: #d09e0b !important;
}
.slick_nx .slick-list {
   padding-top: 50px !important;
}
.max-w {
   max-width: 1349px;
   margin: auto;
}
.ghu {
   float: left;
   margin-right: 13px;
   margin-top: 20px;
   margin-bottom: 33px;
}
.khachhang {
   background: url(images/asd.png) no-repeat center bottom 0;
   height: 404px;
   margin-top: 60px;
   padding: 0 15px;
}
.clp:hover {
   color: #f00;
}
.clp {
   font-family: roboto_r;
   font-size: 13px;
   text-transform: uppercase;
   color: #f00;
   position: absolute;
   right: 0;
   z-index: 9;
   top: 3px;
   background: #fff;
   padding-left: 10px;
}
.acl_av {
   color: #9f5f00;
   border: 1px solid #9f5f00;
}
.clp1:hover {
   color: #f00;
}
.clp1 {
   font-family: sfu_futura_book;
   font-size: 15px;
   text-transform: uppercase;
   color: #000;
   margin-left: 30px;
   padding-top: 15px;
   display: block;
   float: left;
   cursor: pointer;
}
.xemthem {
   position: absolute;
   bottom: 10px;
   right: 0;
   width: 116px;
   font-weight: bold;
}
.nhf {
   text-align: center;
}
.mkz {
   border: none;
   text-align: left;
   background: #fff;
   color: #f00;
   height: 30px;
   margin-bottom: 10px;
   width: 100%;
   max-width: 344px;
   text-indent: 10px;
}
.tkb {
   max-width: 380px;
   min-height: 470px;
   background: #d09e0b;
   text-align: center;
   margin: auto;
   margin-bottom: 15px;
}
.add-qty {
   position: absolute;
   top: 0;
   left: 161px;
   background-color: #f1f1f1;
   height: 18px;
   width: 18px;
   cursor: pointer;
   display: block;
   border: 1px solid #ddd;
   text-align: center;
   line-height: 18px;
   font-size: 14px;
}
.sub-qty {
   position: absolute;
   top: 18px;
   left: 161px;
   background-color: #f1f1f1;
   height: 18px;
   width: 18px;
   cursor: pointer;
   display: block;
   border: 1px solid #ddd;
   text-align: center;
   line-height: 18px;
   font-size: 14px;
   z-index: 0;
}
.sao {
   color: #fff;
   text-align: left;
   max-width: 347px;
   margin: auto;
   font-size: 15px;
   margin-bottom: 10px;
}
.ccm img {
   width: 100%;
}
.ccm {
   margin-bottom: 10px;
   font-family: roboto_r;
   color: #555;
}

.ktk {
   font-family: roboto_r;
   font-size: 13px;
   line-height: 22px;
   margin-bottom: 15px;
}
.ktk h3 {
   margin-top: 0;
   margin-bottom: 5px;
   line-height: 15px;
}
.ktk h3 a {
   color: #333;
   font-size: 15px;
   font-family: robotobold;
}

.ktk img {
   float: left;
   margin-right: 10px;
}
.btg {
   width: 107px;
   height: 37px;
   background: url(images/btg.png);
   text-align: center;
   line-height: 30px;
   color: #fff;
}
.kienthuc {
   background: #f4f2f3;
   padding-top: 20px;
   padding-bottom: 10px;
}
.m33 {
   width: 33%;
   float: left;
   background: #dc0101;
   padding: 20px;
   height: 314px;
   overflow: hidden;
   font-family: roboto_r;
   margin-bottom: 15px;
}
.m33_in {
   font-size: 14px;
   color: #fff;
   padding: 15px;
   position: relative;
   border: 1px solid #ff1313;
   text-align: justify;
   padding-bottom: 20px;
}
.m34 {
   width: 34%;
   float: left;
   background: #f4f2f3;
   margin-bottom: 15px;
   padding: 40px;
   text-align: center;
   height: 314px;
   overflow: hidden;
   font-family: roboto_r;
}
.m34 img {
   margin-bottom: 15px;
}
.ppp1 {
   margin-bottom: 20px;
   padding: 0 15px;
}
.ppp2 {
   text-align: left;
   padding: 0 15px;
   padding-bottom: 15px;
   border-bottom: 1px solid #ccc;
}
.ppp2 span {
   display: inline-block;
   width: 100px;
}
.m33_t {
   text-align: center;
}
.lh1 {
   width: 95px;
   float: left;
   text-align: left;
   color: #fff;
   margin-bottom: 10px;
}
.lh1 span {
   float: right;
   color: #ff0;
   line-height: 22px;
   display: block;
}
.w1100 {
   max-width: 1100px;
   margin: auto;
}
.lh2 {
   margin-bottom: 10px;
   float: right;
   width: calc(100% - 110px);
}
.ipc {
   width: 100%;
   padding-left: 7px;
   float: right;
   height: 25px;
   border: none;
   border-radius: 4px;
}
.gioitinh {
   float: left;
   margin-right: 5px !important;
}
.mrt25 {
   padding-top: 30px;
}
.product {
   font-family: robotobold;
   text-align: center;
   font-size: 14px;
   margin-bottom: 30px;
}
.product h3 {
   font-size: 18px;
   text-transform: uppercase;
   color: #000;
   transition: 0.5s;
}
.product:hover h3 {
   color: #25216d;
   font-weight: bold;
   /* font-style: italic; */
}
.product_img {
   overflow: hidden;
}
.lh2 span {
   float: left;
   color: #fff;
   margin-right: 15px;
}
.lh2 p {
   float: right;
   color: #fff;
   margin: 0;
}
.mt_t {
   width: 100px;
   color: #333;
   padding-left: 7px;
   border: none;
   line-height: 25px;
   border-radius: 4px;
   margin-left: 5px;
}
.m33_t img {
   margin-bottom: 20px;
   margin-top: 15px;
}
.datlichhen {
   display: block;
   background: #c30202;
   color: #fff;
   border: none;
   width: 100px;
   height: 33px;
   margin: auto;
   margin-top: 10px;
   border-radius: 4px;
   outline: none;
}
.img_protop {
   max-width: 1349px;
   margin: auto;
   position: relative;
}
.img_protop h3 {
   position: absolute;
   height: 30px;
   top: 0;
   bottom: 0;
   margin: auto;
   max-width: 1100px;
   left: 0;
   padding-left: 15px;
   right: 0;
   color: #fff;
   text-transform: uppercase;
   font-family: robotobold;
}
.datlichhen:hover {
   background: #f0542d;
}
.hotline div {
   position: absolute;
   font-size: 13px;
   color: #000;
   font-family: roboto_r;
   width: 245px;
   right: 0;
}
.ui-datepicker .ui-datepicker-title select {
   color: #000;
}
.tin_tc {
   background: url(images/h2.png);
   max-width: 380px;
   width: 100%;
   min-height: 470px;
   margin: auto;
   margin-bottom: 15px;
   position: relative;
}
.guilh h3 {
   font-size: 18px;
   font-family: RobotoCondensed-Regular;
   color: #fff;
   padding-top: 25px;
   text-align: center;
   padding-bottom: 15px;
   margin: 0;
}
.hhm {
   display: block;
   margin-top: -16px;
   line-height: 36px;
}
.aks {
   line-height: 76px;
}
.guilh {
   min-height: 470px;
   background: url(images/h1.png);
   max-width: 391px;
   text-align: center;
   background-size: 100% 100%;
   margin: auto;
   margin-bottom: 15px;
}
.goidienthoai {
   display: none;
}
.tsfu {
   font-size: 40px;
   font-family: sfu_b;
   color: #fff;
   margin-bottom: 25px;
}
.asfu {
   font-size: 20px;
   font-family: sfu_b;
   color: #fff;
   margin-bottom: 25px;
}
.bsfu {
   font-size: 20px;
   font-family: sfu_b;
   color: #fff;
   margin-bottom: 50px;
}
.tenhk:hover {
   color: #f00;
}
.contact_l {
}
.ccx {
   display: block;
   background: #c30202;
   text-align: center;
   color: #fff;
   line-height: 30px;
   width: 100px;
   margin: auto;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -15px;
}
.m_pd {
   padding-top: 50px;
   padding-bottom: 50px;
}
.title_gt {
   font-family: robotobold;
   font-size: 22px;
   text-align: center;
   color: #ffff;
   text-transform: uppercase;
   display: block;
   /* margin-top: -30px; */
   background: #dc0101;
   width: 315px;
   margin: auto;
   margin-top: -30px;
}
.title_gt1 {
   font-family: utm_ed;
   font-size: 70px;
   text-align: center;
   color: #eda801;
}
.desc_gt {
   font-size: 14px;
   color: #414141;
   line-height: 24px;
}
.ref_gt {
   display: block;
   width: 100px;
   color: #fff;
   background: #a16306;
   text-align: center;
   line-height: 30px;
   font-family: utm_avo;
   transition: 0.5s;
}
.ref_gt:hover {
   color: #ffd6f7;
   background: #efb018;
}
.duan {
   width: 96%;
   margin: auto;
   font-size: 13px;
   font-family: open_rr;
   margin-bottom: 10px;
}
.duan_100 {
   width: 100%;
   margin-bottom: 20px;
}
.mbv {
   background: url(images/br_title1.png) no-repeat center top 14px;
}
.mr_lr_15 {
   margin: 0 15px;
}
.clear_15 {
   height: 15px;
   clear: both;
}
.mbv h3 {
   font-size: 18px;
   font-family: roboto_r;
   color: #fff;
   text-transform: uppercase;
   background: url(images/br_title.png) no-repeat center bottom;
   line-height: 55px;
   text-align: center;
   /* margin-bottom: 23px; */
   height: 66px;
}
.title_tt {
   font-size: 25px;
   font-family: RobotoCondensed-Regular;
   color: #000;
   text-transform: uppercase;
   background: url(images/ttsk.png) no-repeat center bottom;
   padding-bottom: 35px;
   text-align: center;
   margin-bottom: 25px;
}
.khp {
   padding: 30px 0px;
}
.canhgiua {
   text-align: justify;
}
.mtgioi {
   text-align: center;
   font-family: utm_y;
   color: #ff0000;
   font-size: 40px;
   background: url(images/gioithieu.png) no-repeat center bottom;
   padding-bottom: 30px;
}
.vcat {
   float: left;
}
.anhtron {
   margin-bottom: 30px;
}
.vcat a {
   font-family: RobotoCondensed-Regular;
   font-size: 16px;
   color: #f00 !important;
   padding: 0 20px;
   text-transform: uppercase;
}
.cmota {
   font-size: 15px;
   font-family: RobotoCondensed-Regular;
   margin-bottom: 0px;
   text-align: justify;
}
.cte {
   font-size: 15px;
   font-family: RobotoCondensed-Regular;
   text-align: left;
   height: 36px;
   overflow: hidden;
   margin: 7px 0px;
   margin-bottom: 11px;
}
.cte a {
   color: #000;
}
.cte a:hover {
   color: #f00 !important;
}
.fthanhlong {
   padding-bottom: 20px;
   padding-top: 4px;
}
.anhtron img {
   border: 5px solid #ccc;
   -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
}
.hgy {
   margin: 0;
   padding: 0;
}
.doitac {
   max-width: 1200px;
   margin: 50px auto;
}
.slick_dt {
   padding: 0 10px;
}
.cdt1 {
   margin: 0 5px;
}
.cdt {
   border: 1px solid #ddd;
   text-align: center;
}
.slider-nav .slick-next {
   display: none !important;
}
.slider-nav .slick-prev {
   display: none !important;
}
.tf1 {
   font-size: 25px;
   font-family: roboto_r;
   color: #d42424;
   text-transform: uppercase;
   margin-bottom: 10px;
}
.tf1 span {
   display: block;
   border: 2px solid #1c2c68;
   width: 85px;
   margin-top: 5px;
   margin-bottom: 20px;
}
.tf2 {
   line-height: 25px;
   margin-bottom: 15px;
}
.ccfr {
   font-family: roboto_r;
   border: 3px solid #ddd;
   padding: 15px;
   border-radius: 4px;
}
.ccfr span {
   display: block;
   float: left;
}
.ccfr input[type="text"] {
   width: calc(100% - 90px);
   background: #e4e4e4;
   border: none;
   padding-left: 7px;
   height: 40px;
   margin-bottom: 15px;
   float: right;
}
.ccfr input[type="submit"]:hover {
   background: #367df3;
}
.ccfr input[type="submit"] {
   display: block;
   background: #f8b412;
   border: none;
   width: 100px;
   float: right;
   line-height: 35px;
   color: #fff;
   font-size: 18px;
}
.ysb {
   width: 102px;
   float: right;
   box-shadow: 0px 2px 7px 2px #b1b1b1;
   /* border-radius: 25px; */
   height: 37px;
}
.ccfr textarea {
   width: calc(100% - 90px);
   background: #e4e4e4;
   border: none;
   padding-left: 7px;
   height: 86px;
   margin-bottom: 15px;
   float: right;
}
.map {
   position: relative;
}
.map iframe {
   width: 100%;
   height: 380px;
}
.tkb h3 {
   font-size: 18px;
   font-family: RobotoCondensed-Regular;
   color: #fff;
   padding-top: 25px;
   text-align: center;
   padding-bottom: 15px;
   margin: 0;
}
.tin_tc h3 {
   font-size: 18px;
   font-family: RobotoCondensed-Regular;
   color: #fff;
   padding-top: 25px;
   text-align: center;
   padding-bottom: 15px;
   margin: 0;
   width: 92%;
   margin: auto;
   border-bottom: 1px solid #9dbdbb;
}
.slick_nx .slick-next {
   display: none !important;
}
.slick_nx .slick-prev {
   display: none !important;
}
.tenhk {
   font-family: RobotoCondensed-Regular;
   font-size: 16px;
   margin: 10px 5px;
   height: 23px;
   overflow: hidden;
   color: #f00;
   text-align: left;
   /* text-transform: uppercase; */
   margin-left: 100px;
}
.motahk {
   height: 53px;
   overflow: hidden;
   padding-bottom: 10px;
   text-align: left;
   /* margin-top: 10px; */
   line-height: 24px;
   margin-left: 100px;
}
.ckb {
   background: #fff;
   text-align: center;
   margin-top: 17px;
}
.taikhoan {
   float: left;
}
.anhtron:hover img {
   border-color: #f00;
}
.vkt {
   margin-top: -75px;
   background: rgba(255, 255, 255, 0.64);
}
.kj {
   margin-top: 8px;
}
.tvf {
   margin: 7px 0px;
}
.mota_tvf {
   font-family: RobotoCondensed-Regular;
   color: #666;
   font-size: 15px;
}
.cvd {
}
.all_c {
   top: 25px;
   position: absolute;
   text-align: right;
   height: 98px;
   box-shadow: 2px 2px 2px 2px #ccc;
   left: 30px;
   width: 86%;
}
.cvd:hover {
}
.tvf a {
   font-size: 17px;
   color: #000;
   font-family: RobotoCondensed-Regular;
}
.itemr {
   transition: all 0.6s;
   box-sizing: border-box;
}
.fhotro {
   min-height: 10px;
   padding: 30px 0px;
   margin-bottom: 25px;
   margin-top: 10px;
}
.img_in {
   margin-bottom: 20px;
}
.til {
   border-bottom: 3px solid #6fff20;
   margin-bottom: 15px;
}
.koz {
   color: #fff;
   background: #f00;
   display: block;
   position: absolute;
   text-align: center;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   top: -8px;
   left: -10px;
   text-indent: 0;
   /* margin: auto; */
   line-height: 33px;
}
.tl {
   float: left;
   background: url(images/typ.png) no-repeat right #6fff20;
   color: #f51010;
   height: 36px;
   text-indent: 37px;
   min-width: 150px;
   font-family: RobotoCondensed-Regular;
   font-size: 16px;
   position: relative;
   padding-right: 28px;
   line-height: 36px;
   font-weight: bold;
   margin-right: 5px;
}
.kline {
   font-family: utm_kona_ktregular;
   font-size: 35px;
   color: #ff0000;
   text-align: center;
   padding: 6px 0px;
}
.ab_all h3:hover {
   color: #25216d;
}
.button {
   display: inline-block;
   border: none;
   background: #25216d;
   color: #ffffff;
   font-weight: bold !important;
   padding: 8px 30px;
   font-family: open_sansbold;
   cursor: pointer;
   outline: none;
   border: none;
   text-transform: uppercase;
}
img {
   max-width: 100%;
   height: auto !important;
}
.dm2 {
   position: relative;
}
.a_gt {
   color: #ec1b1b;
   display: block;
   width: 110px;
   margin: 20px auto;
   border: 1px solid #ec1b1b;
   text-align: center;
   line-height: 30px;
}
.img_mottram {
   width: 100%;
}
.walk {
   position: relative;
   margin-bottom: 5px;
}

.w49_l1 {
   width: 50%;
   float: right;
   position: relative;
}
.w49_l2 {
   width: calc(50% - 5px);
   float: left;
}
.mtp100 {
   width: 100%;
   margin-bottom: 5px;
}
.w49_l {
   width: calc(50% - 5px);
   float: left;
}
.w49_r {
   width: 50%;
   float: right;
}
.w50p {
   width: calc(50% - 5px);
   float: left;
   margin-right: 5px;
   margin-bottom: 5px;
   position: relative;
}
.dda {
   margin-bottom: 5px;
   position: relative;
}
.dda:hover .pmg {
   height: 100%;
   width: 100%;
}
.dda h3 {
   position: absolute;
   height: 30px;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   text-align: center;
   color: #fff;
   font-family: open_sansbold;
   text-transform: uppercase;
   font-size: 30px;
   display: none;
}
.dda:hover h3 {
   display: block;
}
.walk h3 {
   position: absolute;
   height: 30px;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   text-align: center;
   color: #fff;
   font-family: open_sansbold;
   text-transform: uppercase;
   font-size: 18px;
   display: none;
}
.walk:hover h3 {
   display: block;

}
.w50p h3 {
   position: absolute;
   height: 30px;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   text-align: center;
   color: #fff;
   font-family: open_sansbold;
   text-transform: uppercase;
   font-size: 18px;
   display: none;
}
.w50p:hover h3 {
   display: block;
}
.w50p:hover .pmg {
   height: 100%;
   width: 100%;
}
.img_gt {
   border-radius: 6px;
}
.dest_gt {
   text-align: center;
   line-height: 24px;
   max-width: 460px;
   margin: auto;
}
.rbr {
   font-family: roboto_r;
}
.pmg {
   position: absolute;
   transition: 0.5s;
   background: #00000061;
   width: 1px;
   height: 1px;
   margin: auto;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}
.walk:hover .pmg {
   height: 100%;
   width: 100%;
}
.w49_l1:hover .pmg {
   height: 100%;
   width: 100%;
}
.anhdm img {
   width: 100%;
   margin-bottom: 10px;
}
.h3_gt {
   text-align: center;
   color: #333437;
   font-family: open_rr;
   font-size: 36px;
   margin-top: 40px;
   text-transform: uppercase;
   margin-bottom: 35px;
}
.h3_gt b {
   color: #000;
   font-family: open_sansbold;
}
.h3_gt span {
   display: block;
   color: #223f83;
   font-size: 18px;
   font-family: open_semi;
   margin-top: 15px;
}
.dm2 a {
   color: #fff;
   font-size: 11px;
}

.w49_l1 h3 {
   position: absolute;
   height: 30px;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   text-align: center;
   color: #fff;
   font-family: open_sansbold;
   text-transform: uppercase;
   font-size: 18px;
   display: none;
}
.w49_l1:hover h3 {
   display: block;
}
.hm {
   font-size: 14px;
   text-transform: uppercase;
   position: absolute;
   bottom: 0;
   color: #fff;
   text-align: center;
   width: 100%;
   background: rgba(0, 0, 0, 0.59);
   padding: 10px 0px;
}
.tmoi {
   border-top: 2px solid #7b3017;
   margin-top: 20px;
   background: #e1cfb3;
   margin-bottom: 15px;
}
.xtc {
   float: right;
}
.xtc a {
   color: #f00;
   line-height: 43px;
}
.w100 {
   width: 100%;
}
.tmoi h3 {
   font-size: 26px;
   font-family: utm_ai;
   color: #7b3017;
   margin: 0;
   /* line-height: 43px; */
   background: #e1cfb3;
   padding-left: 15px;
   float: left;
   text-transform: uppercase;
   font-weight: bold;
   line-height: 37px;
}
.tmoi span {
   background: url(images/tleft.png);
   width: 67px;
   height: 39px;
   display: block;
   text-indent: 24px;
   line-height: 43px;
   font-size: 18px;
   color: #000;
   font-weight: bold;
   float: left;
   background-size: 100% 100%;
}
.nutdk {
   background: #f64a02;
   width: 150px !important;
   font-size: 16px;
   height: 35px !important;
   border-radius: 7px;
   margin-bottom: 30px;
   color: #fff;
}
.vd {
   background: #e2e2e2;
   line-height: 30px;
   color: #151515;
   font-size: 14px;
}
.tml {
   float: left;
   margin-top: 9px;
   margin-right: 5px;
}
.tml1 {
   float: left;
   margin-top: 9px;
   margin-right: 5px;
}
.chitiet {
   width: 100px;
   background: #b3a1a1;
   text-align: center;
   padding: 6px 10px;
   margin-left: -15px;
   margin-top: 5px;
   position: absolute;
   bottom: 0;
}
.nn {
   text-align: right;
}
.vbanner {
}
.headtop {
   font-size: 12px;
   color: #fff;
   background: #a16306;
   padding: 7px 0;
}
.cmdy {
   margin-left: 15px;
   margin-top: 30px;
   color: #000;
   font-size: 14px;
}
.cmdy input {
   border: none;
   border-bottom: 1px dotted;
   width: 100%;
   outline: none;
   margin-top: 5px;
   margin-bottom: 20px;
}
.fs18 {
   font-size: 18px;
}
.lhk23 {
   line-height: 23px;
}
.headtop img {
   margin-right: 5px;
}
.logo {
}
.img_logo {
   max-height: 80px;
}
.td_left {
   float: left;
   width: 120px;
}
.chitiet a {
   color: #fff;
   font-size: 14px;
}
.chitiet:hover a {
   color: #25216d !important;
}
.sltv {
   font-size: 30px;
   font-size: 42px;
}
.nammot {
   width: 50%;
   float: left;
}
.mem1 {
   font-size: 43px !important;
   padding: 8px 0px;
}
.namhai {
   width: 50%;
   float: right;
   text-align: right;
}
.muoilam {
   height: 15px;
   clear: both;
   width: 100%;
}
.tv2 {
   background: #0037a3;
   color: #fff;
   height: 140px;
   font-size: 15px;
}
.tv3 {
   background: #0037a3;
   color: #fff;
   height: 140px;
   font-size: 15px;
}
.tv4 {
   background: #c1acac;
   color: #fff;
   height: 140px;
   font-size: 15px;
}
.tv5 {
   background: #c1acac;
   color: #fff;
   height: 140px;
   font-size: 15px;
}
.mem {
   font-size: 50px !important;
   padding: 5px 0px;
}
.tall {
   text-align: center;
}
.thongtinthanhvien td {
   padding: 8px;
   line-height: 20px;
   text-align: left;
   vertical-align: top;
   border-top: 1px solid #dddddd;
   border-left: 1px solid #dddddd;
}
.thongtinthanhvien {
   width: 100%;
   border: 1px solid #dddddd;
}
.lienket {
   font-size: 16px;
   font-weight: bold;
   text-transform: uppercase;
   color: #f64a02;
   margin: 10px 0;
   text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.24);
   background: url(images/icon-title.png) no-repeat center left;
   padding-left: 25px;
   padding-top: 10px;
   padding-bottom: 10px;
}
.a_gt:hover {
   color: #25216d !important;
}
.dvtt {
   max-width: 300px;
   float: right;
   width: 100%;
}
.tv1 {
   border-top: 12px solid #f64a02;
   margin: 10px 0px;
}
.main_ttt1 {
   width: 60px;
   height: 33px;
   float: left;
   background: url(images/1.png) no-repeat;
}
.mm-menu {
   background: #25216d !important;
}
.img_center {
   text-align: center;
}
#map_canvas iframe {
   width: 100%;
   height: 100%;
}
.main_ttt2 {
   float: left;
   line-height: 28px;
   height: 33px;
   padding-right: 12px;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   color: #ffffff;
   background: url(images/2.png) repeat-x;
}
.main_ttt3 {
   width: 6px;
   height: 33px;
   float: left;
   background: url(images/3.png) no-repeat;
}
.tall span {
   color: #fff;
   text-transform: uppercase;
   font-size: 14px;
   background: url(images/tl.png);
   float: left;
   padding: 0 10px;
   background-size: 100% 100%;
   min-width: 155px;
   padding-left: 35px;
   font-weight: bold;
   line-height: 28px;
   min-height: 30px;
}
.kor {
   display: block;
   border-top: 1px solid #598dc0;
   border-bottom: 1px solid #598dc0;
   padding: 5px 0px;
   width: 100%;
}
.tc {
   color: #f00 !important;
   font-weight: bold;
}
.tenmoi {
   margin-top: 20px;
   font-size: 15px;
   margin-bottom: 5px;
   border-bottom: 2px solid #f00;
   padding-bottom: 3px;
   float: left;
}
.vft {
   margin-top: 7px;
}
.giohang {
}
.ckj {
   margin-left: 25px;
}
.mcb {
   background: #cfe3fd;
   color: #211f1f;
   border: 1px solid #a2bad8;
}
.yup {
   width: 24%;
}
.mcb1 {
   float: left;
   width: 33%;
   text-indent: 14px;
   border-right: 1px solid #a2bad8;
}
.httt {
   max-width: 100%;
   width: 98%;
   border: 1px solid #ccc;
   height: 33px;
   border-color: #a0a6f5;
   border-radius: 2px;
   margin-bottom: 10px;
   text-indent: 10px;
}
.button15 {
   display: inline-block;
   border: none;
   background: #ca5f01;
   color: #ffffff;
   font-weight: bold !important;
   padding: 6px 30px;
   font-family: robore;
   cursor: pointer;
   outline: none;
   border: none;
}
.tla {
   float: left;
   margin-left: 15px;
}
.cvp {
   font-family: sfu_futurabold;
   font-size: 20px;
   text-transform: uppercase;
   padding: 6px 0px;
   color: #333;
   border-bottom: 1px dashed #ccc;
   margin-left: 15px;
   margin-right: 15px;
   margin-bottom: 15px;
}
.ab_all {
   border: 1px solid #ddd;
   padding: 5px;
   font-family: sfu_futura_book;
   text-align: center;
   font-size: 14px;
   margin-bottom: 25px;
}
.pro_code {
   margin: 0;
   color: #6c6e72;
}

.mkd {
   font-size: 24px;
   color: #0072ff;
   font-family: robotobold;
   text-transform: uppercase;
   background: url(images/brdv.png) no-repeat bottom left;
   padding-bottom: 10px;
   margin-bottom: 20px;
   margin-top: 0px;
}
.ab_all:hover a {
   color: #25216d;
}
.ab_all a {
   color: #000;
   font-family: roboto_r;
   font-size: 13px;
}
.ccm h3 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 15px;
   text-transform: uppercase;
   margin-top: 10px;
}
.ccm h3 a {
   color: #000;
   font-family: robotobold;
}
.nk1 {
   width: 63%;
   float: left;
}
.nk2 {
   width: 35%;
   float: right;
}
.abl {
   position: relative;
   margin-bottom: 30px;
}
.abl h3 {
   position: absolute;
   bottom: 0;
   text-align: center;
   left: 0;
   right: 0;
   background: #0000007a;
   margin: 0;
   padding: 5px;
}
.colk {
   float: left;
   padding: 0 5px;
   width: 15%;
}
.colk1 {
   float: left;
   padding: 0 5px;
   width: 30%;
}
.colk2 {
   float: left;
   padding: 0 5px;
   width: 10%;
   background: #25216d;
   text-align: ce;
   display: flex;
   align-items: center;
   padding: 0px 15px;
}
.slt {
   font-family: robotobold;
   font-size: 14px;
   line-height: 40px;
}
.sl_all {
   width: 100%;
   height: 40px;
   border: none;
   background: #f5f5f5;
   padding: 0 15px;
   font-size: 13px;
   line-height: 21px;
   border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.slip_all {
   width: 100%;
   height: 40px;
   border: none;
   background: #f5f5f5;
   padding: 0 15px;
   font-size: 13px;
   line-height: 21px;
   border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.slip_sb {
   width: 100%;
   float: right;
   color: #ffffff;
   display: block;
   position: relative;
   z-index: 1;
   overflow: hidden;
   height: 40px;
   background: none;
   border: 0;
   outline: 0;
   text-transform: uppercase;
   box-shadow: none;
   border-radius: 0;
   font-size: 14px;
   line-height: 20px;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   width: calc(100%);
}
.colk2:hover {
   background: #25216d;
}
.icr {
   color: #fff !important;
   /* font-size: 19px !important; */
   /* margin-top: 9px; */
   /* margin-left: 10px; */
}
.dl1 {
   width: calc(100% - 450px);
   float: left;
   text-align: center;
}
.dl1 img {
   max-height: 550px;
}
.dl2 {
   width: 450px;
   float: right;
   overflow-x: auto;
   height: 550px;
}
.abl h3 a {
   font-size: 18px;
   font-family: roboto_r;
   text-transform: uppercase;
   color: #fff;
}
.daily {
   background: #f5f5f5;
   padding: 15px;
   font-family: open_rr;
   font-size: 13px;
   margin-bottom: 15px;
}
.daily p{display:block;overflow:hidden;margin-bottom: 5px;}
.daily i {
   color: #666;
   padding-right: 10px;
   display: block;
   float: left;
   min-height: 26px;
   margin-top: 2px;
}
.pmk {
   font-family: robotobold;
   font-size: 14px;
   color: #555;
   margin-bottom: 10px;
}
.daily p a{display:inline-block;padding: 10px;background: #25216d;clear: both;color: #fff;}
.amx {
   padding: 0 10px;
   height: 150px;
   background: url(images/gt5.png);
   padding-top: 35px;
}
.ab_all h3 {
   font-size: 14px;
   text-transform: uppercase;
   color: #666;
   font-family: sfu_futura_book;
   margin-bottom: 5px;
   background: url(images/tuline.png) repeat-x bottom;
   padding-bottom: 15px;
   text-align: center;
   font-weight: normal;
   margin: 0;
   margin-bottom: 15px;
}
.a_xt {
   display: block;
   text-align: center;
   color: #fff;
   margin-top: 15px;
}
.dv h3 {
   font-family: sfu_futuraheavy;
   color: #333;
   /* text-transform: uppercase; */
   font-size: 17px;
}
.dv h3 span {
   background: #a16306;
   width: 40px;
   height: 1px;
   display: block;
   margin: auto;
   margin-top: 10px;
}
.ck_text {
   max-width: 900px;
   margin: auto;
   text-align: center;
   margin-bottom: 20px;
   font-family: sfu_futura_book;
   font-size: 15px;
}
.dv {
   margin-bottom: 25px;
}
.dv_desc {
   color: #5f5f5f;
   font-family: sfu_futura_book;
   font-size: 15px;
   margin: 0;
}
.myp {
   font-family: Arial;
   font-size: 20px;
   line-height: 30px;
   padding-left: 2.5%;
   color: #666;
   font-weight: bold;
}
.ct_nd {
   font-size: 14px;
   line-height: 26px;
}
.dv img {
   width: 100%;
}
.cmk {
   font-size: 22px;
   color: #fff;
   font-family: RobotoBoldCondensed;
   text-transform: uppercase;
   /* background: url(images/brdv.png)no-repeat bottom center; */
   /* padding-bottom: 10px; */
   margin-bottom: 20px;
   margin-top: 0px;
   border-left: 3px solid;
   padding-left: 5px;
}
.all_gt {
   background: #efefef;
   padding: 25px 0;
   margin-bottom: 30px;
}
a:hover {
   text-decoration: none !important;
   color: #25216d;
}
.pdl0 {
   padding-left: 0 !important;
}
.ccm1 img {
   margin-bottom: 10px;
   float: left;
   margin-right: 10px;
}
.menu_top a {
   color: #fff;
   padding: 5px 13px;
   font-family: roboto_r;
   font-size: 15px;
   border-radius: 6px;
   margin-top: 10px;
   display: block;
   float: left;
}
.desc_dv {
   font-size: 16px;
   color: #333333;
   font-family: open_rr;
   text-align: center;
   margin-bottom: 20px;
}
.all_title {
   background: url(images/d3.png) repeat-x bottom;
   margin-bottom: 20px;
}
.title2 {
   color: #333;
   font-size: 20px;
   padding-bottom: 5px;
   border-bottom: 2px solid #fabbbe;
   margin-bottom: 15px;
   font-family: sfu_futuraheavy;
   text-transform: uppercase;
   margin-top: 0;
}
.title2 a {
   font-size: 13px;
   float: right;
   text-transform: none;
   color: #f00;
   font-family: roboto_r;
   font-style: italic;
   line-height: 28px;
}
.d2 {
   width: 70px;
   height: 38px;
   float: left;
   background: url(images/d2.png);
}
.title1,
.title3 {
   display: inline-block;
}
.title1 img,
.title3 img {
   padding-top: 10px;
}
.vhw {
   background: #25216d;
   color: #25216d !important;
}
.lke td {
   border: 1px solid #aa795f;
   padding: 2px;
   text-align: center;
   clear: both;
}
.fgb {
   position: fixed;
   right: 0;
   top: 40%;
}
.soluong {
   display: initial;
}
.vuy {
   background: #f5f5f5;
   text-align: left;
   line-height: 23px;
   font-size: 13px;
   font-weight: bold;
   background-size: 100% 100%;
   color: #f00;
   text-indent: 5px;
   border-radius: 4px 4px 0px 0px;
}
/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/
body {
   line-height: 1;
   font-size: 100%;
   font-family:roboto_r;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
   display: block;
}
nav ul {
   list-style: none;
}
blockquote,
q {
   quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
   content: none;
}
a {
   color: #333;
   margin: 0;
   padding: 0;
   font-size: 100%;
   background: transparent;
   text-decoration: none;
}
ins {
   background-color: #ff9;
   color: #000;
   text-decoration: none;
}
mark {
   background-color: #ff9;
   color: #000;
   font-style: italic;
   font-weight: bold;
}
del {
   text-decoration: line-through;
}
abbr[title],
dfn[title] {
   border-bottom: 1px dotted;
   cursor: help;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
   max-width: 100% !important;
   margin: revert-layer;
}
._thongsokythuat table {
   width: 100% !important;
}
hr {
   display: block;
   height: 1px;
   border: 0;
   border-top: 1px solid #ccc;
   margin: 1em 0;
   padding: 0;
}
input,
select {
   vertical-align: middle;
}
.f-nav {
   z-index: 99999999;
   position: fixed;
   left: 0px;
   top: 0px;
   background: #fff;
   width: 100%;
}
* {
   margin: 0;
   padding: 0;
   font-family:roboto_r;
}
body {
   font-size: 13px;
   color: #25216d;
   font-family: Arial;
   line-height: 1.4em;
   background: #fff;
}
.container {
   max-width: 1366px;
   margin: 0 auto;
   padding: 0px 0px;
   position: relative;
}
.clear {
   clear: both;
}
.row10 {
   padding: 10px 0px;
}
.row15 {
   padding: 15px 0px;
}
.col10 {
   padding: 0px 10px;
}
.col15 {
   padding: 0px 15px;
}
.tt-col-left {
   float: left;
}
.tt-col-right {
   float: right;
}
.amg1 {
   float: left;
}
.top_mxh {
   background: #ededed;
   font-family: sfu_futura_book;
   height: 44px;
   float: left;
   width: calc(100% - 66px);
   line-height: 40px;
   padding-left: 15px;
   padding-right: 15px;
}
.em {
   margin-right: 7px;
   float: left;
   margin-top: 13px;
}
.acl {
   position: relative;
}
.mrl0 {
   margin: 0px;
   margin-bottom: 10px;
}
.mt0 {
   margin-top: 0px !important;
}
.pt0 {
   padding-top: 0px !important;
}
.mr0 {
   margin-right: 0px !important;
}
.pr0 {
   padding-right: 0px !important;
}
.mb0 {
   margin-bottom: 0px !important;
}
.pb0 {
   padding-bottom: 0px !important;
}
.ml0 {
   margin-left: 0px !important;
}
.pl0 {
   padding-left: 0px !important;
}
.mt1 {
   margin-top: 10px;
}
.pt1 {
   padding-top: 10px;
}
.mr1 {
   margin-right: 10px;
}
.pr1 {
   padding-right: 10px;
}
.mb1 {
   margin-bottom: 10px;
}
.pb1 {
   padding-bottom: 10px;
}
.ml1 {
   margin-left: 10px;
}
.pl1 {
   padding-left: 10px;
}
.mt2 {
   margin-top: 20px;
}
.pt2 {
   padding-top: 20px;
}
.mr2 {
   margin-right: 20px;
}
.pr2 {
   padding-right: 20px;
}
.mb2 {
   margin-bottom: 20px;
}
.pb2 {
   padding-bottom: 20px;
}
.ml2 {
   margin-left: 20px;
}
.pl2 {
   padding-left: 20px;
}
.mt3 {
   margin-top: 30px;
}
.pt3 {
   padding-top: 30px;
}
.mr3 {
   margin-right: 30px;
}
.pr3 {
   padding-right: 30px;
}
.mb3 {
   margin-bottom: 30px;
}
.pb3 {
   padding-bottom: 30px;
}
.ml3 {
   margin-left: 30px;
}
.pl3 {
   padding-left: 30px;
}
.mt4 {
   margin-top: 40px;
}
.pt4 {
   padding-top: 40px;
}
.mr4 {
   margin-right: 40px;
}
.pr4 {
   padding-right: 40px;
}
.mb4 {
   margin-bottom: 40px;
}
.pb4 {
   padding-bottom: 40px;
}
.ml4 {
   margin-left: 40px;
}
.pl4 {
   padding-left: 40px;
}
.mt5 {
   margin-top: 40px;
}
.pt5 {
   padding-top: 50px;
}
.mr5 {
   margin-right: 40px;
}
.pr5 {
   padding-right: 50px;
}
.mb5 {
   margin-bottom: 40px;
}
.pb5 {
   padding-bottom: 50px;
}
.ml5 {
   margin-left: 40px;
}
.pl5 {
   padding-left: 50px;
}
h1.the {
   position: absolute;
   font-size: 0px;
   height: 0px;
   width: 0px;
   overflow: hidden;
   visibility: hidden;
   text-indent: -99999999px;
}
h2.the {
   position: absolute;
   font-size: 0px;
   height: 0px;
   width: 0px;
   overflow: hidden;
   visibility: hidden;
   text-indent: -99999999px;
}
div#tt-full {
   width: 100%;
   margin: 0 auto; /* overflow-x: hidden;*/
}
div#tt-wrapper {
   width: 100%;
}

section#tt-header {
   width: 100%;
   width: 100%;
   float: left;
   z-index: 9;
   position: relative;
   font-family: open_semi;
   color: #6c6e72;
   font-size: 14px;
   border-bottom: 1px solid #e9ebf2;
   background: #fff;
}
.row_14 {
   margin: 0 -7px;
}
.col-lk {
   width: 50%;
   float: left;
   padding: 0 7px;
}
.over {
   overflow: hidden;
   margin: 0;
}
.congtrinh {
   position: relative;
   overflow: hidden;
   margin-bottom: 15px;
   background: #fff;
   color: #6c6e72;
   font-size: 14px;
   font-family: open_rr;
   line-height: 22px;
}
.congtrinh h3 {
   font-family: roboto_r;
   text-transform: uppercase;
   font-size: 16px;
   margin: 0;
   line-height: 20px;
   transition: 0.5s;
   padding: 10px 0px;
}
.congtrinh h3 a {color: #26216d;}
.congtrinh h3:hover a {
   color: #25216d;
}
.congtrinh h3:hover {
   background: #fff;
}
.congtrinh:hover .box-c {
   bottom: 0;
}
.box-c {padding: 10px;text-align: justify;
}
.title_all_in1 {
   width: 46px;
   float: left;
   display: block;
   background: url(images/k1.png);
   height: 45px;
}
.title_all_in2 {
   float: left;
   margin: 0;
   line-height: 44px;
   background: url(images/k4.png);
   color: #fff;
   font-size: 18px;
   font-family: roboto_r;
   margin-top: 1px;
}
.ptt1 {
   border-bottom: 1px solid #ddd;
   padding: 10px 15px;
   margin: 0;
}
.ptt1_span {
   padding-right: 30px;
}
.ptt1 img {
   margin-right: 5px;
}
.ptt2 {
   padding: 15px;
}
.date-news{
    margin-top: 15px;
    margin-bottom: 0px;
    color: #25216d;
}
.desc-news{
    overflow: hidden;text-overflow:
    ellipsis;white-space:
    normal;
    -webkit-box-orient:vertical;display:
    -webkit-box;
    -webkit-line-clamp:3;
}
._xemthem {
   background: none;
   display: block;
   width: 115px;
   text-align: center;
   line-height: 35px;
   color: #26216d;
   font-family: open_semi;
   margin-bottom: 20px;
   margin-top: 10px;
   font-size: 13px;
   border: 1px solid #26216d;
   text-transform: uppercase;
   border-radius: 5px;
}
._xemthem:hover {
   /* color: #ff0; */
   /* border-color: #ff0; */
   background: #f2f2f2;
   border-radius: 5px;
}
.title_all_in3 {
   width: 24px;
   float: left;
   display: block;
   background: url(images/k2.png);
   height: 45px;
   margin-top: 1px;
}
.dc1 img {
   margin-right: 5px;
}
.congtrinh:hover h3 {
   color: #ff0;
}
.congtrinh img {
}
.txt_cen {
   text-align: center;
}
.title_main {
   color: #d42424;
   font-family: robotobold;
   text-transform: uppercase;
   text-align: center;
   background: url(images/te1.png) no-repeat bottom;
   padding-bottom: 40px;
}
.line_top {
   border-bottom: 1px solid #ddd;
   font-size: 13px;
   padding-bottom: 5px;
   padding-top: 5px;
   line-height: 25px;
}
div.tt-top {
   width: 100%;
   float: left;
   background-repeat: no-repeat;
   background-position: center top;
   background-attachment: scroll;
   background-color: #7c8a8d;
   -webkit-background-size: auto;
   -moz-background-size: auto;
   background-size: auto;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0 auto;
   white-space: nowrap;
}
div#top-nav-text {
   vertical-align: middle;
   padding: 5px 0px;
   color: #fff;
   font-size: 12px;
}
div#top-nav-text a {
   line-height: 27px;
   display: inline-block;
}
div#top-nav-text a img {
   vertical-align: middle;
}
div#tt-top-header {
   width: 100%;
   float: left;
}
div#tt-top-header img {
   max-width: 100%;
   transition: all 0.6s;
}
div#tt-top-header-mobile {
   display: none;
}
div#tt-top-header-mobile img {
   max-width: 100%;
   transition: all 0.6s;
}
div#tt-banner {
}
.faq {
   padding-top: 10px;
}
.box1 {
   border: 1px solid #dfdcdc;
   padding: 2px;
   margin-bottom: 10px;
   border-radius: 5px;
}
.faq .box1 h2 {
   cursor: pointer;
   text-transform: capitalize;
   margin-bottom: 0;

   margin: 0;
}
.box1 h2 {
   color: #1270a0;
   font-weight: normal;
   text-transform: uppercase;
   background: #f7f7f7;
   padding: 10px 10px;
   font-size: 15px;
   margin-bottom: 2px;
}
.faq .cont {
   display: none;
   margin-top: 2px;
}
.box1 .cont {
   background: #f7f7f7;
   padding: 10px;
   color: #616161;
}
.phantichl1 .kll {
   display: block;
   color: #fff;
   background: url(images/cv.png) no-repeat left top 8px;
   margin-left: 260px;
   margin-top: 5px;
   padding-left: 11px;
   padding-right: 5px;
   font-family: roboto_r;
   font-size: 14px;
   padding-top: 2px;
}
.phantichl1 a:hover {
   color: #ff0 !important;
}
.phantichl1 {
   background: #205a75;
   margin-bottom: 15px;
   position: relative;
}
.phantichl1 img {
   margin-left: 40px;
   float: left;
}
.l1 {
   position: absolute;
   left: -79px;
   /* top: 0; */
   color: #ffea00;
   font-size: 20px;
   font-family: roboto_r;
   transform: rotate(-90deg);
   /* -webkit-transform: rotate(-90deg); */
   -ms-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   width: 210px;
   height: 40px;
}
.cpr {
   float: left;
   line-height: 36px;
}
.all_c:hover {
   box-shadow: 2px 2px 2px 2px #dadc19;
}
.mbn {
   padding-top: 87px;
   color: #ff0;
}
.hft {
   display: block;
   color: #fff;
   font-family: roboto_r;
   line-height: 25px;
}
.ketqua {
   min-height: 637px;
   background: url(images/br_dv.png);
}
.hft:hover {
   color: #ff0 !important;
}
.duan h3 {
   margin-top: 0;
   line-height: 23px;
   font-size: 13px;
   margin-bottom: 5px;
   max-height: 48px;
   overflow: hidden;
}
#flexiselDemo4 {
   margin-top: 20px;
}
.thongke div {
   line-height: 20px;
   margin-bottom: 16px;
   font-size: 14px;
}
.ctn {
   padding-bottom: 15px;
   margin-bottom: 20px;
}

.duan p {
   margin: 0;
}
.duan h3 a {
   font-family: open_sansbold;
   font-size: 14px;
   color: #322e2e;
}
.lkp {
   float: right;
}
.po2 {
   text-align: left;
   font-size: 13px;
   font-family: roboto_r;
   color: #6c6e72;
   margin: 0;
}
.po1 {
   text-align: left;
   font-size: 16px;
   font-family: roboto_r;
   color: #000;
   margin-bottom: 5px;
}
.tiw {
   font-size: 16px;
   text-transform: uppercase;
   float: left;
   line-height: 44px;
}
.mxh {
   float: right;
}
.mxh img {
   margin-left: 4px;
}
.tktc {
   float: right;
   line-height: 35px;
}
.tktc span {
   padding: 0 5px;
}
.red {
   color: #f00;
}
.fft {
   color: #fff;
   text-align: left;
   font-size: 14px;
   /* font-weight: bold; */
   padding: 5px 0px;
   font-family: RobotoCondensed-Regular;
   background: #970000;
   padding: 0 15px;
}
.motnganhai {
   max-width: 1230px;
   margin: auto;
   position: relative;
   padding: 0px 15px;
}
::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #333;
}
::-moz-placeholder {
   /* Firefox 19+ */
   color: #333;
}
:-ms-input-placeholder {
   /* IE 10+ */
   color: #333;
}
:-moz-placeholder {
   /* Firefox 18- */
   color: #333;
}
div#banner-left {
   width: 15%;
   float: left;
   box-sizing: border-box;
   border: 20px solid transparent;
   text-align: center;
}
div#banner-left a {
   display: block;
}
div#banner-left img {
   max-width: 100%;
   float: left;
}
div#banner-middle {
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
   text-align: center;
}
.dangky {
   border: 10px solid transparent;
   float: right;
   box-sizing: border-box;
   /* margin-top: 30px; */
   background: #01a000;
   padding: 10px 5px;
   -webkit-box-shadow: inset 0px -1px 13px -1px rgba(0, 0, 0, 1);
   -moz-box-shadow: inset 0px -1px 13px -1px rgba(0, 0, 0, 1);
   box-shadow: inset 0px -1px -2px -1px rgba(0, 0, 0, 1);
}
.dangky a {
   color: #fff;
}
.linek {
   color: #a59494;
   margin-left: 5px;
   margin-right: 2px;
}
.gy {
   font-size: 15px !important;
   margin: 0 5px;
}
.dangky1 {
   text-align: right;
   color: #000;
   margin: 14px 0px;
}
.dangky1 a {
   color: #fff;
   margin-left: 6px;
}
div#banner-middle img {
   max-width: 100%;
}
div#banner-middle h4 {
   font-size: 1.8em;
   color: #fff;
   font-family: "Times News Roman";
   font-weight: bold;
   text-transform: uppercase;
   line-height: 35px;
}
div#banner-middle h2 {
   font-size: 28px;
   color: #fff500;
   font-family: UTMSwiss721BlackCondensed;
   font-weight: normal;
   text-transform: uppercase;
   line-height: 45px;
   margin: 0;
}
div#banner-middle p {
   font-size: 1.2em;
   color: #fff;
   font-family: "Times News Roman";
   text-transform: uppercase;
   line-height: 28px;
}
div.topar_middle {
   width: 100%;
   float: left;
   margin-top: 30px;
}
div.topar_middle div.item {
   float: left;
   width: 33.33%;
   min-height: 38px;
}
div.topar_middle div.item img {
   float: left;
   margin-right: 10px;
}
div.topar_middle div.item h3 {
   color: #eba222;
   font-family: Tahoma;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 12px;
}
div.topar_middle div.item p {
   color: #eba222;
   font-family: Tahoma;
   font-weight: 300;
   font-size: 11px;
}

div#banner-right {
   width: 25%;
   float: right;
}
div#banner-right img {
   vertical-align: middle;
}
div.top_banner {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
}
div.top_banner p {
   color: #737373;
   text-align: right;
   font-size: 12px;
   width: 100%;
   float: left;
}
div.top_banner p a {
   color: #737373;
}
div.top_banner p span.red {
   color: #ff0000;
   font-size: 18px;
   text-shadow: -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px #fff !important;
   font-weight: 300;
}
div.tt-search {
   width: 100%;
   float: left;
   margin-top: 5px;
}
.pull-mn {
   float: right;
   padding-right: 15px;
}
.wmot p:last-child {
   margin-bottom: 0;
}
.hlft1 {
   text-transform: uppercase;
   font-family: robotobold;
   font-size: 15px;
   text-align: left;
}
.hlft2 {
   margin: 0;
}
.spmn {
   position: fixed;
   width: 100%;
   background: #fff;
   max-width: 950px;
   margin: auto;
   left: 0;
   right: 0;
   height: 0;
   overflow: hidden;
}
#logo{
    float: left;
}
div#tt-nav > ul > li:hover .spmn {
   transition: opacity 500ms ease-out;
   animation: fadeIn 500ms;
   height: 370px;
   transition: height 500ms ease-out;
}
.spl {
   width: 25%;
   float: left;
   padding: 0px 15px 15px 15px;
   text-align: center;
}
.spl h3 {
   margin-top: 5px;
   margin-bottom: 2px;
}
div#tt-nav ul li .spl h3 a {
   line-height: 20px;
   font-size: 13px;
   color: #666;
}
div#tt-nav ul li .spl:hover h3 a{color:#25216f;font-weight:bold;}
.spl p {
   font-family: roboto_r;
   font-size: 12px;
}
.spmn_l1 {
   margin-top: 5px;
   margin-left: 0px;
   border-right: 1px solid #c8c7c7;
   padding-top: 1px;
   width: calc(15% - 2px);
   float: left;
   height: 375px;
   overflow: hidden;
}
.spmn_l2 {
   width: calc(85% - 15px);
   float: left;
   overflow-x: hidden;
   height: 370px;
   margin-left: 15px;
   padding-top: 15px;
   position: relative;
}
.div_none {
   display: none;
}
.div_spmn_l2 {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
}
.cf_menu a {
   font-family: sfu_futurabold;
   color: #666666;
   text-transform: uppercase;
   font-size: 14px;
}
.cf_menu:hover a {
   color: #24206b;
}
.cf_menu {
   font-family: roboto_r;
   font-size: 12px;
   border-bottom: 1px dashed #ccc;
   margin: 0px 15px;
   margin-bottom: 10px;
}
.wmot {
   max-width: 790px;
   margin: auto;
}
.foter_top {
   background: #25216d;
   padding: 25px 0;
   color: #fff;
}
div#search-form {
   float: right;
   position: relative;
   max-width: 225px;
   width: 185px;
   overflow: hidden;
   transition: 0.5s;
   border-radius: 4px;
   height: 30px;
   margin-left: 15px;
   margin-top: 0;
   background: #e8e8e8;
   top: 11px;
   margin: 12px 0px;
}
.ngonngu {
   color: #3a3a3a;
   font-family: roboto_r;
   float: right;
   margin-top: 29px;
   margin-right: 15px;
}
.srs {
   float: right;
   position: relative;
   margin-top: 20px;
   cursor: pointer;
}
.txt_right {
   text-align: right;
}
.srs span {
   padding-right: 5px;
}
#frm_header_search {
}
.lk2 {
   text-align: right;
}
.lk2 span {
   color: #ff0;
   font-size: 13px;
   font-family: robotobold;
}
.gh {
   float: left;
   margin-left: 13px;
   color: #000;
   max-width: 189px;
}
.gh a {
   color: #000;
}
.dmsp {
   background: #c7050c url(images/linemn.png) no-repeat center left 10px;
   padding-left: 25px !important;
   width: 240px;
}
.gh span {
   font-size: 15px;
   color: #f00;
   margin-left: 5px;
}
.all_mn {
   border: 1px solid #eeeeee;
   border-top: none;
   position: absolute;
   width: 240px;
   z-index: 9999;
   background: #fff;
}
.all_c1 {
   padding: 12px 10px;
   border-bottom: 1px solid #eeeeee;
}
.icon_mn {
   max-width: 30px;
   margin-right: 10px;
}
.all_c1:hover .all_mn2 {
   display: block;
}
.all_c2 {
   width: 32%;
   float: left;
   margin-left: 1%;
   margin-top: 10px;
}
.all_mn2 {
   position: absolute;
   left: 239px;
   top: 0;
   background: #fff;
   width: 654px;
   z-index: 999999;
   height: 100%;
   border: 1px solid #f00;
   border-left: none;
   display: none;
}
.none {
   display: none;
   top: 38px;
   left: 0;
}
.dmsp:hover .none {
   display: block !important;
}
.ac2 {
   color: #000;
   font-weight: bold;
   margin-bottom: 5px;
   display: block;
}
.ac3 {
   color: #666;
   line-height: 25px;
}
.atp1 {
   min-width: 655px;
}
.dmf {
   float: left;
   padding-left: 15px;
   position: relative;
   width: 240px;
   min-height: 1px;
   margin-right: 15px;
   font-family: roboto_r;
}
.ac1 {
   font-size: 13px;
   font-family: roboto_r;
   color: #000;
   text-transform: uppercase;
}
.all_mn_h {
   height: 390px;
   overflow: hidden;
}
.gh img {
   margin-right: 5px;
}
.itop {
   text-align: right;
   line-height: 42px;
}
.itop a {
   color: #000;
   padding: 0 5px;
}
div#tt-nav ul li:hover .vn {
   display: block !important;
}
.vn {
   position: absolute;
   top: 45px;
   min-height: 100px;
   background: #e2ba46;
   display: none;
   width: 100%;
   left: 0;
   border-radius: 8px 8px 0px 0px;
}
.vn:hover {
   display: block !important;
}

div#search-form input.element-search {
   line-height: 31px;
   font-size: 12px;
   text-indent: 10px;
   background: none;
   max-width: calc(100% - 50px);
   width: 100%;
   border: none;
   float: left;
   outline: none;
}
.dma {
   display: block;
   margin: 5px 0;
}
.tenbaiviet1 {
   margin: 10px 0px;
   text-transform: uppercase;
   line-height: 1.5em;
   font-family: RobotoBoldCondensed;
   color: #000;
   font-size: 20px;
   margin-top: 0;
}
.ct_nd_gt {
   background: #fff;
   padding: 15px;
}
div#btn {
   position: absolute;
   top: 5px;
   right: 15px;
   width: 21px;
   height: 22px;
   cursor: pointer;
   z-index: 999999;
   background: url(images/srs.png);
}
.fgt {
   color: #f00;
   font-family: robotobold;
   margin-top: 0;
   text-transform: uppercase;
   font-size: 20px;
   margin-bottom: 25px;
   margin-top: 100px;
}
.fixed-menu-v .fgt {
   margin-top: 0;
}
.fixed-menu-v {
   position: fixed;
   top: 80px;
}
.left_gt a {
   display: block;
   font-family: open_semi;
   color: #333;
   text-transform: capitalize;
   margin-bottom: 20px;
}
.link_bds:hover {
   color: #df2c24;
}
.link_bds {
   color: #585858;
   display: block;
   margin-bottom: 5px;
}
section#tt-menu {
   width: 100%;
   float: left;
   background: rgba(255, 255, 255, 0.31);
}
.w1000 {
   max-width: 970px;
   margin: auto;
}
.ab_list {
   border: 1px solid #ddd;
   overflow: hidden;
   position: relative;
   text-align: center;
   font-size: 14px;
}
.ab_list h3 {
   font-size: 20px;
   color: #eaeaec;
   font-family: robotoitalic;
   position: absolute;
   background: url(images/bkp.png);
   min-width: 210px;
   text-align: center;
   font-weight: normal;
   margin: 0;
   bottom: 10px;
   padding: 8px 29px;
   transition: 0.5s;
   background-size: 100%;
   right: 10px;
}
.ab_list h3:hover {
   background: url(images/bkp1.png);
   color: #282a75;
   background-size: 100%;
}
div.menu {
   z-index: 999;
   position: relative;
   background: #fff;
   /* box-shadow: 1px 1px 1px #f5f5f5; */
}
div.menu-left {
   width: 88%;
}
div.menu-right {
   width: 12%;
}
div.title_list {
   width: 100%;
   float: left;
   background: #00a300;
   box-sizing: border-box;
   box-sizing: border-box;
   border-top: 1px solid #dddddd;
   border-bottom: 1px solid #dddddd;
   border-right: 1px solid #dddddd;
}
div.title_list h2 {
   font-family: RobotoBoldCondensed;
   font-weight: 300;
   text-transform: uppercase;
   font-size: 17px;
   line-height: 45px;
   color: #ffffff;
   text-align: center;
}
div.desc_list {
   width: 100%;
   float: left;
}
div.desc_list ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.desc_list ul li {
   background: url(images/bgmenu.png) repeat-x;
   width: 100%;
   box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75);
   border-radius: 5px;
   list-style: none;
   height: 31px;
   margin-top: 10px;
   line-height: 31px;
}
div.desc_list ul li h2 {
   color: #ffffff;
   background: url(images/arrow.png) no-repeat 10px center;
   padding-left: 25px;
   font-size: 18px;
   text-transform: uppercase;
   font-weight: 300;
   font-family: "Times News Roman";
}
.div.desc_list ul li h2 a:hover {
   color: #fff !important;
}
div.desc_list ul li:hover {
   background: rgba(17, 233, 3, 0.65);
}
div.desc_list ul li h2 a {
   color: #333;
   display: block;
   font-family: Tahoma;
   /* font-weight: normal; */
   font-size: 13px;
   font-weight: bold;
}
.frm_login {
   max-width: 550px;
   text-align: left;
   border: 1px solid #005f37;
   padding: 10px;
   margin-top: 15px;
   margin: auto;
   position: fixed;
   background: #fff;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   height: 210px;
}
.td_right {
   width: 100%;
}
.vbj {
   position: absolute;
   margin-top: 5px;
   margin-left: 8px;
   color: #00a300;
   font-size: 17px !important;
}
div.box_right {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
   border-left: 20px solid transparent;
   border-right: 50px solid transparent;
   border-bottom: 20px solid transparent;
}
div.box_bottom {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border-top: 1px solid #ccc;
}
div.box_bottom_list {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
   border-left: 50px solid transparent;
   border-right: 50px solid transparent;
   border-bottom: 20px solid transparent;
}
div.box_bottom_list ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.box_bottom_list ul li {
   width: 31%;
   float: left;
   margin-right: 3.5%;
}
div.box_bottom_list ul li:last-child {
   margin-right: 0%;
}
div.box_bottom_list ul li a {
   display: block;
   color: #ffffff;
   font-size: 20px;
   font-family: "Times News Roman";
   background: #f7941d;
   line-height: 50px;
   border-radius: 10px;
   text-align: center;
}
div.box_bottom_list ul li a.active {
   background: #696a09;
   color: #fff;
   font-weight: bold;
   font-size: 24px;
}
div.top_menu {
   width: 100%;
   float: left;
}
div.top_menu ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.top_menu ul li {
   width: 31%;
   float: left;
   margin-right: 3.5%;
}
div.top_menu ul li:last-child {
   margin-right: 0%;
}
div.top_menu ul li a {
   display: block;
   color: #fff;
   text-transform: uppercase;
   font-weight: 300;
   font-size: 17px;
   font-family: "Times News Roman";
   background: #696a09;
   line-height: 50px;
   border-radius: 10px;
   text-align: center;
   transition: all 0.6s;
}
#formdktv {
   font: 12px Tahoma, Geneva, sans-serif;
   font-weight: normal;
   max-width: 500px;
   float: left;
}
.tbl_info_member {
   max-width: 555px;
   width: 100%;
   margin-left: 20px;
}
#btndangky {
   background: #f64a02;
   width: 150px !important;
   font-size: 16px;
   height: 45px !important;
   border-radius: 7px;
   margin-bottom: 30px;
}
#btndangky:hover {
   background: #00a300;
}
.kyt h2 {
   font-size: 18px;
   line-height: 43px;
}
.kyt span {
   color: #f00;
}
.quydinh {
   float: right;
   max-width: 540px;
}
.tb_border {
   text-align: right;
   padding-right: 15px;
}
#gt_0 {
   float: left;
   width: 18px !important;
   margin-right: 5px;
}
#gt_1 {
   float: left;
   width: 18px !important;
   margin-right: 5px;
}
#formdk input {
   margin-bottom: 12px;
   azimuth: center;
   width: 90%;
   height: 26px;
   outline: none;
   padding: 0px 7px;
   border: 1px solid #ccc;
   background: #fff;
}
.tablelienhe_vn {
   max-width: 440px;
   margin: auto;
   margin-top: 10px;
}

.ip1 {
   max-width: 300px;
   width: 100%;
   border: 1px solid #ff0;
   height: 30px;
   text-indent: 25px;
   margin-bottom: 10px;
}
.frm_order div {
   line-height: 33px;
}
.ttcn {
   height: 30px;
   text-align: center;
   font-weight: bold;
   color: #f00;
}
.chon {
   min-width: 180px;
   height: 25px;
}
.tv {
   text-transform: uppercase;
   text-align: center;
   font-size: 17px;
   line-height: 36px;
   background: #265a7a;
   border-bottom: 2px solid #f00;
   /* margin: auto; */
   color: #fff;
   margin-bottom: 11px;
   /* border-bottom: 2px solid; */
   width: 500px;
   margin: auto;
}
.frm_order h3 {
   margin: auto;
   text-align: center;
   font-size: 22px;
   margin-bottom: 15px;
   color: #005ec2;
   margin-top: 25px;
   max-width: 390px;
   background: #0095ec;
   padding: 14px 0px;
   color: #fff;
   border-radius: 10px;
}
.aka {
   float: left;
}
.let {
   float: left;
   max-width: 752px;
   width: 100%;
}
.button1 {
   cursor: pointer;
   border: none !important;
   background: #0095ec;
   width: 100px !important;
   min-width: 106px !important;
   color: #fff;
   line-height: 35px;
   height: 31px !important;
   margin-bottom: 10px;
   text-transform: uppercase;
}
.it7 {
   max-width: 330px;
   width: 100%;
}
.it6 {
   max-width: 369px;
   width: 100%;
}
.mot {
   max-width: 900px;
   width: 100%;
}
.nammuoi {
   width: 50%;
   float: left;
}
.hai {
   max-width: 860px;
   width: 100%;
}
.ba {
   max-width: 826px;
   width: 100%;
}
.letc {
   width: 32%;
   float: left;
   margin-right: 1%;
}
.letc input {
   width: 100% !important;
}
.let1 {
   float: right;
}
.let2 {
   float: right;
   max-width: 660px;
   width: 100%;
}
.itu {
   max-width: 117px !important;
   width: 100%;
   min-width: 98px !important;
   border: none !important;
}
.it1 {
   max-width: 657px;
   width: 100%;
}
.it2 {
   max-width: 550px;
   width: 542px;
}
.it3 {
   max-width: 450px;
   width: 100%;
}
.it4 {
   max-width: 495px;
   width: 100%;
}
.it5 {
   width: 100%;
   max-width: 868px;
}
.frm_order div span {
   display: block;
   float: left;
   font-weight: bold;

   text-align: right;
}
#back-top {
   position: fixed;
   bottom: 33px;
   right: 24px;
   text-align: center;
}
.frm_order div input {
   border: none;
   height: 22px;
   min-width: 250px;
   text-indent: 6px;
   border-bottom: 2px dotted #8c7d7d;
}
div.top_menu ul li a:hover {
   background: #005f37;
   color: #ffffff;
}

div.box_item_bottom {
   width: 100%;
   float: left;
   margin-top: 10px;
   border: 1px solid #ccc;
   box-sizing: border-box;
}
div.box_item {
   width: 100%;
   float: left;
   border: 20px solid transparent;
   box-sizing: border-box;
}
div.box_title {
   width: 100%;
   float: left;
   background: #005f37;
   padding: 10px 0px;
   text-align: center;
   border-radius: 20px;
}
div.box_title h3 {
   font-size: 36px;
   font-family: "Times News Roman";
   color: #ffffff;
   font-weight: 300;
   text-transform: uppercase;
   line-height: 40px;
}
div.box_title h4 {
   font-size: 28px;
   font-family: "Times News Roman";
   color: #fff000;
   line-height: 40px;
   font-weight: 300;
   text-transform: uppercase;
}
div.box_desc {
   width: 100%;
   float: left;
}
div.box_desc p {
   line-height: 38px;
   display: inline-block;
   text-align: center;
   width: 100%;
   font-size: 24px;
   color: #9e0b0f;
   font-family: "Times News Roman";
}
div.box_desc p img {
   vertical-align: middle;
}
h5.title_dh {
   font-size: 25px;
   text-transform: uppercase;
   text-align: center;
   width: 100%;
   float: left;
   color: #f00;
   font-family: "Times News Roman";
   line-height: 32px;
   margin-top: 9px;
}
div.news_ag {
   width: 100%;
   float: left;
   padding: 10px 0px;
   text-align: center;
}
div.news_ag span.green {
   background: #005f37;
   display: inline-block;
   line-height: 40px;
   padding: 0px 10px;
   color: #ffffff;
   font-size: 20px;
   width: 102px;
   text-align: center;
   border-radius: 10px;
   text-transform: normal !important;
   margin: 0px 10px;
}
div.news_ag span.yellow {
   background: #005f37;
   display: inline-block;
   line-height: 40px;
   padding: 0px 10px;
   color: #ff0;
   font-size: 20px;
   width: 102px;
   text-align: center;
   border-radius: 10px;
   text-transform: normal !important;
   margin: 4px 10px;
}
/*div.box_desc p span.green{
    background: #005F37;
    display: inline-block;
    line-height: 30px;
    padding: 0px 10px;
    color: #FFFFFF;
    font-size: 14px;
    width: 62px;
    border-radius: 3px;
    text-transform: normal !important;
}
div.box_desc p span.yellow{
    background: #005F37;
    display: inline-block;
    line-height: 30px;
    padding: 0px 10px;
    color: #FFF000;
    font-size: 14px;
    width: 62px;
    border-radius: 3px;
    text-transform: nowrap !important;
}
*/
div.box_desc span {
   display: inline-block;
   padding: 10px 25px;
   background: #005f37;
   color: #d90000;
   font-size: 20px;
   margin: 0px 2px;
   border-radius: 10px;
}
div.item_pad {
   max-width: 515px;
   margin: 0 auto;
}
div.item_user {
   max-width: 128px;
   float: left;
   text-align: center;
}
div.box_provider {
   width: 100%;
   float: left;
   margin-top: 20px;
}
div.box_provider_title {
   max-width: 586px;
   background: url(images/line_dt.png) no-repeat left center,
      url(images/line_dt.png) no-repeat right center;
   margin: 0 auto;
   text-align: center;
}
div.box_provider_title h3 {
   display: inline-block;
   background: #696a09;
   padding: 0px 30px;
   color: #ffffff;
   text-transform: uppercase;
   font-size: 14px;
   font-family: "Times News Roman";
   font-weight: 300;

   line-height: 35px;
   border-radius: 9px;
   font-weight: bold;
}
div#tt-nav {
   float: left;
   margin: 14px 0px;
}
div#tt-nav ul {
   list-style: none;
   margin: 0;
}
div#tt-nav > ul > li {
   float: left;
   padding: 0px 11px;
   position: relative;
}
.phone {
   float: left;
   font-size: 15px;
   color: #25216d;
   font-family: robotobold;
   margin-top: 15px;
   margin-left: 25px;
}
div#tt-nav ul li:last-child {
   border-right: none;
}
.lir img {
   float: left;
   margin-top: 15px;
   padding-left: 20px;
}
.lir {
   width: 270px;
   text-align: center;
}
.slogan {
   max-width: 1170px;
   margin: auto;
   font-size: 16px;
   color: #0072ff;
   font-family: robotobold;
   line-height: 35px;
   text-transform: uppercase;
}
div#tt-nav > ul > li {
   cursor: pointer;
   transition: all 0.6s;
}
div#tt-nav > ul > li:last-child {
}
div#tt-nav > ul > li > h3 {
   font-weight: 300;
   margin: 0;
}
div#tt-nav ul li h3 a {
   color: #3a3a3a;
   padding: 0px 1px;
   display: block;
   font-family: roboto_r;
   line-height: 50px;
   font-size: 15px;
   text-transform: uppercase;
}
.ktop {
   background: #1270a0;
   line-height: 35px;
   min-height: 35px;
}


.kop {
   z-index: 9;
   position: relative;
}
.cgt {
   color: #a86500;
   font-size: 16px;
}
.ckl {
   color: #223f83 !important;
}
.mw1000 {
   max-width: 1000px;
   margin: auto;
}
.line_bottom {
   background: #eee;
   padding: 14px 15px;
}
.slick_sli {
   max-width: 700px;
   margin: auto;
   text-align: center;
}
div#tt-nav > ul > li.active {border-bottom: 4px solid #25216d;
}
.p_img {
   width: calc(20% - 15px);
   float: left;
   margin-right: 15px;
}
.ct_new {
   width: calc(80% - 120px);
   float: left;
}
.ct_new h3 {
   font-family: open_sansbold;
   font-size: 15px;
   text-transform: uppercase;
   margin-top: 0;
}
.ct_new h3 a {
   color: #000;
}
.chdd {
   float: right;
   color: #223f83;
   font-family: roboto_r;
   border: 1px solid #223f83;
   text-align: center;
   display: block;
   width: 100px;
   line-height: 28px;
   text-transform: uppercase;
   margin-top: 35px;
}
div#tt-nav > ul > li:hover {background: #25216f;}
div#tt-nav > ul > li.active > h3 > a,
div#tt-nav > ul > li:hover > h3 > a {
   color: #fff;
}
div#tt-nav > ul > li > ul > li a {
   color: #444;
   font-size: 13px;
   font-family: roboto_r;
   text-transform: uppercase;
   line-height: 30px;
   display: block;
}
.mlogo {
}
.transitionAll {
   margin: 0;
}
.dc img {
   margin-right: 5px;
}
div#tt-nav ul li h2 a:hover,
div#tt-nav ul li h2 a.active {
   color: #ffffff;
}
div#tt-nav > ul > li:hover > ul {
   display: block;
}
div#tt-nav > ul > li > ul > li:hover > ul {
   display: block;
}
div#tt-nav > ul > li > ul > li > ul > li:hover > ul {
   display: block;
}
div#tt-nav > ul > li ul {
   list-style: none;
   position: absolute;
   top: 50px;
   left: 0px;
   display: none;
   width: 270px;
   z-index: 999999999;
}
/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
   overflow: hidden !important;
   padding: 0 !important;
   position: relative;
}

.scroll-wrapper > .scroll-content {
   border: none !important;
   box-sizing: content-box !important;
   height: auto;
   left: 0;
   margin: 0;
   max-height: none;
   max-width: none !important;
   overflow: scroll !important;
   padding: 0;
   position: relative !important;
   top: 0;
   width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
   height: 0;
   width: 0;
}

.scroll-element {
   display: none;
}
.scroll-element,
.scroll-element div {
   box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
   display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
   cursor: default;
}

.scroll-textarea {
   border: 1px solid #cccccc;
   border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
   overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
   border: none !important;
   box-sizing: border-box;
   height: 100% !important;
   margin: 0;
   max-height: none !important;
   max-width: none !important;
   overflow: scroll !important;
   outline: none;
   padding: 2px;
   position: relative !important;
   top: 0;
   width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
   height: 0;
   width: 0;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
   border: none;
   margin: 0;
   padding: 0;
   position: absolute;
   z-index: 10;
}

.scrollbar-outer > .scroll-element {
   background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
   display: block;
   height: 100%;
   left: 0;
   top: 0;
   width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
   bottom: 0;
   height: 12px;
   left: 0;
   width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
   height: 100%;
   right: 0;
   top: 0;
   width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
   height: 8px;
   top: 2px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
   left: 2px;
   width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
   overflow: hidden;
}
.scrollbar-outer > .scroll-element .scroll-element_track {
   background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
   background-color: #d9d9d9;
}
.scrollbar-outer > .scroll-element .scroll-bar:hover {
   background-color: #c2c2c2;
}
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
   background-color: #919191;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
   left: -12px;
   margin-left: 12px;
}
.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
   top: -12px;
   margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
   min-width: 10px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
   min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer
   > .scroll-element.scroll-x.scroll-scrolly_visible
   .scroll-element_track {
   left: -14px;
}
.scrollbar-outer
   > .scroll-element.scroll-y.scroll-scrollx_visible
   .scroll-element_track {
   top: -14px;
}

.scrollbar-outer
   > .scroll-element.scroll-x.scroll-scrolly_visible
   .scroll-element_size {
   left: -14px;
}
.scrollbar-outer
   > .scroll-element.scroll-y.scroll-scrollx_visible
   .scroll-element_size {
   top: -14px;
}
div#tt-nav > ul > li ul ul {
   list-style: none;
   position: absolute;
   top: 0px;
   left: 100%;
   display: none;
   width: 250px;
   z-index: 999999999;
}
div#tt-nav > ul > li ul li {
   display: inline-block;
   float: left;
   width: 100%;
   background: #fff;
   text-align: left;
   transition: all 0.6s;
   position: relative;
   padding: 5px 15px;
   border-bottom: 1px solid #eee;
   border-left: 2px solid #fff;
}
div#tt-nav > ul > li > ul > li a:hover {
   color: #25216d !important;
}
div#tt-nav > ul > li ul li h2 {
   line-height: 30px;
   font-size: 13px;
   font-weight: 300;
   letter-spacing: 1px;
   color: #ffffff;
   background: none !important;
   font-family: "RobotoCondensed-Regular";
}
div#tt-nav > ul > li ul li h2 a {
   color: #7c7b7b;
   padding: 0px 20px;
   display: inline-block;
}
div#tt-nav > ul > li ul li ul li h2 a {
   color: #7c7b7b;
}
div#tt-nav > ul > li ul li:hover > h2 > a {
   border-bottom: 0px solid transparent;
   color: #f73100;
}
div#tt-nav > ul > li ul li:hover {border-left: 4px solid #25216d;background: #fff;}
div#tt-nav > ul > li ul li:hover a{color: #25216f;}
div#tt-nav > ul > li:hover div.submenu {
   opacity: 1;
   transform: scale(1);
}
div.submenu {
   position: absolute;
   top: 34px;
   width: 100%;
   left: 0px;
   height: auto;
   background: #ffffff;
   box-sizing: border-box;
   opacity: 0;
   transition: all 0.6s;
   z-index: 9999999;
   border: 1px solid #006fb7;
   transform: scale(0);
}
div.submenu > ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.submenu > ul > li {
   width: 18%;
   float: left;
   margin: 10px 1%;
}
div.submenu > ul > li > h3 {
   width: 100%;
   float: left;
   margin-bottom: 10px;
   padding-bottom: 5px;
   font-size: 14px;
   font-family: Arial;
   text-transform: uppercase;
   color: #003b8b;
   font-weight: 300;
   text-align: left;
   border-bottom: 1px solid #003b8b;
}
div.submenu > ul > li > h3 > a {
   color: #003b8b;
}
div.submenu2 {
   width: 100%;
   float: left;
   background: #f1f1f1;
   box-sizing: border-box;
   border: 10px solid #f1f1f1;
}
div.submenu2 ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.submenu2 ul li {
   width: 100%;
   float: left;
   transition: all 0.6s;
}
div.submenu2 ul li h4 {
   line-height: 25px;
   font-size: 13px;
   text-align: left;
   color: #333333;
   font-weight: 300;
}
div.submenu2 ul li:hover {
   background: #0075c0;
}
div.submenu2 ul li:hover a {
   color: #fff;
}
div.submenu2 ul li h4 a {
   color: #333333;
}

div#tt-menu-mobile {
   text-align: left;
   display: none;
}
.center {
   text-align: center;
}
.logo_m {
   display: none;
}
div#tt-menu-mobile a {
   display: inline-block;
   background: url(images/menu1.png) no-repeat center;
   /* width: 37px; */
   height: 35px;
   padding: 5px;
   color: #fff !important;
   padding-left: 35px;
   line-height: 25px;
   font-size: 0px;
}

section#tt-slider {
   width: 100%;
   float: left;
}
div#tt-slider {
   width: 100%;
   float: left;
}
div.slider {
   width: 100%;
   float: left;
}
div.item_gallery {
   width: 100%;
   background: #f1f1f1;
   transition: all 0.6s;
   float: left;
   margin-bottom: 30px;
}
div.item_gallery img {
   max-width: 100%;
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 4px solid #f1f1f1;
   transition: all 0.6s;
}
div.item_gallery h3 {
   font-weight: 300;
   width: 100%;
   float: left;
   font-family: "RobotoCondensed-Regular";
   text-transform: uppercase;
   font-size: 15px;
   text-align: center;
   padding: 5px 0px 10px;
}
div.item_gallery h3 a {
   color: #333333;
}

section#tt-content {
   width: 100%;
   float: left;
}
div.site-content {
   width: 100%;
   float: left;
}
div.site-content1 {
   width: 100%;
   float: left;
}
div.tt-left {
   width: 20%;
   float: left;
}
div.tt-middle {
   width: 52.3%;
   float: left;
   margin: 0px 1.5%;
}
div.tt-right {
   width: 80%;
   float: right;
   border-left: 15px solid transparent;
   box-sizing: border-box;
   border-right: 15px solid transparent;
}
div.tt-leftsub {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 1px solid #121212;
   background: #232222;
   margin-bottom: 10px;
}
div.tt-leftsub-dm {
   width: 100%;
   float: left;
   margin-top: 20px;
}
div.tt-quangcaoimg {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 9px solid #232222;
}
ul.chuyenmuc {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
   list-style: none;
}
ul.chuyenmuc > li {
   width: 100%;
   float: left;
}
ul.chuyenmuc > li > a {
   display: block;
   padding: 5px 0px;
   font-size: 14px;
   color: #333;
   font-family: robotobold;
   text-decoration: none;
}
ul.chuyenmuc > li > ul {
   width: 100%;
   float: left;
   list-style: none;
}
ul.chuyenmuc > li > ul > li {
   width: 100%;
   float: left;
}
ul.chuyenmuc > li > ul > li > a {
   display: block;
   padding: 5px 0px 5px 10px;
   font-size: 13px;
   color: #333;
   text-decoration: none;
}
ul.chuyenmuc > li:hover > a {
   color: #25216d;
}
ul.chuyenmuc > li > ul > li:hover a {
   color: #25216d;
}
div.tt-quangcaoimg img {
   max-width: 100%;
   display: block;
}

ul.chuyenmuc > li > a span {
   font-size: 12px;
   color: #666;
   padding-left: 5px;
}
div#an_qc {
   display: none;
}
div.sub-img {
   width: 43%;
   float: left;
   box-sizing: border-box;
   border: 1px solid #121212;
   background: #232222;
   margin: 0px 3.5% 10px 3.5%;
}
.alb {
   border: 1px dotted #c9a46e;
   padding: 10px;
}
.alb a {
   display: block;
}
div.tt-quangcaoimg1 {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 9px solid #232222;
}
div.tt-quangcaoimg1 img {
   max-width: 100%;
   display: block;
}
.pvr {
   text-align: center;
}
div.tt-title-left {
   width: 100%;
   float: left;
   box-sizing: border-box;
   background: #e1cfb3;
   font-size: 24px;
   font-family: utm_ai;
   color: #7b3017;
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
   height: 40px;
   line-height: 38px;
   border-top: 2px solid #7b3017;
   margin-bottom: 15px;
}
div.tt-title-left h2 {
   line-height: 30px;
   color: #ffffff;
   padding-left: 20px;
   font-family: "RobotoBold";
   text-transform: uppercase;
   font-size: 14px;
}
div.tt-desc-left {
   box-sizing: border-box;
}
div.tt-desc-left-hot {
   float: left;
   box-sizing: border-box;
   width: 100%;
}
div.tt-bglien {
   width: 100%;
   float: left;
   background: url(images/bghot.jpg) no-repeat top center;
   min-height: 187px;
   position: relative;
}
span.hot1 {
   position: absolute;
   top: 48px;
   left: 60px;
   font-size: 20px;
   color: #ff0000;
   font-family: "RobotoCondensed-Regular";
}
p.hot1 {
   position: absolute;
   top: 75px;
   left: 100px;
   font-size: 18px;
   color: #ff0;
   font-family: "RobotoCondensed-Regular";
   line-height: 21px;
}
p.hot2 {
   position: absolute;
   top: 150px;
   left: 10px;
   font-size: 13px;
   color: #ffffff;
   font-family: "RobotoCondensed-Regular";
   line-height: 21px;
}
div.tt-desc-left-r {
   float: left;
   box-sizing: border-box;
   padding: 9px 10px;
   background: #0a0a0a url(images/bongtitle1.jpg) no-repeat top center;
}
div.tt-index-cont {
   width: 100%;
   float: left;
}
ul.news-left {
   width: 100%;
   float: left;
   list-style: none;
}
ul.news-left li {
   width: 100%;
   float: left;
   padding-bottom: 8px;
   margin-bottom: 8px;
   border-bottom: 1px dashed #393939;
}
ul.news-left li div.img-news {
   width: 66px;
   height: 57px;
   border: 1px solid #0c0c0c;
   background: #111010;
   float: left;
   margin-right: 8px;
}
ul.news-left li div.img-news img {
   width: 100%;
   box-sizing: border-box;
   border: 4px solid transparent;
   height: 57px;
}
ul.news-left li h3 {
   font-family: "RobotoCondensed-Regular";
   font-size: 13px;
   color: #ffffff;
}
ul.news-left li h3 a {
   color: #ffffff;
   font-weight: 300;
}

div.tt-item-content {
   width: 100%;
   float: left;
}
div.tt-title {
   width: 100%;
   float: left;
   background: url(images/line_title.png) no-repeat bottom left;
}
div.tt-title h3,
div.tt-title h1 {
   font-size: 24px;
   color: #005ec2;
   text-transform: uppercase;
   font-weight: 300;
   line-height: 40px;
   font-family: "RobotoCondensed-Regular";
   text-align: left;
   display: inline-block;
   padding-right: 30px;
}
div.tt-title h3 a,
div.tt-title h1 a {
   color: #005ec2;
}
div.tt-title h3:hover a,
div.tt-title h1:hover a {
   color: #d90000;
}

div.tt-menusp {
   width: 100%;
   float: left;
   text-align: center;
   margin-top: 10px;
   padding-bottom: 10px;
   background: url(images/bgtitle_bt.png) no-repeat bottom center;
}
div.tt-menusp h3 {
   font-size: 24px;
   color: #005ec2;
   text-transform: uppercase;
   font-weight: 300;
   line-height: 40px;
   font-family: "RobotoCondensed-Regular";
   text-align: center;
   display: inline-block;
}
div#hien_sp {
   width: 100%;
   float: left;
   margin-top: 10px;
}
div.item_daotao {
   width: 32%;
   float: left;
   margin-right: 2%;
}
div.item_daotao:nth-child(3n + 0) {
   margin-right: 0%;
}
div.img_daotao {
   width: 100%;
   float: left;
   overflow: hidden;
}
div.img_daotao img {
   max-width: 100%;
   transition: all 0.6s;
   transform: scale(1);
}
div.img_daotao:hover img {
   transform: scale(1.02);
}
div.item_daotao h3 {
   float: left;
   width: 100%;
   font-size: 17px;
   text-align: center;
   text-transform: uppercase;
   line-height: 25px;
}
div.item_daotao h3 a {
   color: #333333;
   font-family: "RobotoCondensed-Regular";
}
div.tt-desc {
   width: 100%;
   float: left;
}
div.tt-product-item {
   width: 25%;
   float: left;
   box-sizing: border-box;
   border: 1px solid #cccccc;
   position: relative;
}
div.tt-product-item:nth-child(4n + 0) {
   border-right: 0px solid #cccccc;
   border-top: 0px solid #cccccc;
}
div.tt-product-item:nth-child(n + 0) {
   border-left: 0px solid #cccccc;
   border-top: 0px solid #cccccc;
}
div.tt-product {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid #ffffff;
}
div.tt-product-img {
   width: 100%;
   float: left;
   text-align: center;
}
div.tt-product-img img {
   max-width: 60%;
   transform: scale(1);
   transition: all 0.6s;
}
div.tt-product-title {
   width: 100%;
   float: left;
   margin: 10px 0px 0px;
}
div.tt-product-title h4 {
   width: 100%;
   float: left;
   font-size: 15px;
   font-family: Arial;
   font-weight: 300;
   line-height: 20px;
   height: 20px;
   overflow: hidden;
   text-align: center;
}
div.tt-product-title h4 a {
   color: #343434;
}
div.tt-product-title p {
   width: 100%;
   float: left;
   font-size: 13px;
   font-family: Arial;
   font-weight: 300;
   line-height: 20px;
   height: 20px;
   overflow: hidden;
   text-align: center;
}
div.tt-product-item:hover div.tt-product-title a {
   color: #ff0000;
}
div.tt-product-item:hover div.tt-product-img img {
   transform: scale(1.02);
}
div.tt-product-desc {
   width: 100%;
   float: left;
   line-height: 19px;
   color: #7c7b7b;
   font-size: 14px;
}
div.tt-product-price {
   width: 100%;
   float: left;
}
div.tt-product-price p {
   width: 100%;
   float: left;
   font-size: 13px;
   font-family: Arial;
   font-weight: 300;
   line-height: 20px;
   height: 20px;
   overflow: hidden;
   text-align: center;
}
span.price {
   color: #ff0000;
}
span.price-old {
   color: #333333;
   text-decoration: line-through;
}
div.tt-product-rating {
   width: 100%;
   float: left;
   text-align: center;
}
div.sale {
   position: absolute;
   top: 0px;
   right: 20px;
   width: 80px;
   height: 95px;
   background: url(images/sale.png) no-repeat top center;
   z-index: 9999999;
   background-size: 100%;
}
div.tt-mua {
   width: 100%;
   float: left;
}
div.tt-mua p {
   line-height: 35px;
   color: #737373;
   text-align: right;
   font-size: 12px;
   width: 100%;
   float: left;
}
div.tt-mua p a {
   color: #737373;
}
div.tt-mua p span.red {
   color: #ff0000;
}
div.tt-title-white {
   width: 100%;
   float: left;
   background: #ffffff;
   box-sizing: border-box;
   border: 10px solid #ffffff;
}
div.tt-title-white-top {
   width: 100%;
   float: left;
   margin-bottom: 10px;
}
div.tt-title-white-top img {
   max-width: 100%;
}
div.tt-title-white-bottom {
   width: 100%;
   float: left;
}

div.tt-cottrai {
   width: 65%;
   float: left;
}
div.tt-cottraitop {
   padding: 10px 0px;
}
div.tt-cottraitop img {
   background: #fff;
   float: left;
   margin-right: 10px;
   margin-bottom: 2px;
   max-width: 100%;
}
div.tt-cottraitop > div {
   text-align: justify;
}
div.tt-cotphai {
   width: 32%;
   float: right;
   background: #005ec2;
   border-radius: 10px;
}
div.tt-cotphai img {
   max-width: 100%;
}
.gtnb {
   display: block;
   color: #fff;
   line-height: 27px;
}
.gtnb:hover {
   color: #ff0 !important;
}
.mh {
   float: left;
}
.mh a {
   color: #fff !important;
   line-height: 30px;
}
.mh a:hover {
   color: #ff0 !important;
}
div.tt-cottrai1 {
   width: 74%;
   float: left;
}
div.tt-cotphai1 {
   width: 24%;
   float: right;
}
div.tt-title-khoahoc {
   width: 100%;
   float: left;
   margin-top: -3px;
   height: 52px;
   background: url(images/bgkhoadaotao.png) no-repeat top center;
}
div.tt-title-khoahoc h3 {
   line-height: 47px;
   color: #ff0000;
   text-align: center;
   text-transform: uppercase;
   font-size: 17px;
}
div.tt-desc-khoahoc {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
}
div.tt-desc-khoahoc table {
   width: 100%;
   border-collapse: collapse;
   border: 1px solid #0099ff;
}
div.tt-desc-khoahoc a {
   color: #fff;
   font-weight: 300;
}
div.tt-desc-khoahoc a:hover {
   color: #f3f300;
}
div.tt-desc-khoahoc table tr,
div.tt-desc-khoahoc table td,
div.tt-desc-khoahoc table th {
   border: 1px solid #0099ff;
}
div.tt-desc-khoahoc table td,
div.tt-desc-khoahoc table th {
   padding: 5px;
}
div.tt-cotphaivideo {
   width: 100%;
   float: left;
   padding: 10px 0px 0px;
}
div.tt-cotphaivideo img {
   max-width: 100%;
}
select.selectvideo {
   width: 100%;
   padding: 5px 0px;
   border: 1px solid #cccccc;
   outline: none;
}
div.tt-title-img {
   width: 100%;
   float: left;
   min-height: 28px;
   background: url(images/menu_hinhanh.png) repeat top right;
}
div.tt-title-img div.img_left {
   width: 25%;
   float: left;
}
div.tt-title-img div.img_left h3 {
   line-height: 28px;
   font-size: 15px;
   font-weight: 300;
   color: #ff0;
   padding-left: 10px;
   text-transform: uppercase;
   font-family: "RobotoCondensed-Regular";
   background: url(images/menu_hinh_left.png);
}
div.tt-title-img div.img_right {
   width: 75%;
   float: left;
}
div.tt-title-img div.img_right ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.tt-title-img div.img_right ul li {
   float: left;
}
div.tt-title-img div.img_right ul li a {
   display: inline-block;
   padding: 0px 10px;
   color: #fff;
   line-height: 28px;
   text-transform: uppercase;
   font-weight: 300;
   font-family: "RobotoCondensed-Regular";
   cursor: pointer;
   outline: none;
}
div.tt-title-img div.img_right ul li:hover a,
div.tt-title-img div.img_right ul li a.active {
   color: #ff0;
}
div.tt-desc-img {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 1px solid #ccc;
}
div.tt-desc-cent {
   box-sizing: border-box;
   border: 10px solid transparent;
   width: 100%;
   float: left;
}
section.bgcam {
   background: #eba222;
   padding: 20px 0px;
   margin-top: 10px;
}
.new_sp img {
   -webkit-transition: -webkit-transform 0.5s ease;
   -moz-transition: -moz-transform 0.5s ease;
   transition: transform 0.5s ease;
   transition: 0.5s;
}
.h3:hover {
   color: #f00;
}
.mota_v {
   font-size: 13px;
   text-align: left;

   line-height: 19px;
   height: 20px;
   overflow: hidden;
   margin: 0;
}
.new_sp:hover img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
}
.new_sp {
   overflow: hidden;
}
.am_all {
   margin-bottom: 20px;
   font-family: Tahoma;
}
.am_all img {
   width: 100%;
   margin-bottom: 6px;
}
.am_all h3 {
   margin: 0;
   line-height: 18px;
   font-weight: 600;
}
.am_all h3 a {
   font-size: 13px;
   text-transform: uppercase;
   color: #000;
}
.brl {
   border: 1px solid #ccc;
   padding: 10px;
}
.duan_title {
   text-align: center;
   color: #055699;
   text-transform: uppercase;
   font-family: Tahoma;
   font-size: 20px;
   font-weight: 600;
   margin: 0 15px;
   margin-bottom: 10px;
}
.caroll_sp_img:hover img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
}
.drp {
   margin: 0 !important;
   width: 96% !important;
}
.caroll_sp_img img {
   -webkit-transition: -webkit-transform 0.5s ease;
   -moz-transition: -moz-transform 0.5s ease;
   transition: transform 0.5s ease;
   transition: 0.5s;
}
.caroll_sp_img {
   overflow: hidden;
   position: relative;
}
div.caroll_sp {
   width: 100%;
   margin-top: 10px;
   float: left;
}
div.caroll_sp .item {
   float: left;
   margin-right: 23px;
   width: 100%;
   border-right: 1px solid #ccc;
}
div.box_caroll_sp {
   font-family: roboto_r;
   position: relative;
   margin-bottom: 30px;
   font-size: 13px;
}
.log {
   float: right;
}
#ftnext {
   max-width: 1200px;
   margin: auto;
   background: #fff;
   border-radius: 4px 4px 0px 0px;
}
.tmc b {
   color: #f00;
}
.jhg {
   width: 32px;
   margin-right: 8px;
   height: 25px;
}
.dvt {
   font-size: 15px;
   font-family: RobotoCondensed-Regular;
   float: left;
   width: 50%;
   border: 1px solid #ccc;
   border-left: none;
   text-indent: 5px;
}
.gach {
   text-decoration: line-through;
}
.giaban {
   color: #f00;
   font-family: roboto_l;
   font-size: 16px;
   text-align: left;
   padding-bottom: 5px;
   /* padding-top: 3px; */
   width: 96%;
   margin: auto;
   padding-bottom: 13px;
}
.giaban1 {
   float: right;
   color: #666;
   font-size: 14px;
   text-decoration: line-through;
}
.acv {
   display: block;
   text-align: left;
   font-size: 14px !important;
}
.price {
   color: #6c6e72;
   margin: 0;
}
div.caroll_sp_img {
   margin-bottom: 10px;
}
div.caroll_sp_img img {
   width: 100%;
}
div.caroll_sp_title {
   font-family: roboto_r;
   transition: 0.5s;
   position: relative;
}
.date {
   color: #055699;
   margin-top: 5px;
}
.date img {
   float: left;
   margin-top: 3px;
   margin-right: 5px;
}
div.caroll_sp_title h3:hover a {
   color: #f00;
}
.ccb {
   position: absolute;
   top: -5px;
   width: 65%;
   height: 11px;
   background: #fff;
   z-index: 9999;
   left: 15%;
   display: block;
}
.caroll_sp_title p {
   margin-bottom: 5px;
}
div.caroll_sp_title h3 {
   margin-top: 0;
   margin-bottom: 5px;
   overflow: hidden;
}
.txt_blue {
   color: #055699;
}
.tma {
   font-family: robotobold;
   float: left;
   width: 85px;
}
.rbl {
   font-family: robotobold;
}
.tma1 {
   font-family: robotobold;
}
.span1 {
   text-decoration: line-through;
   margin-right: 10px;
}
.masp {
   text-align: left;
   margin-top: 5px;
}
.span2 {
   color: #f00;
}
.tmc {
   float: right;
}
.litop {
   background: url(images/ftop.png);
   height: 26px;
   width: 100%;
}
.duan img {
   width: 100%;
   margin-bottom: 10px;
}
.giamgia {
   position: absolute;
   right: 5px;
   top: 5px;
   background: url(images/sale.png);
   color: #fff;
   z-index: 999;
   width: 38px;
   height: 39px;
   line-height: 16px;
   font-size: 13px;
   text-align: center;
}
.title_left {
   font-size: 18px;
   text-transform: uppercase;
   margin-top: 0;
   background: #223f83;
   line-height: 45px;
   color: #fff;
   text-align: center;
   background-size: 100% 100%;
   margin-bottom: 15px;
   font-family: open_sansbold;
   margin: 0;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}
div.caroll_sp_title h3 a {
   font-size: 14px;
   font-family: robotobold;
   color: #212121;

   display: block;
   text-transform: capitalize;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
div.caroll_sp_desc {
   width: 100%;
   float: left;
   padding: 0px 0px 0px;
   font-family: "RobotoCondensed-Regular";
}
div.caroll_sp_left {
   width: 50%;
   float: left;
   box-sizing: border-box;
   border-right: 1px solid #ccc;
   padding: 10px 0px;
   text-align: center;
}
div.caroll_sp_left span {
   display: inline-block;
   font-size: 35px;
   color: #eba222;
}
div.caroll_sp_right {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   min-height: 30px;
}
div.caroll_sp_right p.price {
   color: #eba222;
   font-size: 15px;
   font-family: Arial;
   display: inline-block;
   text-align: justify;
}
div.caroll_sp_right p.price-old {
   color: #525252;
   font-size: 16px;
   font-family: Arial;
   text-decoration: line-through;
   padding-left: 10px;
}
div.best {
   position: absolute;
   top: -10px;
   left: 10px;
   width: 65px;
   height: 86px;
   background: url(images/best.png) no-repeat top center;
   z-index: 9999999;
   background-size: 100%;
}
div.caroll_sp_right p.mota {
   color: #333333;
   font-size: 15px;
   text-align: justify;
}

div.product_item_danhsach {
   width: 100%;
   float: left;
}
div.product_item_danhsach .item_danhsach {
   float: left;
   margin-bottom: 10px;
   width: 100%;
   background: #ffffff;
   box-sizing: border-box;
   border: 1px solid #ccc;
}
div.box_caroll_sp_danhsach {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
   position: relative;
}
div.caroll_sp_img_danhsach {
   width: 25%;
   float: left;
   text-align: left;
}
div.caroll_sp_img_danhsach img {
   max-width: 100%;
}
div.caroll_sp_title_danhsach {
   text-align: left;
}
div.caroll_sp_title_danhsach h3 {
   font-size: 20px;
   color: #525252;
   text-align: left;
   font-weight: 300;
   padding: 10px 0px;
}
div.caroll_sp_title_danhsach h3 a {
   color: #525252;
}
div.caroll_sp_desc_danhsach {
   padding: 20px 0px 0px;
   text-align: left;
}
div.caroll_sp_left_danhsach {
   width: 13%;
   float: left;
   box-sizing: border-box;
   border-right: 1px solid #ccc;
   padding: 10px 0px;
   text-align: center;
}
div.caroll_sp_left_danhsach span {
   display: inline-block;
   font-size: 35px;
   color: #eba222;
}
div.caroll_sp_right_danhsach {
   width: 40%;
   float: left;
}
div.caroll_sp_right_danhsach p.price_danhsach {
   color: #eba222;
   font-size: 22px;
   font-family: Arial;
   padding-left: 10px;
}
div.caroll_sp_right_danhsach p.price-old_danhsach {
   color: #525252;
   font-size: 16px;
   font-family: Arial;
   text-decoration: line-through;
   padding-left: 10px;
}

div.product_item_luoi {
   width: 100%;
   float: left;
   margin-top: 10px;
}
div.product_item_luoi div.item {
   width: 19%;
   float: left;
   margin-right: 1.2%;

   transition: all 0.6s;
   box-sizing: border-box;
}
div.product_item_luoi div.item:nth-child(5n + 0) {
   margin-right: 0px;
}

div.product_item_luoi div.item:hover h3 a {
   color: #d90000;
}
div.tt-index-title {
   width: 100%;
   float: left;
   margin-top: 10px;
   background: #dddddd;
   margin-bottom: 10px;
}
div.tt-index-title h1 {
   display: inline-block;
   line-height: 30px;
   padding-left: 10px;
   font-size: 14px;
   font-weight: 300;
   float: left;
   margin-right: 10px;
   color: #eba222;
}
div.tt-index-title {
   width: 100%;
   float: left;
   margin-top: 10px;
   background: #dddddd;
   margin-bottom: 10px;
}
div.tt-index-title h2 {
   display: inline-block;
   line-height: 30px;
   padding-left: 10px;
   font-size: 14px;
   font-weight: 300;
   float: left;
   margin-right: 10px;
   color: #eba222;
}
div.tt-index-title span {
   display: inline-block;
   line-height: 30px;
   padding-left: 10px;
   font-size: 14px;
   font-weight: 300;
   float: left;
   margin-right: 5px;
}
a.tt-luoi {
   display: inline-block;
   width: 25px;
   height: 25px;
   margin-top: 2px;
   float: left;
   margin-right: 5px;
   background: url(images/chance_display_icon.png) no-repeat bottom left;
}
a.tt-danhsach {
   display: inline-block;
   width: 25px;
   height: 25px;
   float: left;
   margin-top: 2px;
   margin-right: 5px;
   background: url(images/chance_display_icon.png) no-repeat top left;
}
select.page {
   display: inline-block;
   width: 45px;
   height: 23px;
   margin-top: 3px;
   float: left;
   margin-right: 5px;
   cursor: pointer;
   outline: none;
   border: none;
}
div.tt-title-ctrinh {
   width: 100%;
   float: left;
   background: url(images/title2.jpg) repeat-x top center;
   height: 32px;
   border-radius: 8px;
}
div.tt-title-ctrinh h3 {
   display: inline-block;
   text-transform: uppercase;
   padding: 0px 20px;
   font-family: "RobotoCondensed-Regular";
   font-size: 13px;
   color: #ffffff;
   background: url(images/title.jpg) repeat-x top center;
   line-height: 30px;
   border: 1px solid #000000;
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
}
div.tt-desc-ctrinh {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
   text-align: center;
}
div.tt-desc-ctrinh img {
   max-width: 100%;
}
.fanpage-w {
   max-width: 190px;
   width: 190px;
}

div.tt-title1 {
   width: 100%;
   float: left;
   background: url(images/title.jpg) repeat-x top center;
}
div.tt-title1-left {
   width: 30%;
   float: left;
}
div.tt-title1-right {
   width: 70%;
   float: right;
}
div.tt-title-ldien {
   width: 100%;
   float: left;
}
div.tt-title-ldien ul {
   width: 100%;
   float: left;
   list-style: none;
}
div.tt-title-ldien ul li {
   width: 100%;
   float: left;
   padding: 0px 0px;
}
div.tt-desc1-left {
   width: 30%;
   float: left;
   box-sizing: border-box;
   border-right: 1px dashed #ccc;
}
div.tt-desc1-left h4 {
   text-align: center;
   font-size: 25px;
   color: #ff0000;
   line-height: 30px;
   font-weight: 300;
   text-transform: uppercase;
   font-family: "RobotoCondensed-Regular";
   margin-top: 10px;
}
div.tt-desc1-right {
   width: 70%;
   float: right;
   text-align: center;
}
div.tt-desc1-right img {
   max-width: 100%;
}
div.pban {
   padding: 10px 0px;
}
.mau1 {
   background: #fff5f5;
}
.mau2 {
   background: #ffffff;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
   width: 100% !important;
}
div.tt-title1 h3 {
   font-size: 15px;
   color: #ffffff;
   text-transform: uppercase;
   font-weight: 300;
   line-height: 30px;
   font-family: "RobotoCondensed-Regular";
   text-align: center;
}
ul.tt-item-col {
   width: 100%;
   float: left;
   list-style: none;
}
ul.tt-item-col > li {
   width: 48.6%;
   min-height: 400px;
}
ul.tt-item-col > li:nth-child(n + 0) {
   float: left;
}
ul.tt-item-col > li:nth-child(2n + 0) {
   float: right;
}
div.tt-item-desc-tour {
   width: 100%;
   float: left;
}
div.tt-item-desc-tour p {
   font-size: 15px;
   font-family: Arial;
   font-weight: 300;
   color: #6f6e6e;
   line-height: 20px;
   margin-bottom: 10px;
   width: 100%;
   float: left;
}
div.tt-item-desc-tour ul {
   width: 100%;
   float: left;
   list-style: none;
}
div.tt-item-desc-tour ul li {
   width: 100%;
   float: left;
   margin-bottom: 5px;
   border: 1px solid #ccc;
   box-sizing: border-box;
   background: #f7f7f6;
   transition: all 0.6s;
}
div.tt-fitem {
   box-sizing: border-box;
   border: 10px solid transparent;
}
div.tt-fitem h5 {
   font-size: 16px;
   font-family: Arial;
   color: #464545;
   font-weight: 300;
   background: url(images/arrow.png) no-repeat left center;
   padding-left: 13px;
}
div.tt-fitem h5 a {
   color: #464545;
}

div.tt-item-desc-order {
   width: 100%;
   float: left;
}
div.tt-item-desc-order ul {
   width: 100%;
   float: left;
   list-style: none;
}
div.tt-item-desc-order ul li {
   width: 100%;
   float: left;
   margin-bottom: 10px;
   transition: all 0.6s;
}
div.tt-item-desc-order ul li img {
   float: left;
   margin-right: 10px;
}
div.tt-item-desc-order ul li h3 {
   font-weight: 300;
   font-family: Arial;
   font-size: 15px;
   line-height: 21px;
   text-transform: uppercase;
   margin-bottom: 5px;
}
div.tt-item-desc-order ul li h3 a {
   color: #3c3c3c;
}
div.tt-item-desc-order ul li p {
   font-size: 15px;
   font-family: Arial;
   font-weight: 300;
   color: #7e7e7d;
   line-height: 20px;
}

section#tt-provider {
   width: 100%;
   float: left;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   padding: 15px 0px;
}

section#tt-company {
   width: 100%;
   float: left;
}
div.tt-desc-compa {
   width: 100%;
   float: left;
}
div.tt-desc-compa > ul {
   width: 100%;
   float: left;
   list-style: none;
}
div.tt-desc-compa > ul > li {
   width: 31%;
   margin: 0px 3.5% 10px;
   float: left;
}
div.tt-desc-compa > ul > li:nth-child(n + 0) {
   margin-left: 0px;
}
div.tt-desc-compa > ul > li:nth-child(3n + 0) {
   margin-right: 0px;
}
div.tt-comp-gt {
   width: 100%;
   float: left;
}
div.tt-comp-gt p {
   font-size: 14px;
   font-family: Arial;
   font-weight: 300;
   color: #424242;
   line-height: 20px;
   text-align: justify;
}
ul.tt-vemaybay {
   width: 100%;
   float: left;
   list-style: none;
}
ul.tt-vemaybay li {
   width: 100%;
   float: left;
}
ul.tt-vemaybay li h3 {
   font-size: 16px;
   font-family: Arial;
   color: #464545;
   font-weight: 300;
   background: url(images/arrow.png) no-repeat left center;
   padding-left: 13px;
   line-height: 30px;
}
ul.tt-vemaybay li h3 a {
   color: #464545;
}
ul.tt-vemaybay li h3:hover a {
   color: #ff0000;
}
div.tt-comp-gt > a > img {
   max-width: 100%;
}

section#tt-copy {
   width: 100%;
   float: left;
   background: #23232a;
}
div.tt-copy-content {
   width: 100%;
   float: left;
}
div.tt-copy-content p {
   color: #fff;
   font-family: Arial;
   line-height: 40px;
   font-size: 12px;
   text-align: center;
}
div.tt-copy-content p a {
   color: #fff;
}

section.tt-subbackground {
   background: url(images/sub-banner-01.jpg) no-repeat top right;
   padding-top: 15%;
   background-size: 100%;
}

ul.tt-box-news {
   width: 100%;
   float: left;
   list-style: none;
}
ul.tt-box-news > li {
   width: 48.6%;
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px dashed #ddd;
   min-height: 120px;
}
ul.tt-box-news > li:nth-child(n + 0) {
   float: left;
}
ul.tt-box-news > li:nth-child(2n + 0) {
   float: right;
}
ul.tt-box-news > li:hover a {
   color: #d90000;
}
div.tt-box-news-img {
   width: 100px;
   float: left;
   margin-right: 10px;
}
div.tt-box-news-img img {
   max-width: 100%;
}
div.tt-box-news-name {
}
div.tt-box-news-name h3 {
   font-size: 16px;
   font-family: Arial;
   color: #093e94;
   font-weight: bold;
   padding-left: 13px;
   line-height: 22px;
}
div.tt-box-news-name h3 a {
   color: #093e94;
}
div.tt-box-news-mota {
   font-family: Arial;
   line-height: 1.4em;
   color: #464545;
}
div.tt-box-news-readmore {
   text-align: right;
   margin-top: 10px;
}
div.tt-box-news-readmore a {
   font-family: Arial;
   border: 1px dashed #e1e1e1;
   padding: 5px 10px;
   color: #093e94;
}

h1.tt-tieude-baiviet {
   font-size: 20px;
   font-family: Arial;
   color: #093e94;
   font-weight: bold;
   line-height: 22px;
}
p.tt-date-baiviet {
   font-family: Arial;
   padding: 5px 0px 5px 0px;
   color: #ccc;
   font-size: 13px;
}
p.tt-mota-baiviet {
   font-family: Arial;
   padding: 5px 0px 5px 0px;
   color: #333;
   font-size: 13px;
   font-weight: bold;
   margin-bottom: 10px;
   text-align: justify;
}
div.tt-noidung-baiviet {
   font-family: Arial;
   font-size: 13px;
   text-align: justify;
}
ul.tt-khac {
   width: 100%;
   float: left;
   list-style: none;
}
ul.tt-khac li {
   width: 100%;
   float: left;
   line-height: 22px;
}
ul.tt-khac li a {
   color: #333333;
   font-family: Arial;
   font-size: 14px;
}
ul.tt-khac li:hover a {
   color: #d90900;
}
div.tt-contact-left {
   width: 50%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
}
div.tt-contact-right {
   width: 50%;
   float: right;
   box-sizing: border-box;
   border: 10px solid transparent;
}
table.tt-tablelienhe {
   width: 100%;
}
table.tt-tablelienhe tr {
   width: 100%;
   height: 30px;
   text-align: center;
}
table.tt-tablelienhe input.input {
   padding: 6px 10px;
   outline: none;
   width: 65%;
   margin-bottom: 10px;
   box-shadow: 0px 0px 5px #e1e1e1 inset;
   background: #fff;
   border: none;
}
table.tt-tablelienhe textarea.noidung {
   padding: 5px 10px;
   height: 100px;
   outline: none;
   width: 65%;
   margin-bottom: 10px;
   box-shadow: 0px 0px 5px #ddd inset;
   background: #fff;
   border: none;
}
table.tt-tablelienhe input.button {
   padding: 10px 20px;
   background: #093e94;
   color: #333;
   border: none;
   border-radius: 5px;
   display: inline-block;
   outline: none;
}

.boxedcontainer {
   max-width: 1170px;
   margin: auto;
   padding: 0px 30px;
}
.tp-banner-container {
   width: 100%;
   position: relative;
   padding: 0;
}
.tp-banner {
   width: 100%;
   position: relative;
}
.tp-banner-fullscreen-container {
   width: 100%;
   position: relative;
   padding: 0;
}

section#tt-gioithieu {
   width: 100%;
   float: left;
}
div.limit-wrap {
   z-index: 9999999;
   text-align: center;
   float: left;
   min-height: 300px;
   width: 100%;
   position: relative;
}
.move-into-slider {
   margin-top: -150px;
}
div.limit-wrap h3 {
   font-size: 30px;
   color: #f73100;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-weight: 300;
   background: url(images/line_bt.png) no-repeat bottom center;
   line-height: 40px;
   width: 100%;
   float: left;
}
div.limit-wrap h3 a {
   color: #f73100;
}
div.limit-wrap > div.move-mota {
   width: 100%;
   margin-top: 10px;
   color: #7c7b7b;
   font-size: 14px;
   font-family: Arial;
   max-width: 800px;
   margin: 0 auto;
}
div.limit-wrap > div.move-mota a.xemthem {
   color: #f73100;
   font-size: 13px;
}

section#tt-dichvu {
   width: 100%;
   float: left;
   background: url(images/bg-dichvu.jpg) repeat-y;
}
div.limit-wrap1 {
   z-index: 9999999;
   text-align: center;
   float: left;
   width: 100%;
   position: relative;
}
div.limit-wrap1 h3 {
   font-size: 30px;
   color: #f73100;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-weight: 300;
   background: url(images/line_bt.png) no-repeat bottom center;
   line-height: 40px;
   width: 100%;
   float: left;
}
div.limit-wrap1 h3 a {
   color: #f73100;
}
div.tt-dichvu-content {
   width: 100%;
   float: left;
   padding: 50px 0px;
}
div.tt-list-dichvu {
   width: 100%;
   float: left;
   margin-top: 20px;
}
div.tt-list-dichvu ul {
   list-style: none;
   width: 100%;
   float: left;
   text-align: center;
}
div.tt-list-dichvu ul li {
   width: 28%;
   display: inline-block;
   min-height: 200px;
   margin: 10px 2.5%;
   text-align: center;
   transition: all 0.6s;
}
div.tt-list-dichvu ul li a img {
   max-width: 100%;
}
div.tt-list-dichvu ul li h4 {
   font-size: 15px;
   text-transform: uppercase;
   font-family: Arial;
   font-weight: bold;
   line-height: 22px;
   overflow: hidden;
   padding: 10px 0px;
   height: 13px;
}
div.tt-list-dichvu ul li h4 a {
   color: #333333;
}
div.tt-list-dichvu ul li p {
   color: #7c7b7b;
   font-family: Arial;
   font-family: 300;
   line-height: 22px;
   font-size: 15px;
}
a.xemthem {
   color: #f73100;
   font-size: 15px;
}

section#tt-duan {
   width: 100%;
   float: left;
}
div.tt-duan-top {
   width: 100%;
   float: left;
   background: url(images/bgduan.png) no-repeat top center;
   min-height: 187px;
}
div.tt-duan-middle {
   width: 100%;
   float: left;
}
div.tt-duan-middle ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.tt-duan-middle ul li {
   width: 25%;
   float: left;
   max-height: 262px;
   transition: all 0.6s;
}
div.tt-duan-middle ul li img {
   width: 100%;
}
div.tt-duan-bottom {
   width: 100%;
   float: left;
   background: url(images/bottom-duan.png) no-repeat top center;
   min-height: 154px;
}
div.tt-duan-top h3 {
   width: 100%;
   float: left;
   margin-top: 30px;
   font-size: 25px;
   font-family: Arial;
   color: #fff;
   text-transform: uppercase;
   text-align: center;
}
div.tt-duan-top h3 a {
   color: #fff;
}
div.tt-duan-top ul {
   list-style: none;
   width: 100%;
   float: left;
   text-align: center;
}
div.tt-duan-top ul li {
   display: inline-block;
   margin: 40px 30px;
}
div.tt-duan-top ul li a {
   font-family: "ARIALN";
   color: #fff;
   text-transform: uppercase;
   font-size: 18px;
   padding-bottom: 10px;
   display: inline-block;
}
div.tt-duan-top ul li a:hover {
   background: url(images/duan_line.png) no-repeat bottom right;
   color: #f0542d;
}
div.viewall-duan {
   width: 100%;
   float: left;
   margin: 70px 0px;
   text-align: center;
}
div.viewall-duan a {
   padding: 10px 30px;
   font-size: 15px;
   font-family: Arial;
   font-weight: 300px;
   color: #f0542d;
   border: 1px solid #f0542d;
}

section#tt-doitac {
   width: 100%;
   float: left;
}

section.gray {
   background: #e9e9e9;
   padding: 50px 0px;
}

section#tt-footer-top {
   width: 100%;
   float: left;
   padding: 20px 0px;
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   background: #ffffff;
}
div.item_left_footer {
   width: 30%;
   float: left;
   margin-bottom: 10px;
}
div.item_right_footer {
   width: calc(100% - 30%);
   float: left;
   margin-bottom: 10px;
}
div.item_right_footer ul,
div.item_right_footer ul ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.item_right_footer ul li {
   width: 25%;
   float: left;
}
div.item_right_footer ul li h4 {
   font-size: 12px;
   text-transform: uppercase;
   color: #333333;
}
div.item_right_footer ul li ul li {
   width: 100%;
   float: left;
}
div.item_right_footer ul li ul li a {
   font-size: 12px;
   color: #333333;
   line-height: 20px;
   display: block;
   padding-left: 10px;
   background: url(images/arrow.png) no-repeat 3px center;
}
div.item_right_footer ul li ul li:hover a {
   color: #ff0000;
}
div.padding_hoidap {
   max-width: 520px;
   margin: 20px auto;
   display: none;
}
div.site_newa {
   width: 100%;
   float: left;
   margin-bottom: 10px;
}
div.site_newa div.bung_a {
   width: 100%;
   float: left;
   background: #0099ff;
}
div.site_newa div.bung_a h3 {
   line-height: 30px;
   font-size: 15px;
   padding-left: 10px;
   color: #fff;
   font-weight: 300;
   font-family: Arial;
}
div.tt-sfooter {
   width: 100%;
   float: left;
   padding: 20px 0px;
}
div.tt-sfooter ul {
   list-style: none;
   width: 100%;
   float: left;
}
div.tt-sfooter > ul > li:first-child {
   width: 60%;
   float: left;
}
div.tt-sfooter > ul > li:last-child {
   width: 40%;
   float: left;
   text-align: right;
}
#nhanemail {
}
.bgmail4 {
   height: 36px;
   font-size: 13px;
   outline: none;
   text-indent: 15px;
   border: none;
   color: #000;
   width: 100%;
   background: #fff;
}
div.tt-sfooter > ul > li h4 {
   font-size: 15px;
   font-family: "RobotoCondensed-Regular";
   text-transform: uppercase;
   color: #333333;
   padding: 10px 0px 10px;
}
div.tt-sfooter > ul > li > p > span {
   color: #d90000;
}
div.tt-sfooter > ul > li > p {
   font-size: 12px;
   font-family: Arial;
}
.cma {
   padding: 15px;
   max-width: 1000px;
   margin: auto;
}
.bgmail {
   height: 39px;
   border-radius: 4px;
   font-size: 13px;
   outline: none;
   text-indent: 5px;
   border: none;
}

.mkl {
   margin-bottom: 10px;
}
.kt {
   width: 80px;
   background: #1270a0;
   height: 35px;
   display: block;
   float: left;
   line-height: 35px;
   text-align: center;
   color: #fff;
   font-size: 14px;
}
.container1 {
   max-width: 1200px;
   margin: 0 auto;
}
ul.ship_page {
   list-style: none;
   width: 100%;
   float: left;
   padding: 20px 0px;
}
ul.ship_page li {
   width: 33.33%;
   float: left;
   box-sizing: border-box;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
}
ul.ship_page li img {
   float: left;
   margin-right: 10px;
}
ul.ship_page li h3 {
   font-size: 16px;
   text-transform: uppercase;
   color: #333333;
}
ul.ship_page li p {
   font-size: 14px;
   color: #333333;
}
section#tt-footer {
   width: 100%;
   float: left;
   background: url(images/ftbtom.png) no-repeat bottom center,
      url(images/bgft.png) no-repeat top center;
   min-height: 218px;
   margin-top: 10px;
   margin-bottom: 10px;
}

div.tt-sfooter-cont {
   width: 100%;
   float: left;
   margin-top: 20px;
}
div.tt-footer-title {
   width: 100%;
   float: left;
}
div.tt-footer-title h2 {
   color: #898888;
   font-size: 17px;
   text-transform: uppercase;
   text-align: left;
}
div.tt-footer-desc {
   width: 100%;
   float: left;
   margin-top: 30px;
}
div.tt-contfooter {
   float: left;
   width: 60%;
}
div.tt-newsfooter {
   float: right;
   width: 40%;
   text-align: center;
}
div.box_l > h3 {
   font-size: 16px;
   font-weight: 300;
   text-transform: uppercase;
   color: #f0542d;
   padding-bottom: 5px;
}
div.box_l h4 {
   color: #7c7b7b;
   font-size: 12px;
   font-family: Arial;
   font-weight: 300;
}

div.div_content {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
}
div.datcauhoi {
   display: inline-block;
   padding: 5px 20px;
   font-size: 15px;
   color: #fff;
   font-weight: 300;
   font-family: Arial;
   cursor: pointer;
   background: #eba222;
}
div.class_padding {
   max-width: 800px;
   margin: auto;
   background: #e9ebf2;
   box-sizing: border-box;
   padding: 30px;
   margin-bottom: 30px;
   font-family: open_semi;
   font-size: 14px;
}
h3.ds_cauhoi {
   width: 100%;
   float: left;
   line-height: 30px;
   font-size: 14px;
   color: #333;
}
ul.ul_hoidap {
   list-style: none;
   width: 100%;
   float: left;
}
ul.ul_hoidap li {
   width: 50%;
   float: left;
   box-sizing: border-box;
   border-top: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-right: 10px solid transparent;
   border-left: 10px solid transparent;
}
div.cauhoi_item {
   width: 100%;
   float: left;
   cursor: pointer;
}
ul.ul_hoidap li img {
   width: 20px;
   float: left;
   margin-right: 10px;
}
ul.ul_hoidap li h4 {
   line-height: 20px;
   font-size: 15px;
   color: #333;
   font-weight: 300;
}
ul.ul_hoidap li h4:hover,
ul.ul_hoidap li h4.active {
   color: #0099ff;
}
div.cautraloi {
   width: 100%;
   float: left;
   margin-top: 10px;
   display: none;
}
.cnw {
   font-weight: bold;
   font-size: 12px !important;
   color: #099703 !important;
}
.cap1 li {
   list-style: none;
   margin-bottom: 8px;
}
div.cautraloi > p {
   color: #d90000;
}
.cap1 a {
   font-size: 13px;
   color: #675b5b;
   line-height: 27px;
}
#demo1 .item {
   margin: 0 0px 0px 0px;
   border: 0;
}
div.contact {
   width: 100%;
   margin-top: 10px;
}
div.tintuc-desc {
   width: 100%;
   float: left;
   padding: 10px 0px;
}
div.tintuc-item {
   width: 100%;
   float: left;
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px dotted #055699;
   box-sizing: border-box;
   font-family: roboto_r;
}
div.tintuc-item img {
   width: 25%;
   float: left;
   margin-right: 10px;
}
div.tintuc-item h3 {
   font-size: 1.2em;
   color: #ff0000;
   text-align: left;
   margin-top: 0;
}
div.tintuc-item h3 a {
   color: #f00;
   display: block;
   font-family: robotobold;
   font-size: 15px;
}
div.tintuc-item h3:hover a {
   color: #004798;
}
div.tintuc-item p {
   font-size: 1em;
   color: #333;
   text-align: justify;
   min-height: 60px;
}
div.tailieu {
   width: 100%;
   text-align: center;
}
div.tailieu a {
   display: inline-block;
   padding: 5px 30px;
   background: #0099ff;
   color: #ffffff;
}
.tablelienhe span {
   color: #f00;
   padding-right: 10px;
   padding-left: 5px;
}
.tablelienhe span.mkg {
   color: #000;
   float: left;
   padding-top: 1px;
}
.tablelienhe span a {
   color: #f00;
}
.vb {
   position: fixed;
   top: 100px;
   right: 4px;
}
.tablelienhe1 td {
   text-align: right;
   margin-right: 10px;
}
.tablelienhe1 td span {
   color: #f00;
}
.tfc {
   font-family: open_semi;
   font-size: 14px;
}
.tablelienhe1 tr {
}
#map_canvas {
   width: 100%;
   height: 500px;
}
.tablelienhe1 input {
   max-width: 100%;
   width: 98%;
   border: 1px solid #ccc;
   height: 33px;
   border-color: #a0a6f5;
   border-radius: 2px;
   margin-bottom: 10px;
   text-indent: 10px;
}
.tablelienhe tr {
   height: 40px;
}
.tablelienhe td {
   height: 30px;
   text-align: left;
}
.tablelienhe .input {
   azimuth: center;
   width: 100%;
   height: 35px;
   outline: none;
   padding: 0px 7px;
   border: 1px solid #ccc;
   background: #fff;
   margin-top: 7px;
   margin-bottom: 8px;
}
.tablelienhe .title {
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
}
.tablelienhe .noidung {
   width: 100%;
   height: 100px;
   padding: 10px 7px;
   outline: none;
   border: 1px solid #ccc;
   background: #fff;
   margin-top: 7px;
   margin-bottom: 5px;
}
.muangay {
   display: inline-block;
   border: none;
   background: url(images/muangay.png);
   color: #ffffff;
   font-weight: bold !important;
   width: 197px;
   cursor: pointer;
   outline: none;
   height: 44px;
   float: left;
   background-size: 100% 100%;
}
div.container_left {
   width: 75%;
   float: left;
}
div.container_right {
   width: 25%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
}
div.title_right_bg {
   width: 100%;
   float: left;
   min-height: 30px;
   background: #eba222;
}
div.title_right_bg h3 {
   line-height: 30px;
   color: #fff;
   font-size: 18px;
   font-weight: 300;
   text-align: left;
   padding-left: 10px;
}
div.desc_right_bg {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 1px solid #ccc;
}
div.desc_right_bg ul {
   list-style: none;
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
}
div.desc_right_bg ul li {
   width: 100%;
   float: left;
}
div.desc_right_bg ul li a {
   display: block;
   padding: 5px 0px;
   font-size: 13px;
   color: #333333;
}

div.container_sp_left {
   width: 15%;
   float: left;
}
div.container_sp_right {
   width: 85%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
   border-top: 0px solid transparent;
   border-right: 0px solid transparent;
}
div.tt-right-desc-detail-l {
   float: left;
   width: 40%;
}
div.tt-right-desc-detail-l img {
   max-width: 100%;
}
div.box_padding {
   width: 100%;
   float: left;
   box-sizing: border-box;

   margin-top: 10px;
}
div.padd {
   width: 100%;
   float: left;
   box-sizing: border-box;
   border: 10px solid transparent;
}
.tyi {
   color: #000;
   font-size: 14px;
   margin-bottom: 10px;
   position: relative;
   font-family: roboto_r;
   border-bottom: 1px solid #eee;
   padding-bottom: 10px;
}
.mota_tt {
   line-height: 25px;
}
.nameDetail {
   font-size: 20px;
   color: #000;
   margin-bottom: 13px;
   font-family: robotobold;
   border-bottom: 1px dashed #ccc;
   padding-bottom: 8px;
   text-transform: uppercase;
}
.lkr b {
   font-family: open_semi;
   font-size: 14px;
}
.lkr {
   border-bottom: 1px dashed #ccc;
   padding-bottom: 10px;
   margin-bottom: 12px;
   font-family: roboto_r;
   line-height: 24px;
}
.gia_detail {
   border-bottom: 1px dashed #ccc;
   padding-bottom: 10px;
   margin-bottom: 13px;
   font-size: 14px;
   font-family: open_semi;
}
.cgt:hover {
   color: #f00;
}
h1.nameDetail {
   font-size: 20px;
   color: #333333;
   padding: 5px 0px 10px;
}
div.tt-right-desc-detail-r {
   float: left;
   width: 58%;
   margin-left: 2%;
}
div.mota span.price-old {
   font-size: 28px;
   color: #ccc;
   text-decoration: line-through;
}
div.mota_gia span.price1 {
   font-size: 20px;
   color: #ff0000;
}
.spv {
   float: right;
   width: 18%;
   margin-top: -20px;
}
.chungvb {
   color: #000;
   font-size: 14px;
   margin-top: 10px;
}
.mota_gia {
   margin: 20px 0px;
   border: 1px dashed #f00;
   text-indent: 12px;
   padding: 4px 0px;
}
.vhl {
}
.muasl {
   height: 37px;
   text-align: center;
   width: 70px;
   border: 1px solid #ccc;
}
.tyi b {
   min-width: 110px;
   display: block;
   float: left;
   font-weight: normal;
}
.kpd {
   width: 20%;
   float: right;
   margin-top: -20px;
}
.muahang2 {
   background: url(images/themvaogiohang.png);
   width: 197px;
   height: 44px;
   outline: none;
   border: none;
   float: left;
   background-size: 100% 100% !important;
   margin-right: 5px;
}
div.now_item {
   width: 100%;
   float: left;
   text-align: center;
}
.dongThongTin {
   margin-top: 5px;
}
div.now_item img {
   padding: 3px;
   border: 1px solid #ccc;
   box-sizing: border-box;
   background: #fff;
   width: 100%;
}
div.owl-prev,
div.owl-next {
   position: absolute;
   top: 25%;
   width: 15px;
   height: 40px;
}
div.owl-prev {
   left: 0px;
   background: url(images/left.png) no-repeat top left;
   display: block !important;
   font-size: 0;
}
div.owl-next {
   right: 0px;
   background: url(images/right.png) no-repeat top right;
   font-size: 0;
   display: block !important;
}
ul.tabs_product {
   width: 100%;
   float: left;
   border: 1px solid #c4cbe4;
   list-style: none;
   background: #e9ebf2;
}
ul.tabs_product li {
   float: left;
   cursor: pointer;
   color: #f00;
   border-right: 1px solid #ccc;
   padding: 10px 10px;
   font-family: open_sansbold;
   text-transform: uppercase;
}
.tenbanner {
   font-size: 25px;
   color: #e0a703;
   float: none;
   margin: auto;
   text-align: center;
   margin-top: 25px;
   font-family: avo;
   margin-bottom: 10px;
   max-width: 690px;
}
.tenlogo {
   float: left;
}

ul.tabs_product li span {
   display: block;
   /* padding-left: 10px; */
   color: #444;
   font-size: 14px;
}
ul.tabs_product li.active {
   background: #fff;
}
ul.tabs_product li.active span,
ul.tabs_product li:hover span {
   color: #223f83;
}
div.tabs_pad {
   width: 100%;
   float: left;
   display: none;
   padding: 10px;
}
.padd1 {
}
div.tabs_pad.active {
   display: block;
}
div.tabs_pad1 img {
   max-width: 100%;
}
.h_frame {
   position: relative;
   text-align: center;
}
.h_frame iframe {
   margin: 0 auto;
}
div.red {
   background: red;
}
div.blue {
   background: blue;
}
div.yellow {
   background: yellow;
}
div.pink {
   background: pink;
}
div.gray {
   background: gray;
}
div.green {
   background: green;
}
.button:hover {
   background: #25216d;
   color: #fff;
}
#top {
   color: #fff;
   font-weight: 500;
   text-align: center;
   position: fixed;
   bottom: 54px;
   right: 24px;
   display: none;
   cursor: pointer;
   width: 0px;
   height: 0px;
   text-indent: -99999999px;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-bottom: 20px solid #093e94;
   -moz-transition: background-color 0.2s ease-in-out;
   -ms-transition: background-color 0.2s ease-in-out;
   -o-transition: background-color 0.2s ease-in-out;
   -webkit-transition: background-color 0.2s ease-in-out;
   transition: background-color 0.2s ease-in-out;
}
#top:hover {
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-bottom: 20px solid #990004;
}
ul.pagination {
   text-align: center;
   color: #829994;
   padding: 10px 0px;
}
.da_img {
   width: 100%;
   margin-bottom: 15px;
}
ul.pagination li {
   display: inline;
   padding: 0 3px;
}
ul.pagination a {
   color: #0d7963;
   display: inline-block;
   padding: 5px 10px;
   border: 1px solid #cde0dc;
   text-decoration: none;
}
ul.pagination a:hover,
ul.pagination a.current {
   background: #055699;
   color: #fff;
}
#loader {
   width: 100%;
   margin: 30px auto;
   display: none;
}
#fountainG {
   position: relative;
   width: 234px;
   height: 28px;
   margin: auto;
}

.fountainG {
   position: absolute;
   top: 0;
   background: rgb(235, 162, 34);
   width: 28px;
   height: 28px;
   animation-name: bounce_fountainG;
   -o-animation-name: bounce_fountainG;
   -ms-animation-name: bounce_fountainG;
   -webkit-animation-name: bounce_fountainG;
   -moz-animation-name: bounce_fountainG;
   animation-duration: 1.5s;
   -o-animation-duration: 1.5s;
   -ms-animation-duration: 1.5s;
   -webkit-animation-duration: 1.5s;
   -moz-animation-duration: 1.5s;
   animation-iteration-count: infinite;
   -o-animation-iteration-count: infinite;
   -ms-animation-iteration-count: infinite;
   -webkit-animation-iteration-count: infinite;
   -moz-animation-iteration-count: infinite;
   animation-direction: normal;
   -o-animation-direction: normal;
   -ms-animation-direction: normal;
   -webkit-animation-direction: normal;
   -moz-animation-direction: normal;
   transform: scale(0.3);
   -o-transform: scale(0.3);
   -ms-transform: scale(0.3);
   -webkit-transform: scale(0.3);
   -moz-transform: scale(0.3);
   border-radius: 19px;
   -o-border-radius: 19px;
   -ms-border-radius: 19px;
   -webkit-border-radius: 19px;
   -moz-border-radius: 19px;
}

#fountainG_1 {
   left: 0;
   animation-delay: 0.6s;
   -o-animation-delay: 0.6s;
   -ms-animation-delay: 0.6s;
   -webkit-animation-delay: 0.6s;
   -moz-animation-delay: 0.6s;
}

#fountainG_2 {
   left: 29px;
   animation-delay: 0.75s;
   -o-animation-delay: 0.75s;
   -ms-animation-delay: 0.75s;
   -webkit-animation-delay: 0.75s;
   -moz-animation-delay: 0.75s;
}

#fountainG_3 {
   left: 58px;
   animation-delay: 0.9s;
   -o-animation-delay: 0.9s;
   -ms-animation-delay: 0.9s;
   -webkit-animation-delay: 0.9s;
   -moz-animation-delay: 0.9s;
}

#fountainG_4 {
   left: 88px;
   animation-delay: 1.05s;
   -o-animation-delay: 1.05s;
   -ms-animation-delay: 1.05s;
   -webkit-animation-delay: 1.05s;
   -moz-animation-delay: 1.05s;
}

#fountainG_5 {
   left: 117px;
   animation-delay: 1.2s;
   -o-animation-delay: 1.2s;
   -ms-animation-delay: 1.2s;
   -webkit-animation-delay: 1.2s;
   -moz-animation-delay: 1.2s;
}

#fountainG_6 {
   left: 146px;
   animation-delay: 1.35s;
   -o-animation-delay: 1.35s;
   -ms-animation-delay: 1.35s;
   -webkit-animation-delay: 1.35s;
   -moz-animation-delay: 1.35s;
}

#fountainG_7 {
   left: 175px;
   animation-delay: 1.5s;
   -o-animation-delay: 1.5s;
   -ms-animation-delay: 1.5s;
   -webkit-animation-delay: 1.5s;
   -moz-animation-delay: 1.5s;
}

#fountainG_8 {
   left: 205px;
   animation-delay: 1.64s;
   -o-animation-delay: 1.64s;
   -ms-animation-delay: 1.64s;
   -webkit-animation-delay: 1.64s;
   -moz-animation-delay: 1.64s;
}

@keyframes bounce_fountainG {
   0% {
      transform: scale(1);
      background-color: rgb(235, 162, 34);
   }

   100% {
      transform: scale(0.3);
      background-color: rgb(255, 255, 255);
   }
}

@-o-keyframes bounce_fountainG {
   0% {
      -o-transform: scale(1);
      background-color: rgb(235, 162, 34);
   }

   100% {
      -o-transform: scale(0.3);
      background-color: rgb(255, 255, 255);
   }
}

@-ms-keyframes bounce_fountainG {
   0% {
      -ms-transform: scale(1);
      background-color: rgb(235, 162, 34);
   }

   100% {
      -ms-transform: scale(0.3);
      background-color: rgb(255, 255, 255);
   }
}

@-webkit-keyframes bounce_fountainG {
   0% {
      -webkit-transform: scale(1);
      background-color: rgb(235, 162, 34);
   }

   100% {
      -webkit-transform: scale(0.3);
      background-color: rgb(255, 255, 255);
   }
}

@-moz-keyframes bounce_fountainG {
   0% {
      -moz-transform: scale(1);
      background-color: rgb(235, 162, 34);
   }

   100% {
      -moz-transform: scale(0.3);
      background-color: rgb(255, 255, 255);
   }
}
#footerSlideContainer {
   bottom: 5px;
   position: fixed;
   right: 5px;
   width: 350px;
   z-index: 999999999999;
}
#footerSlideButton {
   background: url("images/hotro.png") no-repeat scroll left top transparent;
   border: medium none;
   cursor: pointer;
   height: 89px;
   position: absolute;
   right: -8px;
   top: -83px;
   width: 204px;
}
#footerSlideContent {
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   background: none repeat scroll 0 0 #efefef;
   border-color: #006795 -moz-use-text-color #006795 #006795;
   border-image: none;
   border-style: solid none solid solid;
   border-width: 5px medium medium 5px;
   bottom: -5px;
   color: #cccccc;
   font-family: DejaVuSansBook, Sans-Serif;
   font-size: 0.8em;
   height: 0;
   position: relative;
   width: 100%;
   overflow: hidden;
   border-radius: 15px 0px 0px 0px;
   -moz-border-radius: 15px 0px 0px 0px;
}
#footerSlideContent h3 {
   color: #9ac941;
   font-size: 36px;
   margin: 10px 0;
}
#footerSlideContent ul {
   color: #ee8d40;
   line-height: 2em;
   list-style-type: none;
}
#footerSlideText {
   color: #065f92;
   font-size: 11px;
   padding: 10px 5px 5px;
   text-shadow: 1px 1px #ffffff;
}
#footerSlideText .note {
   color: red;
   left: 20px;
   position: relative;
}
#footerSlideText .line {
   background: url("http://img.hostvn.net/line.gif") repeat-x scroll center top
      transparent;
   height: 2px;
   margin: 12px auto;
   width: 95%;
}
#footerSlideText .titles {
   color: #006795;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
}
#footerSlideText ul {
   list-style: none outside none;
   margin: 10px 0 0 20px;
   padding: 0;
   width: 294px;
}
#footerSlideText ul li {
   background: none repeat scroll 0 0 transparent;
   color: #006795;
   font-size: 12px;
   font-weight: bold;
   list-style: none outside none;
   margin-top: 8px;
   padding: 0;
}
#footerSlideText ul li .left {
   display: inline-block;
   width: 80px;
}
#footerSlideText ul li .right {
   display: inline-block;
   width: auto;
}
.SkypeButton_Chat {
   float: left;
   margin-right: 5px;
}
.SkypeButton_Chat img {
   vertical-align: middle !important;
   margin: 0px !important;
}

.tcat {
   font-size: 16px;
   font-family: RobotoBoldCondensed;
   background: #000;
   color: #fff;
   line-height: 40px;
   border-right: 1px solid #fff;
   text-indent: 15px;
   border-radius: 5px;
   margin-top: 10px;
}

.new_sp {
   font-size: 14px;
   border-right: 1px solid #ccc;
   height: 317px;
   overflow: hidden;
}
.new_sp h3 {
   font-size: 14px;
   margin-top: 15px;
}
.price span {
   color: #f00;
   font-weight: bold;
}
.new_sp img {
   padding: 5px !important;
}
.tk {
   position: relative;
}
.cvg1 {
   position: absolute;
   top: 39px;
   left: 135px;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
}
.height {
   height: 30px;
   clear: both;
}
.sanpham {
   float: left;
   width: 190px;
}
.tmb {
   color: #fff;
   margin-bottom: 10px;
   font-family: RobotoCondensed-Regular;
   font-size: 20px;
   font-weight: bold;
}
.mdz {
   font-size: 14px;
   font-family: RobotoCondensed-Regular;
   color: #fff;
   line-height: 30px;
}
.thongtin {
   width: 130px;
   float: left;
   margin-left: 20px;
}
.tft span {
   color: #f00;
   font-weight: bold;
   padding-left: 10px;
}
.ajax_video {
   position: relative;
}
.vkt1 {
   height: 310px;
   overflow: auto;
}
.listVideo {
   display: block;
   cursor: pointer;
   margin: 0 2px;
}
.tft {
   background: url(images/cmk.png) no-repeat center left;
   color: #000;
   padding-left: 15px;
   line-height: 26px;
}
.tft a {
   color: #000;
}
.mh1 {
   line-height: 25px;
   height: 50px;
   max-width: 340px;
   background: url(images/mh1.gif) no-repeat left center;
   padding-left: 30px;
   margin-bottom: 20px;
   color: #333437;
}
.mh1 span {
   height: 50px;
   display: inline-block;
   width: 3px;
   background: #d9dbdf;
   float: left;
   margin-right: 15px;
}
.mh2 {
   line-height: 50px;
   color: #333437;
   height: 50px;
   background: url(images/mh2.gif) no-repeat left center;
   padding-left: 30px;
   margin-bottom: 20px;
}
.mh2 span {
   height: 50px;
   display: inline-block;
   width: 3px;
   background: #d9dbdf;
   float: left;
   margin-right: 15px;
}
.mh3 {
   line-height: 50px;
   color: #333437;
   height: 50px;
   background: url(images/mh2.gif) no-repeat left center;
   padding-left: 30px;
   margin-bottom: 20px;
}
.mh3 span {
   height: 50px;
   display: inline-block;
   width: 3px;
   background: #d9dbdf;
   float: left;
   margin-right: 15px;
}
.ndf1 {
   float: left;
   width: 20%;
}
.ndf2 {
   float: left;
   width: 20%;
}
.wll1 {
   width: 80%;
   float: left;
}
.title_ft span {
   background: #1c2c68;
   padding-right: 10px;
}
.cvg2 {
   position: absolute;
   top: 63px;
   left: 135px;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
}
.title_ft {
   text-transform: uppercase;
   color: #e2e1e1;
   font-family: RobotoBoldCondensed;
}
#footer {
   /* font-family: open_semi; */
   font-size: 14px;
   color: #ffffff;
}
.hr {
   margin-top: 20px;
   margin-bottom: 20px;
   border: 0;
   border-top: 1px solid #ff0000;
}
.cvg3 {
   position: absolute;
   top: 86px;
   left: 135px;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
}
.yhk {
   color: #fff;
   font-family: open_rr;
   margin-bottom: 5px;
}
.yhk span:first-child {
   margin-right: 10px;
   min-width: 55px;
   display: block;
   float: left;
}
.yhk span:last-child {
   color: #ff3131;
   font-family: utm_heve;
   font-size: 17px;
   margin-left: 10px;
}
.a_ft {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
   color: #6c6e72;
   font-size: 13px;
   margin-bottom: 10px;
   background: url(images/rxs.png) no-repeat left top 5px;
   padding-left: 10px;
}
.a_ft:last-child {
   border: none;
}

}
.khhv:hover {
   right: 0px;
}
.h3_f {
   font-family: robotobold;
   font-size: 15px;
   color: #25216d;
   margin-top: 30px;
   margin-bottom: 15px;
   text-transform: uppercase;
}
.cvh1 {
   width: 46%;
   float: left;
}
.cvh2 {
   width: 46%;
   float: right;
}
.h3_f span {
   background: #1c2c68;
   display: block;
   height: 2px;
   width: 35px;
   margin-top: 8px;
}
.mottram {
   width: 100%;
}
.kft1 {
   float: left;
}
.psan_c {
   color: #223f83;
   padding-left: 3px;
}
.ft_f {
   padding: 15px;
   font-size: 14px;
   color: #b7bbc2;
   border-top: 2px solid #bcbcbc;
   border-bottom: 1px solid #bcbcbc;
   margin-bottom: 10px;
}
.chde {
   color: #000;
   max-width: 1230px;
   margin: auto;
   padding: 0 15px;
}
.ft_top {
   padding-bottom: 15px;
}
.tfr {
   text-align: right;
}
.title_all {
   text-transform: uppercase;
   margin: 0 15px;
   background: #e9ebf2;
   line-height: 45px;
   position: relative;
   font-family: open_sansbold;
   font-size: 18px;
   border-radius: 4px;
   color: #223f83;
   padding-left: 15px;
}
.clear_25 {
   height: 25px;
   clear: both;
}
.all_ip {
   width: 100%;
   height: 35px;
   background: none;
   border: 1px solid #fff;
   color: #fff;
   border-radius: 4px;
   padding-left: 7px;
   font-family: roboto_r;
   margin-bottom: 10px;
}
.m50_left {
   width: 49%;
   float: left;
}
.m50_right {
   width: 49%;
   float: right;
}
.m70_left {
   width: 70%;
   float: left;
}
.m30_right {
   width: 28%;
   float: right;
}
.ft_tetra {
   width: 100%;
   background: none;
   border: 1px solid #fff;
   height: 35px;
   border-radius: 4px;
   padding: 5px;
}
.ft_sm {
   font-family: avo;
   color: #fff;
   width: 100%;
   height: 35px;
   background: #ffd800;
   border-radius: 4px;
}
.mft {
   line-height: 26px;
}
.kft2 {
   float: right;
}
.title_ft1 {
   font-size: 17px;
   font-family: avo;
   border: 2px dotted;
   max-width: 200px;
   text-align: center;
   border-radius: 8px;
   line-height: 35px;
   margin-bottom: 15px;
   margin-top: 50px;
}
.title_ft2 span {
   color: #ff0;
   font-family: avo;
}
.title_ft2 {
   font-size: 17px;
   margin-bottom: 15px;
}
.img_mxh {
   margin-left: 0px;
   margin-top: 17px;
   margin-right: 5px !important;
}
#map_canvas1 {
   height: 210px;
   border: 5px solid #ddd8d0;
   width: 90%;
}
.ndft img {
   float: left;
   margin-right: 10px;
}
.kft {
   padding: 7px 0px;
   font-size: 12px;
   background: #c2790c;
   margin-top: 10px;
}
.ndft {
   padding-bottom: 25px;
   padding-top: 25px;
   line-height: 25px;
}
.cvg4 {
   position: absolute;
   top: 111px;
   left: 135px;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
}
.i {
   width: 33px;
   height: 33px;
   /*background: url(images/i.png);*/
   position: absolute;
   top: 10px;
   left: 10px;
   z-index: 999;
}
.caroll_sp_img:hover .hvmt {
   opacity: 0.7 !important;
}
.hvmt {
   display: block;
   overflow: hidden;
   background: #fff;
   height: 96%;
   padding: 2% 0;
   /* font-size: 12px; */
   /* color: #fff; */
   line-height: 16px;
   position: absolute;
   top: 0;
   left: 0;
   width: 96%;
   right: 0;
   bottom: 0;
   z-index: 99;
   -webkit-transition-duration: 0.7s;
   -moz-transition-duration: 0.7s;
   -o-transition-duration: 0.7s;
   transition-duration: 0.7s;
   -ms-opacity: 0;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   pointer-events: none;
   margin: auto;
   color: #000;
   padding-top: 75px;
   font-size: 14px;
   padding-left: 5px;
   padding-right: 5px;
   text-align: left;
}
.u {
   width: 33px;
   height: 33px;
   background: url(images/u.png);
   position: absolute;
   top: 10px;
   left: 53px;
   z-index: 999;
   line-height: 52px;
   font-size: 11px;
   color: #f00;
   text-align: right;
   padding-right: 2px;
}
.img_qc img {
   width: 100%;
}
.img_qc {
   margin-top: 15px;
}
.ndftp {
   border-left: 1px solid #fa2a32;
}
h4.ftc {
   font-size: 16px;
   color: #fff;
}
.h20 {
   height: 20px;
   clear: both;
}
.title_sp {
   background: url(images/spt.png) no-repeat bottom left;
   padding-bottom: 10px;
   font-family: tahoma;
   text-transform: uppercase;
   font-size: 20px;
   color: #000;
   margin-bottom: 20px;
}
.spm {
   background: #099703;
   color: #fff;
   text-align: center;
   line-height: 35px;
   font-family: RobotoBoldCondensed;
   font-size: 18px;
}
h3.pb {
   text-align: left;
   padding-left: 8px;
   font-weight: bold;
}
h4.mota {
   font-size: 13px;
   text-align: left;
   padding-left: 8px;
   line-height: 19px;
   height: 58px;
   overflow: hidden;
   margin: 0;
}
.frm_ft {
   margin-bottom: 15px;
}
#list_news {
   padding: 50px 0px;
   background: #f2f2f2;
   overflow: hidden;
}
#list_news .item_news {
   width: 100%;
}
#list_news .item_news .box_item {
   background: #ffffff;
   -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
   position: relative;
   border: 0px;
}

#list_news .item_news .box_item .title_cat {
   border-bottom: 2px solid #25216d;
}
#list_news .item_news .box_item .title_cat h4 {
   font-size: 25px;
   color: #fff;
   text-align: center;
   text-transform: uppercase;
   font-weight: normal;
   padding: 15px 0px;
   background: #25216d;
   margin: 0px;
}
#list_news .item_news .box_item .title_cat h4 a{
   color:#fff;
}
#list_news .item_news .box_item .content_news {
   padding: 20px;
}

#list_news .item_news .banner-hover {
   /* max-height: 290px; */
   /* max-width: 330px; */
   /* margin-bottom: 15px; */
}
#list_news .item_news img {
   max-width: 100%;
}
#list_news .item_news .decription {
   text-align: center;
}
#list_news .item_news .decription h3 {
   font-size: 16px;
   line-height: 20px;
   text-transform: uppercase;
   color: #252728;
   text-align: justify;
   font-weight: normal;
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   margin-bottom: 15px;
   margin-top: 15px;
}
#list_news .item_news .decription > h3 > a {
   color: #333333;
   overflow: hidden;
   text-overflow:
   ellipsis;
   white-space:
   normal;
   -webkit-box-orient:vertical;
   display:
   -webkit-box;
   -webkit-line-clamp: 3;
   height: 60px;
}
#list_news .item_news .decription > h3 > a:hover {
   color: #25216d;
   font-family: 'RobotoBold';
}
#list_news .item_news .decription .div_btn a {
   color: #333333;
}
#list_news .item_news .decription .div_btn a:hover{border-color: #25216d;color: #25216d;}
#list_news .item_news .decription .short {
   line-height: 20px;
   color: #666666;
   text-align: justify;
   overflow: hidden;
   text-overflow:
   ellipsis;
   white-space:
   normal;
   -webkit-box-orient:vertical;
   display:
   -webkit-box;
   -webkit-line-clamp:3;
   height: 60px;
}
.div_btn {
   margin-top: 20px;
   margin-bottom: 10px;
   text-align: left;
}

#list_news .item_news .decription ul {
}
#list_news .item_news .decription ul li {
   text-align: left;
   position: relative;
   margin-left: 10px;
}
#list_news .item_news .decription ul li a {
   line-height: 24px;
   display: block;
   text-align:
   justify;
   overflow: hidden;
   text-overflow:
   ellipsis;
   white-space:
   normal;
   -webkit-box-orient:vertical;
   display:
   -webkit-box;
   -webkit-line-clamp: 2;
   height: 48px;
}
#list_news .item_news .decription ul li a:hover{color: #25216d;font-family: 'RobotoBold';}
.list-tabs-news{
    overflow: hidden;
    margin-bottom: 24px;
    margin-top: 25px;
    max-width: 100%;
    margin: 25px auto;
}
.list-tabs-news li{
    float: left;
    width: 25%;
    text-align: center;
    font-size: 13px;
    font-weight: 800;
    color: #646464;
    text-transform: uppercase;
    position: relative;
    line-height: 23px;
    list-style: none;
}
.list-tabs-news li a{
    display: block;
    padding: 12px;
    border: 1px solid #dcdcdc;
   font-family: roboto_r;
}
.list-tabs-news li a:hover{background:#25216d;color:#fff;border-color:#25216d;font-family: 'RobotoBold';}
.list-tabs-news li.active a{
    background: #25216d;
    color: #fff;
    border-color: #25216d;
}
.w-100{width: 100%;}
.cover-tuyendung-left{}
.title-tuyendung-left{
    margin: 0;
    background: #25216d;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-family: RobotoBoldCondensed;
    text-transform: uppercase;
    font-size: 18px;
}
.cover-tuyendung-left ul{}
.cover-tuyendung-left ul li{
    list-style: none;
}
.cover-tuyendung-left ul li a{
    display: block;
    padding: 10px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    font-family: 'roboto_r';
    border-left: 2px solid #fff;
}
.cover-tuyendung-left ul li a:hover{color:#25216d;border-left:2px solid #25216d;}
.btn-frame{display:block;width: 45px;height: 45px;position:fixed;right: 20px;z-index:10;cursor:pointer;z-index: 99999;}
.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width: 45px;height: 45px;border-radius:50%;background: #d9454a;position:relative;z-index:1;}
.btn-frame i img{vertical-align:middle;width: 64%;}
.btn-frame .animated.infinite{animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width: 60px;height: 60px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2pxsolidrgba(7,41,103,0.8);opacity:.1;border-color:#1182FC;opacity:.5;}
.btn-frame .zoomIn{animation-name:zoomIn;}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width: 65px;height: 65px;top:-10px;right:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color: #d9454a;opacity:.4;}
.btn-frame .pulse{animation-name:pulse;}

/* Zalo */
.btn-zalo2{bottom:310px;}
.btn-hl2{bottom:230px;}
.btn-zalo{bottom:150px;}
.btn-facebook{bottom:70px;}


/*QTPT*/
#QTPT .tieude {
    margin-bottom: 20px;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #01a759;
    text-transform: uppercase;
}
#QTPT .motnganhai::after {
    content: "";
    position: absolute;
    top: 112px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: calc(100% - 112px);
    background: #25216d;
}
#QTPT {
    /*background: url('./uploads/background/bsm2.jpg');*/
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
    padding: 50px 0;
    margin-bottom: 50px;
}

.banner-VCT {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

.banner-VCT img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#QTPT::before,
.banner-VCT::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.5); */
    z-index: -1;
}

#QTPT .container::after {
    content: "";
    position: absolute;
    top: 112px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: calc(100% - 112px);
    background: #fff;
}

#QTPT .tieude {
    margin-bottom: 20px;
}

#QTPT .tieude+div {
    background: transparent;
}

#QTPT .content-QTPT {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

#QTPT .content-QTPT:nth-child(2n) {
    flex-direction: row-reverse;
}

#QTPT .content-QTPT .detail {
    background: #25216d;
    color: #fff;
    padding: 25px;
    border-radius: 10px;
    text-align: justify;
    position: relative;
}

#QTPT .content-QTPT .detail::before {
    content: "";
    position: absolute;
    border: 10px solid;
    border-color: transparent transparent transparent #25216d;
    left: 100%;
    top: 20%;
}

#QTPT .content-QTPT:nth-child(2n) .detail::before {
    border-color: transparent #25216d transparent transparent;
    left: unset;
    right: 100%;
}

#QTPT .content-QTPT .detail p {
    margin: 0;
    line-height: 1.5;
   font-size: 14px;
}

#QTPT .content-QTPT .image img {
    border: 5px solid #cdcdcf;
    border-radius: 50px 10px 50px 10px;
}

#QTPT .content-QTPT .year {
    display: flex;
    justify-content: center;
    z-index: 1;
}

#QTPT .content-QTPT .name {
    background: #25216d;
   border: 5px solid #cdcdcf;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.form-tuvan{
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
}
.form-tuvan input{
    width: 100%;
    padding: 6px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 5px 0px;
}
.form-tuvan input[type='submit']{
    padding: 10px 0px;
    border: none;
    border-radius: 3px;
}
.hline{
    margin: 10px 0px;
    border-radius: 3px;
    background: #d40000;
}

.selo::-webkit-input-placeholder { /* Edge */
  color: ##8a8a8a;
}

.selo:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #8a8a8a;
}

.selo::placeholder {
  color: #8a8a8a;
}
.box-cat{
    text-align: center;
    margin-bottom: 30px;
}
.box-cat p{
    display: inline-block;
}
.box-cat p a{
    font-size: 15px;
    padding: 10px 25px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    transition: 0.5s;
    display: block;
}
.box-cat p a:hover{background: #25216d;border-color: #25216d;color:#fff;}