/*body{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}*/
body {font-size:13px;line-height:20px; font-family:'Open Sans', Arial,Helvetica, sans-serif; color:#333; text-align:justify}
.container {position:relative}

@media (min-width: 1200px){
    .container {width: 1130px;}
    .display-inline-block-desktop { display: inline-block;}
}
a {color:#2ba79d;}
a:hover {text-decoration:underline;}
.box-sopport .total { -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}

.iZoom img {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.Bflex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.Bflex .boxf {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.Bflex .height100 {height:100%;}


.hover-state,
.iZoom {overflow:hidden; background:#fff; position:relative;}
.iZoom img {max-height:100%;max-width:100%;object-fit:cover;}
.img, .img1, .img2 {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.iZoom:hover img {-moz-opacity: 0.8;opacity: 0.8;filter: alpha(opacity=80);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}

.img1 {max-width:100%; max-height:100%; width:100%;object-fit:cover;}
.img2 {max-width:100%; max-height:100%; width:auto !important;object-fit:cover;}
.bg-full { background-attachment:fixed; -ms-background-size:100% 100%;-o-background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}

.tith3 { color:#2ba79d; text-transform:uppercase; font-size:20px; line-height:24px; margin:10px 0}
.tith3 a, .titl1 h2, .box h2 a, .CntInfo h3 a {}
.tith4 { font-size:16px;position:relative; font-weight:bold; margin:10px 0;color:#2ba79d;}
.tith4 a {font-size:16px;} 
.tith5 { font-size:14px;position:relative; font-weight:600; margin:10px 0; color:#2ba79d;}
.tith5 a {font-size:14px;} 

.dichvu .tith4 {height:30px;}
.dichvu .tith4 a {display:block;position:absolute; top:-23px;z-index:9; width:133PX; line-height:43PX;text-align:center; color:#fff; background:url(/images/bg/bg-dv.png) no-repeat left center;}
.hang-pro .tith4 a {     background: url(/images/bg/bg-dv-2.png) no-repeat;    color: #fff;    padding: 10px 20px;    background-size: 100% 100%;}

.divTB	{ background:#2ba79d; color:#fff;font-size:12px; line-height:18px;padding:10px 0}
.divTB a {color:#fff;}
.divTB .top-tell {float:left;}
.divTB .clock {float:right;}
.divTB .Tel	{ background:url(/images/bg/bg-call.png) no-repeat left; padding-left:15px; margin-right:5px;}
.divTB .email { background:url(/images/bg/bg-mail.png) no-repeat left; padding-left:20px; margin-left:5px;}
/*.divTB .clock span { background:url(/images/bg/bg-clk.png) no-repeat left; padding-left:20px;}*/
.divTB .copy {text-align:right;}

.logo	{ display:block; margin:10px 0;}
.logo a {display:inline-block;}
.logo img { display:block; max-height:110px; max-width:100%;}

.open-sear {width:40px;cursor:pointer;background:url(/images/bg/bg-sear.png)no-repeat center;}
.open-sear a:before {display:none !important;}

.box-search {position:absolute; right:15px;z-index:10; top:100%; padding:1px; background:#2ba79d;display:none;}
.box-search-desktop {padding:1px; background:#2ba79d;}

.app-search {float:right; min-width:100px; position:relative; padding-right:45px; }     /*overflow:hidden;*/
.iptSearch, .btnSearch {border:none;outline:none; height:34px; }
.iptSearch {width:410px;float:right;padding:0 10px; background:#fff;}
.btnSearch {width:40px; background:url(/images/bg/bg-sear3.png) no-repeat center #2ba79d;position:absolute;z-index:1; top:0; right:0;}
.app-search .validation-advice {bottom:-100%;}

.dichvu {background:#efefef;}
.item-sv {}
.item-sv a {display:block; font-size:13px;}
.item-sv a span  {display:block; position:relative; border:1px solid #ddd; margin-bottom:10px;}
.item-sv a span img {height:145px; width:100%;padding:1px;}

/*--  info  --*/
.info	{ padding-top:50px;padding-bottom:50px;line-height:24px;}
.info .anh img	{ width:100%;}
.info .btn-default {background:#efefef; border-radius:0;}

.ItemN {position:relative;}
.ItemN img {width:35%; max-height:100px; float:left; margin-right:10px; margin-bottom:10px;}
.ItemN a {display:inherit;}
.ItemV a,.ItemN a span {font-weight:600; font-size:15px; margin-bottom: 10px;display:inline-block;}
.ItemN .time {font-size:11px;color: #8d8d8d;font-style: italic;}
.ItemN .conten {max-height:60px; overflow:hidden;}
.ItemN.fullNews > a {display:block; max-height:200px;overflow:hidden;}
.ItemN.fullNews img {width:100%;max-height:none; float:none;margin:0;object-fit:cover;}

.ItemV { line-height:20px; margin:10px 0;position:relative; padding-left:15px;}
.ItemV:before {content:""; position:absolute; left:0;top:0; background:url(/images/bg/bg-video.png) no-repeat left; width:10px; height:100%; }
.ItemV a  {margin-bottom:0;}

.main-left {background:#efefef; padding:0 15px;}
.main-left .col-sm-8, .main-left .col-sm-4, .main-left .col-sm-6 {width:100% !important;}
.col-bottom {background:#efefef; padding:30px 0 20px;}
.QC img	{ width:100%;object-fit:cover;}

.scrollToTop{ position: fixed;bottom:230px;right:30px;z-index: 9999;display:none}
.scrollToTop:hover{ text-decoration:none;}

.ItemAdv {border:1px solid #ccc;padding:1px;}
.ItemAdv a {display:block;position:relative; width:100%; height:100px;overflow:hidden;}

.box-link .tith3 {border-bottom:1px solid #2ba79d;}
.Customer-item{background: #fcfcfc;display: block;padding: 30px 30px 20px;border: 1px solid #f0f0f0;text-align:center;}
.Customer-item img{width:100px !important;height:100px;object-fit:cover;border-radius:100%;display:inline-block !important;margin-bottom:20px;padding:3px;border:1px solid #f4f4f4;background:#fff;-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
.Customer-item:hover img{background:#2ba79d;}
.Customer-item p{color: #848484;font-size: 16px;margin: 0;}
.Customer-item h3{color: #222222;font-size: 20px;font-weight: 400;text-transform: none;margin: 15px 0 7px;}
.Customer-item span{color:#2ba79d;font-size:16px;}
.partner{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;}

/*----------  Footer -----------*/
.footer	{ border-top:5px solid #cecece; background:#efefef; padding:30px 0 20px;}
.footer .boxf {border-right:1px solid #ccc;}
.footer .boxf:last-child {border-right:none;}
.box-2 p {position:relative; padding-left:10px; background:url(/images/bg/bg-dot.png) no-repeat 0px 9px}
.box-3	{overflow:hidden;}
.box-3 ul li a { display:block;}
.box-3 ul li img { width:35px; height:35px;}
.total	{ padding-top:5px; color:#161211;}
.total p	{ padding-top:5px; margin-bottom:5px;}
.total p img	{ padding-right:5px;}
.total p .sp2	{ padding-left:5px; color:#ed9c12;}

.Intro, .Detail { position:relative;}
.Intro .row, .Detail.row {max-width:none !important;}
.Intro div, .Intro table, .Detail div, .Detail table { max-width:100% !important;}
.Intro img, .Detail img { max-width:100% !important; height:auto !important;}

.pnContact p .button, .lbltxt span a, .ShowNews h5 a	{ -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.ShowNews h5 a:hover	{ background:#e74c3c;}
.tith1	{ color:#2ba79d; font-size:20px; line-height:24px; font-weight:600; margin:10px 0}
.Detail .nDetait	{ padding:10px 0;}
.nextDetail	{ color:#fff; border-bottom:2px solid #2ba79d; margin-bottom:-1px;}
.nextDetail span { font-size:14PX; display:inline-block; padding:8px 15px; background:#2ba79d;}

/*------- Video  ---------*/
.video {border-bottom:1px dashed #ccc; margin-bottom:10px;}
.showV	{ text-align:center; width:100%; border:1px solid #d2d2d2;} 
/*----- Page ---------*/
#title	{ font-size:13px; border-bottom:2px solid #2ba79d; margin-bottom:15px;}
.cmaTite{ color:#2ba79d; padding-right:5px; padding-left:12px; background:url(/images/bg/muiten.png) no-repeat left;} 
.cmaTite:first-child {background:none;padding-left:0px}
.cmaTite:hover{ color:red; text-decoration:underline;}
.cmaTite:last-child	{ color:red !important;}
.lbltxt	{ text-align:center; margin-top:15px; margin-bottom:20px; color:#ecf0f1 !important; font-weight:bold; }
.lbltxt span a	{ padding:4px 10px; margin-left:5px; display:inline-block;}
.lbltxt span .apage:hover, .lbltxt span .cpage	{  Background:#e74c3c; color:#fff !important; }
.lbltxt span .apage	{ color:#fff; Background:#2ba79d;}

.lstNews {padding:15px 0; border-top:1px dashed #ccc;}
.lstNews:nth-child(2) {border-top:none; padding-top:0;}
.time{ font-size:13px; color:#888; font-style:italic;}
.PicN {display:block; float:left; width:26%;border:1px solid #ddd;padding:1px; margin-right:2%; max-height:150px; overflow:hidden;}
.PicN img {width:100%;}
.box-new { float:left; width:72%;}
.conten {max-height:60px; overflow:hidden;}
.box-new .btn-success {font-size:11px; padding:4px 8px; background:#2ba79d;}
.box-new .btn-success:hover {background:#e74c3c;}

.box-contact {max-width:600px; margin:20px auto;}
.box-contact .form-group .col-form-label {text-align:right;}
.box-contact .form-control {border-radius:0 !important;}
.box-contact .form-control:hover, .box-contact .form-control:focus {background:#fff;}
.box-contact .send {background:#fc0509; color:#fff; font-weight:bold; padding:8px 20px;border-radius:0 !important;}
.box-contact .send:hover, .box-contact .send:focus {background:#dc0004;}
.box-contact .col-form-label {font-weight:400;}
.box-contact .sao {color:#f15f2a;}
span.vld-error {color:#f15f2a; font-style:italic; font-size:11px; position:absolute; top:103%;z-index:1; background:#fff; padding:0 5px;}
.erorr {padding:15px; color:#f15f2a; background:#fff;}

.vd-img { display:block;position:relative; height:400px; overflow:hidden;}
.vd-img img {width:100%;max-height:100%; object-fit:cover;}


.vd1 .vd-img {border:5px solid #3d3d3d;}
.vd2 {position:relative;}
.vd2:before {content:""; display:block; position:absolute; left:0;top:8px; height:4px; width:4px; background:#ba281f}
.hover-state {opacity:0.5; position:absolute; width:100%;height:100%; top:0px; left:0px; background:url(/images/bg/owl.video.play.png)no-repeat center rgba(0, 0, 0, 0.5);}
.video-other .hover-state {background-image:url(/images/bg/owl.video.play-mo.png);}
.vd-img:hover .hover-state, .vd-img:focus .hover-state {opacity:1; background-color:rgba(0, 0, 0, 0) !important;}

.box-time {position:relative; font-size:13px;background:#f0f0f0;}
.time1 {position:absolute; top:5px; left:15px; background:url(/images/bg/bg-clk2.png)no-repeat left center;padding-left:20px;color:#2ba79d;}
.time2 {padding-left:110px;font-style:italic;color:#666;}


.font-size-50 { font-size: 50px !important;}
.font-size-41 { font-size: 41px;}
.font-size-35 { font-size: 35px;}
.font-size-30 { font-size: 30px !important;}
.font-size-28 { font-size: 28px;}
.font-size-27 { font-size: 27px;}
.font-size-26 { font-size: 26px;}
.font-size-25 { font-size: 25px;}
.font-size-24 { font-size: 24px;}
.font-size-23 { font-size: 23px;}
.font-size-22 { font-size: 22px;}
.font-size-20 { font-size: 20px;}
.font-size-18 { font-size: 18px;}
.font-size-17 { font-size: 17px !important;}
.font-size-16 { font-size: 16px;}
.font-size-15 { font-size: 15px;}
.font-size-14 { font-size: 14px;}
.font-size-13 { font-size: 13px;}
.font-size-13-sup * { font-size: 13px;}
.font-size-12 { font-size: 12px;}
.font-size-11 { font-size: 11px;}
.font-size-5 { font-size: 5px;}
.font-bold { font-weight: bold;}
.font-medium { font-weight: 600;}


.a_img_ratio_237 { position: relative; padding-top: 237%; overflow:hidden; display:block;}
.a_img_ratio_177 { position: relative; padding-top: 177%; overflow:hidden; display:block;}
.a_img_ratio_141 { position: relative; padding-top: 141%; overflow:hidden; display:block;}
.a_img_ratio_132 { position: relative; padding-top: 132%; overflow:hidden; display:block;}
.a_img_ratio_124 { position: relative; padding-top: 124%; overflow:hidden; display:block;}
.a_img_ratio_119 { position: relative; padding-top: 119%; overflow:hidden; display:block;}
.a_img_ratio_116 { position: relative; padding-top: 116%; overflow:hidden; display:block;}
.a_img_ratio_113 { position: relative; padding-top: 113%; overflow:hidden; display:block;}
.a_img_ratio_102 { position: relative; padding-top: 102%; overflow:hidden; display:block;}
.a_img_ratio_100 { position: relative; padding-top: 100%; overflow:hidden; display:block;}
.a_img_ratio_97 { position: relative; padding-top: 97%; overflow:hidden; display:block;}
.a_img_ratio_85 { position: relative; padding-top: 85%; overflow:hidden; display:block;}
.a_img_ratio_83 { position: relative; padding-top: 83%; overflow:hidden; display:block;}
.a_img_ratio_75 { position: relative; padding-top: 75%; overflow:hidden; display:block;}
.a_img_ratio_73 { position: relative; padding-top: 73%; overflow:hidden; display:block;}
.a_img_ratio_71 { position: relative; padding-top: 71%; overflow:hidden; display:block;}
.a_img_ratio_68 {position: relative;    padding-top: 68%;    overflow: hidden; display:block;}
.a_img_ratio_66 {position: relative;    padding-top: 66%;    overflow: hidden; display:block;}
.a_img_ratio_65 {position: relative;    padding-top: 65%;    overflow: hidden; display:block;}
.a_img_ratio_61 {position: relative;    padding-top: 61%;    overflow: hidden; display:block;}
.a_img_ratio_57 {position: relative;    padding-top: 57%;    overflow: hidden; display:block;}
.a_img_ratio_56 {position: relative;    padding-top: 56%;    overflow: hidden; display:block;}
.a_img_ratio_55 {position: relative;    padding-top: 55%;    overflow: hidden; display:block;}
.a_img_ratio_54 {position: relative;    padding-top: 54%;    overflow: hidden; display:block;}
.a_img_ratio_52 {position: relative;    padding-top: 52%;    overflow: hidden; display:block;}
.a_img_ratio_51 {position: relative;    padding-top: 51%;    overflow: hidden; display:block;}
.a_img_ratio_48 {position: relative;    padding-top: 48%;    overflow: hidden; display:block;}
.a_img_ratio_46 {position: relative;    padding-top: 46%;    overflow: hidden; display:block;}
.a_img_ratio_45 {position: relative;    padding-top: 45%;    overflow: hidden; display:block;}
.a_img_ratio_44 {position: relative;    padding-top: 44%;    overflow: hidden; display:block;}
.a_img_ratio_42 {position: relative;    padding-top: 42%;    overflow: hidden; display:block;}
.a_img_ratio_40 {position: relative;    padding-top: 40%;    overflow: hidden; display:block;}
.a_img_ratio_39 {position: relative;    padding-top: 39%;    overflow: hidden; display:block;}
.a_img_ratio_37 {position: relative;    padding-top: 37%;    overflow: hidden; display:block;}
.a_img_ratio_36 {position: relative;    padding-top: 36%;    overflow: hidden; display:block;}
.a_img_ratio_35 {position: relative;    padding-top: 35%;    overflow: hidden; display:block;}
.a_img_ratio_34 {position: relative;    padding-top: 34%;    overflow: hidden; display:block;}
.a_img_ratio_33 {position: relative;    padding-top: 33%;    overflow: hidden; display:block;}
.a_img_ratio_32 {position: relative;    padding-top: 32%;    overflow: hidden; display:block;}
.a_img_ratio_30 {position: relative;    padding-top: 30%;    overflow: hidden; display:block;}
.a_img_ratio_29 {position: relative;    padding-top: 29%;    overflow: hidden; display:block;}
.a_img_ratio_27 {position: relative;    padding-top: 27%;    overflow: hidden; display:block;}
.a_img_ratio_26 {position: relative;    padding-top: 26%;    overflow: hidden; display:block;}
.a_img_ratio_25 {position: relative;    padding-top: 25%;    overflow: hidden; display:block;}
.a_img_ratio_24 {position: relative;    padding-top: 24%;    overflow: hidden; display:block;}
.a_img_ratio_22 {position: relative;    padding-top: 22%;    overflow: hidden; display:block;}
.a_img_ratio_12 {position: relative;    padding-top: 12%;    overflow: hidden; display:block;}
.a_img_ratio_9 {position: relative;    padding-top: 9%;    overflow: hidden; display:block;}
.a_img_ratio_3 {position: relative;    padding-top: 3%;    overflow: hidden; display:block;}
.a_img_ratio_3 img, 
 .a_img_ratio_9 img, 
 .a_img_ratio_12 img, 
 .a_img_ratio_22 img, 
 .a_img_ratio_24 img,
 .a_img_ratio_25 img,
 .a_img_ratio_26 img, 
 .a_img_ratio_27 img,
 .a_img_ratio_29 img, 
 .a_img_ratio_30 img, 
 .a_img_ratio_32 img, 
 .a_img_ratio_33 img,
 .a_img_ratio_34 img, 
.a_img_ratio_35 img, 
 .a_img_ratio_37 img, 
.a_img_ratio_36 img, 
 .a_img_ratio_39  img, 
 .a_img_ratio_40 img, 
 .a_img_ratio_44 img, 
 .a_img_ratio_42 img, 
 .a_img_ratio_45 img, 
 .a_img_ratio_46 img,
.a_img_ratio_48 img, 
 .a_img_ratio_51 img, 
.a_img_ratio_52 img,
 .a_img_ratio_54 img,
.a_img_ratio_55 img,
 .a_img_ratio_56 img,
 .a_img_ratio_57 img, 
 .a_img_ratio_61 img, 
 .a_img_ratio_65 img,
.a_img_ratio_66 img, 
 .a_img_ratio_68 img, 
 .a_img_ratio_71 img, 
 .a_img_ratio_73 img, 
 .a_img_ratio_75 img, 
 .a_img_ratio_83 img, 
 .a_img_ratio_85  img, 
 .a_img_ratio_97 img,  
 .a_img_ratio_100 img, 
 .a_img_ratio_102 img,
.a_img_ratio_113 img,
.a_img_ratio_116 img,
.a_img_ratio_119 img,
.a_img_ratio_124 img,
.a_img_ratio_132 img, 
.a_img_ratio_141 img,
.a_img_ratio_177 img,
 .a_img_ratio_237 img {      max-height: 100%;    max-width: 100%;    width: auto;    height: auto;    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    margin: auto;  width: 100%;    height: 100%;    display: block;    object-fit: cover;}

.a_img_ratio_132_full { position: relative; padding-top: 132%; overflow:hidden; display:block;}
.a_img_ratio_101_full { position: relative; padding-top: 101%; overflow:hidden; display:block;}
.a_img_ratio_100_full { position: relative; padding-top: 100%; overflow:hidden; display:block;}
.a_img_ratio_97_full { position: relative; padding-top: 97%; overflow:hidden; display:block;}
.a_img_ratio_93_full { position: relative; padding-top: 93%; overflow:hidden; display:block;}
.a_img_ratio_85_full { position: relative; padding-top: 85%; overflow:hidden; display:block;}
.a_img_ratio_83_full { position: relative; padding-top: 83%; overflow:hidden; display:block;}
.a_img_ratio_75_full { position: relative; padding-top: 75%; overflow:hidden; display:block;}
.a_img_ratio_73_full { position: relative; padding-top: 73%; overflow:hidden; display:block;}
.a_img_ratio_72_full { position: relative; padding-top: 72%; overflow:hidden; display:block;}
.a_img_ratio_68_full {position: relative;    padding-top: 68%;    overflow: hidden; display:block;}
.a_img_ratio_67_full {position: relative;    padding-top: 67%;    overflow: hidden; display:block;}
.a_img_ratio_63_full {position: relative;    padding-top: 63%;    overflow: hidden; display:block;}
.a_img_ratio_59_full {position: relative;    padding-top: 59%;    overflow: hidden; display:block;}
.a_img_ratio_57_full {position: relative;    padding-top: 57%;    overflow: hidden; display:block;}
.a_img_ratio_52_full {position: relative;    padding-top: 52%;    overflow: hidden; display:block;}
.a_img_ratio_50_full {position: relative;    padding-top: 50%;    overflow: hidden; display:block;}
.a_img_ratio_48_full {position: relative;    padding-top: 48%;    overflow: hidden; display:block;}
.a_img_ratio_45_full {position: relative;    padding-top: 45%;    overflow: hidden; display:block;}
.a_img_ratio_44_full {position: relative;    padding-top: 44%;    overflow: hidden; display:block;}
.a_img_ratio_42_full {position: relative;    padding-top: 42%;    overflow: hidden; display:block;}
.a_img_ratio_39_full {position: relative;    padding-top: 39%;    overflow: hidden; display:block;}
.a_img_ratio_27_full {position: relative;    padding-top: 27%;    overflow: hidden; display:block;}
.a_img_ratio_25_full {position: relative;    padding-top: 25%;    overflow: hidden; display:block;}
.a_img_ratio_25_full img,
.a_img_ratio_27_full img,
.a_img_ratio_42_full img, 
.a_img_ratio_44_full img, 
.a_img_ratio_45_full img, 
.a_img_ratio_48_full img,
.a_img_ratio_39_full img, 
.a_img_ratio_50_full img,
.a_img_ratio_52_full img,
.a_img_ratio_57_full img, 
.a_img_ratio_59_full img,
.a_img_ratio_63_full img,
.a_img_ratio_67_full img,
.a_img_ratio_68_full img, 
.a_img_ratio_72_full img, 
.a_img_ratio_73_full img,
.a_img_ratio_75_full img, 
.a_img_ratio_85_full  img, 
.a_img_ratio_83_full  img , 
.a_img_ratio_93_full  img,
.a_img_ratio_97_full  img,
.a_img_ratio_100_full  img,
.a_img_ratio_101_full  img,
.a_img_ratio_132_full  img {      max-height: 100%;    max-width: 100%;    width: auto !important;    height: auto;    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    margin: auto;}

.a_img_ratio_132_bottom { position: relative; padding-top: 132%; overflow:hidden; display:block;}
.a_img_ratio_132_bottom img {      max-height: 100%;    max-width: 100%;    width: auto;    height: auto;    position: absolute;   bottom: 0;    left: 0;    right: 0;    margin: auto;  width: 100%;   display: block;    object-fit: cover;}

.a_img_ratio_116_top { position: relative; padding-top: 116%; overflow:hidden; display:block;}
.a_img_ratio_132_top { position: relative; padding-top: 132%; overflow:hidden; display:block;}
.a_img_ratio_116_top img, .a_img_ratio_132_top img {      max-height: 100%;    max-width: 100%;    width: auto;    height: auto;    position: absolute;   top: 0;    left: 0;    right: 0;    margin: auto;  width: 100%;   display: block;    object-fit: cover;}

.a_img_ratio_132_top_full { position: relative; padding-top: 132%; overflow:hidden; display:block;}
.a_img_ratio_116_top_full { position: relative; padding-top: 116%; overflow:hidden; display:block;}
.a_img_ratio_116_top_full img, .a_img_ratio_132_top_full  img {      max-height: 100%;    max-width: 100%;    width: auto;    height: auto;    position: absolute;    top: 0;    left: 0;    right: 0;    margin: auto;}

.a_img_ratio_132_bottom_full { position: relative; padding-top: 132%; overflow:hidden; display:block;}
.a_img_ratio_116_bottom_full { position: relative; padding-top: 116%; overflow:hidden; display:block;}
.a_img_ratio_116_bottom_full img, .a_img_ratio_132_bottom_full  img {      max-height: 100%;    max-width: 100%;    width: auto;    height: auto;    position: absolute;    bottom: 0;    left: 0;    right: 0;    margin: auto;}

.content-ellipsis-4-line {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; text-align: justify;}
.content-ellipsis-3-line {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; text-align: justify;}
.content-ellipsis-2-line {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; }
.content-ellipsis-1-line {    display: -webkit-box;    max-width: 100%;    margin: 0 auto;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis; text-align: justify;}


.color-white {color: white !important;}
.color-white-a a {color: white !important;}
.color-blue { color: #0094FF !important;}
.color-blue-2 { color: #2ba79d !important;}
.color-blue-3 { color: #3597e3 !important;}
.color-blue-4 { color: #5bc0de;}
.color-black { color: #000 !important;}
.color-black-1 { color: #383838 !important;}
.color-black-2 { color: #4F4F4F !important;}
.color-black-3 {color:#333333;}
.color-black-4 {color: #2f2f2f;}

.color-red { color: #d6141c !important;}
.color-red-2 { color: #d60000 !important;}

.color-gray { color: #686868;}
.color-gray-2 { color: #5C5C5C;}
.color-gray-3 { color: #777777;}
.color-gray-4 { color: #f5f5f5;}

.color-green { color: #79A224 ;}
.color-green-2 { color: #D7ECEC;}
.color-green-3 { color: #74d2d2;}
.color-orange { color: #f3891f;}
.color-brown { color: #8d4d2c;}

.text-line-through { text-decoration-line: line-through;}
.display-block { display: block;}
.display-block-important { display: block !important;}
.display-inline-block { display: inline-block;}
.display-inline-block-important { display: inline-block !important ;}
.display-inline { display: inline;}
.display-table { display: table;}
.display-none { display: none;}

.giamGia{ color: #fff;    font-size: 13px;    height: 21px;    line-height: 15px;    z-index: 3; background-color: #2ba79d;  background-size: 100% 100%;    text-align: center;    padding: 3px 10px;        position: absolute;   left: 0;}

.position-relative{ position:relative;}
.position-absolute{ position:absolute;}
.position-fixed{ position:fixed !important;}


.left_0 { left: 0;}
.left-35px {left:35px;}
.left-40px {left:40px;}
.left-45px {left:45px;}
.left-60px {left:60px;}
.left-80px {left:80px;}
.left-100pc { left: 100%;}
.top_0 {top:0}
.top-41-pc {top:41% !important;}
.top-50-pc-calc-15 {top:calc(50% - 15px) !important;}
.top-50-pc-calc-65 {top:calc(50% - 65px) !important;}
.top-sup-200px {top:-200px;}
.top-sup-70px {top:-70px;}
.top-sup-37px {top:-37px;}
.top-sup-14px {top:-14px;}
.border_0{border:0 !important;}
.border-1px-black { border: 1px solid #000;}
.border-1px-black-shadow { box-shadow: 0px -1px 10px rgba(50, 50, 50, 0.5)}
.border-1px-gray-shadow { box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1)}
.border-2px-black { border: 2px solid #000;}
.border-2px-black-3 { border: 2px solid #333333;}
.border-1px-gray { border: 1px solid #ccc !important;}
.border-1px-gray-shadow { box-shadow: 5px 5px 5px grey; }
.border-1px-blue { border: 1px solid #014698;}
.border-2px-blue-2 { border: 2px solid #2C2B2B;}
.border-1px-white { border: 1px solid #fff;}
.border-1px-blue-dashed { border: 1px dashed #BBD6AB;}
.border-1px-green { border: 1px solid #79A224 !important;}
.border-1px-green-dashed { border: 1px dashed #79A124;}
.border-2px-green-dashed { border: 2px dashed #79A124;}
.border-1px-red{ border: 1px solid #C80404;}
.border-left-0 { border-left: 0;}
.border-left-1px { border-left: 1px solid;}
.border-left-1px-black { border-left: 1px solid #000;}
.border-left-1px-green { border-left: 1px solid #42A4A4;}
.border-left-3px-green { border-left: 3px solid #42A4A4;}
.border-left-1px-gray { border-left: 1px solid #BFBEBE;}
.border-top-blue { border-top: 2px solid #014698;}
.border-top-1px-blue-2 { border-top: 1px solid #2C2B2B;}
.border-top-yellow { border-top: 2px solid #f7a81b;}
.border-top-black { border-top: 1px solid #000;}
.border-top-1px-gray { border-top: 1px solid #ccc;}
.border-top-1px-dashed-gray { border-top: 1px dashed #ddd;}

.border-bottom-black { border-bottom: 2px solid #000;}
.border-bottom-white { border-bottom: 1px solid #fff;}
.border-bottom-gray { border-bottom: 1px solid #ccc;}
.border-bottom-red { border-bottom: 1px solid #d81d17;}
.border-bottom-blue-3 { border-bottom: 2px solid #3597e3;}
.border-bottom-2px-green { border-bottom: 2px solid #42A4A4;}

.border-right-0 { border-right: 0;}
.border-right-1px-white { border-right: 1px solid #fff;}
.border-right-1px-black { border-right: 1px solid #000;}
.border-right-1px-gray { border-right: 1px solid #ccc;}
.border-right-1px-gray-2 { border-right: 1px solid #ddd;}
.border-radius-bg-gray {    padding: 20px;    background: #ccc;    border-radius: 5px;}
.border-radius-0 { border-radius: 0px;}
.border-radius-tl-5 { border-top-left-radius: 5px;}
.border-radius-tr-5 { border-top-right-radius: 5px;}
.border-radius-bl-5 { border-bottom-left-radius: 5px;}
.border-radius-br-5 { border-bottom-right-radius: 5px;}
.border-radius-5 { border-radius: 5px !important;}
.border-radius-20 { border-radius: 20px;}
.border-radius-25 { border-radius: 25px;}
.border-radius-50pc { border-radius: 50%;}
.w
.top-sup-13px {top:-13px;}
.top-sup-5px {top:-5px;}
.top-80px {top: 80px;}
.top-49px {top: 49px;}
.top-20px {top: 20px;}
.bottom_0 {bottom: 0;}
.bottom-5px {bottom: 5px;}
.bottom-10px {bottom: 10px;}
.bottom-20px {bottom: 20px;}
.bottom-25px {bottom: 25px;}
.bottom-30px {bottom: 30px;}
.bottom-95px {bottom: 95px;}
.bottom-105px {bottom: 105px;}
.bottom-250px {bottom: 250px;}
.bottom-sup-10px {bottom: -10px;}
.bottom-sup-30px {bottom: -30px;}
.bottom-sup-50px {bottom: -50px;}

.right_0 {right:0;}
.right-100pc {right: 100%;}
.right-20px { right: 20px;}
.right-5-pc { right:5% !important;}
.right-15px {right: 15px;}
.right-10px {right: 10px;}
.right-60px {right: 60px;}
.right-sup-29px {right: -29px;}
.right-sup-5px {right:-5px;}
.left-sup-29px { left: -29px;}


.border_0{border:0 !important;}
.border-1px-black { border: 1px solid #000;}
.border-1px-black-shadow { box-shadow: 0px -1px 10px rgba(50, 50, 50, 0.5)}
.border-1px-gray-shadow { box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1)}
.border-2px-black { border: 2px solid #000;}
.border-2px-black-3 { border: 2px solid #333333;}
.border-1px-gray { border: 1px solid #ccc !important;}
.border-1px-gray-shadow { box-shadow: 5px 5px 5px grey; }
.border-1px-blue { border: 1px solid #014698;}
.border-2px-blue-2 { border: 2px solid #2C2B2B;}
.border-1px-white { border: 1px solid #fff;}
.border-1px-blue-dashed { border: 1px dashed #BBD6AB;}
.border-1px-green { border: 1px solid #79A224 !important;}
.border-1px-green-dashed { border: 1px dashed #79A124;}
.border-2px-green-dashed { border: 2px dashed #79A124;}
.border-1px-red{ border: 1px solid #C80404;}
.border-left-0 { border-left: 0;}
.border-left-1px { border-left: 1px solid;}
.border-left-1px-black { border-left: 1px solid #000;}
.border-left-1px-green { border-left: 1px solid #42A4A4;}
.border-left-3px-green { border-left: 3px solid #42A4A4;}
.border-left-1px-gray { border-left: 1px solid #BFBEBE;}
.border-top-blue { border-top: 2px solid #014698;}
.border-top-1px-blue-2 { border-top: 1px solid #2C2B2B;}
.border-top-yellow { border-top: 2px solid #f7a81b;}
.border-top-black { border-top: 1px solid #000;}
.border-top-1px-gray { border-top: 1px solid #ccc;}
.border-top-1px-dashed-gray { border-top: 1px dashed #ddd;}

.border-bottom-black { border-bottom: 2px solid #000;}
.border-bottom-white { border-bottom: 1px solid #fff;}
.border-bottom-gray { border-bottom: 1px solid #ccc;}
.border-bottom-red { border-bottom: 1px solid #d81d17;}
.border-bottom-blue-3 { border-bottom: 2px solid #3597e3;}
.border-bottom-2px-green { border-bottom: 2px solid #42A4A4;}

.border-right-0 { border-right: 0;}
.border-right-1px-white { border-right: 1px solid #fff;}
.border-right-1px-black { border-right: 1px solid #000;}
.border-right-1px-gray { border-right: 1px solid #ccc;}
.border-right-1px-gray-2 { border-right: 1px solid #ddd;}
.border-radius-bg-gray {    padding: 20px;    background: #ccc;    border-radius: 5px;}
.border-radius-0 { border-radius: 0px;}
.border-radius-tl-5 { border-top-left-radius: 5px;}
.border-radius-tr-5 { border-top-right-radius: 5px;}
.border-radius-bl-5 { border-bottom-left-radius: 5px;}
.border-radius-br-5 { border-bottom-right-radius: 5px;}
.border-radius-5 { border-radius: 5px !important;}
.border-radius-20 { border-radius: 20px;}
.border-radius-25 { border-radius: 25px;}
.border-radius-50pc { border-radius: 50%;}


.width_100{width:100%;}
.height_100{    height: 100%;}
.height-10 { height: 10px;}
.height-13 { height: 13px;}
.height-14 { height: 14px;}
.height-15 { height: 15px;}
.height-18 { height: 18px;}
.height-20 { height: 20px;}
.height-21 { height: 21px;}
.height-27 { height: 27px;}
.height-29 { height: 29px;}
.height-30 { height: 30px;}
.height-35 { height: 35px;}
.height-40 { height: 40px;}
.height-44 { height: 44px;}
.height-50 { height: 50px;}
.height-51 { height: 51px;}
.height-68 { height: 68px;}
.height-70 { height: 70px;}
.height-86 { height: 86px;}
.height-90 { height: 90px;}
.height-106 { height: 106px;}
.height-160 { height: 160px;}
.max-height-24px { max-height: 24px;}
.max-height-120px { max-height: 120px;}
.max-height-152px { max-height: 152px;}
.max-height-243px { max-height: 243px;}
.max-height-756px { height: 756px;}
.max-height-656px { height: 656px;}


.width_50{width:50%;}
.width-95pc{width:95%;}
.width-40pc{width:40%;}
.width-33pc{width:33%;}
.width-1px { width: 1px;}
.width-14px { width: 14px !important;}
.width-15px { width: 15px !important;}
.width-30px { width: 30px !important;}
.width-35px { width: 35px !important;}
.width-50px { width: 50px !important;}
.width-57px { width: 57px !important;}
.width-70px { width: 70px !important;}
.width-77px { width: 77px !important;}
.width-80px { width: 80px !important;}
.width-101px { width: 101px !important;}
.width-108px { width: 108px;}
.width-111px { width: 111px;}
.width-125px { width: 125px;}
.width-129px { width: 129px;}
.width-142px { width: 142px;}
.width-160px { width: 160px;}
.width-200px { width: 200px;}
.width-220px { width: 220px;}
.width-268px { width: 268px;}
.width-281px { width: 281px;}
.width-800px { width: 800px;}
.min-width-158px { min-width: 158px;}
.min-width-138px { min-width: 138px;}
.width-calc-20px {width: calc(100% - 20px);}
.width-calc-35px {width: calc(100% - 35px);}
.width-calc-57px {width: calc(100% - 57px);}
.width-calc-70px {width: calc(100% - 70px);}
.width-calc-80px {width: calc(100% - 80px);}
.width-calc-125px {width: calc(100% - 125px);}
.width-calc-129px {width: calc(100% - 129px);}
.width-calc-130px {width: calc(100% - 130px);}
.width-calc-160px {width: calc(100% - 160px);}
.width-calc-275px {width: calc((100% - 275px) / 2)}
.width-calc-543px {width: calc((100% - 543px) / 2)}
.width-calc-460px {width: calc(100% - 460px)}
.width-calc-50pc-10px {width: calc(50% - 10px)}
.width-calc-50pc-20px {width: calc(50% - 20px)}
.width-calc-245px { width: calc(100%)}

.min-height-300px { min-height: 300px;}
.min-height-294px { min-height: 294px;}
.min-height-258px { min-height: 258px;}
.min-height-250px { min-height: 250px;}
.min-height-200px { min-height: 200px;}
.min-height-115px { min-height: 115px;}
.min-height-44 { min-height: 44px;}
.min-height-40 { min-height: 40px;}
.min-height-18px { min-height: 18px;}
.min-height-21px { min-height: 25px;}
.min-height-1px { min-height: 1px;}
.max-width-2100px { max-width: 2100px !important;}
.max-width-142px { max-width: 142px !important;}
.max-width-24px { max-width: 24px;}
.max-width-32pc { max-width: 32%;}
.width-auto {width: auto !important;}


.bg-color-none {background: none !important;}
.bg-color-blue { background: #0094FF;}
.bg-color-blue-2 { background: #0F4C75 ;}
.bg-color-blue-3 { background: #87B1C8;}
.bg-color-blue-4 { background: #BBE1FA;}

.bg-color-blue-bold { background: #0f4174;}
.bg-color-white { background: #fff;}
.bg-color-white-important { background: #fff !important;}
.bg-color-green { background: #79A224;}
.bg-color-green-2 { background: #BBD6AB;}
.bg-color-green-3 { background: #3f9fa8; opacity: 0.9;}
.bg-color-green-line-gradient-tobottom {background-image: linear-gradient(to bottom, #57BCCF, #42A4A4)}
.bg-color-green-line-gradient-totop {background-image: linear-gradient(to top, #57BCCF, #42A4A4)}

.bg-color-gray { background: #ccc !important;}
.bg-color-gray-2 { background: #dedede;}
.bg-color-gray-3 { background: #f4f4f4;}
.bg-color-gray-4 { background: #ebebeb;}
.bg-color-gray-5 { background: #f8f8f8;}
.bg-color-gray-6 { background: #f3f3f3;}
.bg-color-gray-7 { background: #f5f5f5;}

.bg-color-red { background: #d71921}
.bg-color-red-2 { background: #d70029}
.bg-color-red-3 { background: #ce0707;}
.bg-color-pink { background: #f5f0ea;}
.bg-color-black { background: #000 !important;}
.bg-color-black-2 { background: #242A2F;}
.bg-color-black-3 { background: rgba(0,0,0,0.5);}
.bg-color-black-4 { background: #1632358a;}
.bg-color-yellow { background: #f8b823;}
.bg-color-orange { background: #FE8400;}
.bg-color-antiquewhite {    background: #FAEBD7;}
.bg-color-brown { background: #8d4d2c;}

.overflow-hidden { overflow: hidden;}
.pr-right-100:hover .ch-right-100 { right: 100%; transition: all 0.3s}
.pr-left-0:hover .ch-left-0 { left: 0; transition: all 0.3s;     right: 0;    margin: auto;}

.pr-right-100:not(:hover) .ch-right-100 { right: 0; transition: all 0.3s}
.pr-left-0:not(:hover) .ch-left-0 { left: 100%; transition: all 0.3s;     right: 0;    margin: auto;}

.line-height-13 { line-height: 13px;}
.line-height-16 { line-height: 16px;}
.line-height-25 { line-height: 25px;}
.line-height-26 { line-height: 26px;}
.line-height-27 { line-height: 27px;}
.line-height-30 { line-height: 30px;}
.line-height-35 { line-height: 35px;}
.line-height-40 { line-height: 40px;}
.line-height-inherit { line-height: inherit;}

.cursor-pointer {cursor: pointer;}
.pointer-events-none {     pointer-events: none;}
.visibility-hidden {     visibility: hidden; opacity: 0;}
.visibility-visible {     visibility: visible; opacity: 1;}
.vertical-align-top {vertical-align: top;}
.vertical-align-middle {vertical-align: middle}
.vertical-align-middle-div {margin: auto;    position: absolute;    top: 50%;    left: 0;    -ms-transform: translate(0, -50%);    transform: translate(0, -50%);}
.vertical-align-baseline {vertical-align: baseline}
.vertical-align-center-div {margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.vertical-align-bottom {vertical-align: bottom;}
.img-width-19 img { width: 19px !important;}
.img-mgr5 img { margin-right: 5px;}
.td-vertical-align-top td { vertical-align: top; min-width: 30px;}
.opacity-50-pc { opacity: 0.5;}
.transform-rotate-180 { transform: rotate(180deg);}

.all-unset { all: unset;}
.all-unset-sub h1, .all-unset-sub h2, .all-unset-sub h3,.all-unset-sub h4,.all-unset-sub h5,.all-unset-sub h6 {     margin-top: 20px;    margin-bottom: 10px;}
.all-unset-sub ul{    margin-top: 0;    margin-bottom: 10px; list-style-type: initial;     margin-left: 20px;} .all-unset-sub li{ list-style-type: initial;}
a,img,span,label,hr {}
.all-unset-sub p { margin: 0 0 10px;}
.all-unset-sub img { height: auto !important;}

.line-after:after {    left: 100%;    background: #666;    content: "";    display: block;    height: 1px;    position: absolute;    top: 50%;    width: 1345%;}
.line-before:before {    right: 100%;    background: #666;    content: "";    display: block;    height: 1px;    position: absolute;    top: 50%;    width: 1345%;}


@media screen and (min-width:992px) and (max-width:1200px) {
    .logo img {max-height:80px;}
    .onav > li {padding: 20px 10px !important;}
}

@media screen and (max-width:991px) {
    .logo {text-align:center;}
    .box-search {display:block; position:relative; left:0; right:0; padding:5px 15px; margin-left:-15px; margin-right:-15px; top: 0;}
    .app-search {border:1px solid #f0f0f0;background:#fff;}
}
@media (max-width:767px) {
    .info {text-align:center;}
    .divTB .copy {text-align:center;}
    .box-sopport {text-align:center;border-top:1px solid #fff;}
    .box-sopport .total {color:#fff; background:#555;padding-top:0;}
    .box-sopport .total p {display:inline-block;padding:5px;border-right:1px solid #ccc; margin-bottom:0;}
    .box-sopport .total p:last-child {border-right:none;}
}

@media (max-width:480px) {
    .box-search, .col-xs-12, .container {padding-left:7px; padding-right:7px;}
    .box-search, .row {margin-left:-7px; margin-right:-7px;}
    .time1, .btnMenu {left:7px;}
    .iptSearch {width:200px;}
    .PicN {width:35%;}
    .box-new {width:63%;}
    .vd-img {height:200px;}
}