@charset "utf-8";
/* CSS Document *//*@import url("css/fonts.css");*/
*{margin:0px;padding:0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.breadcrumb{display: block;}
table{border-spacing: 0px;}
a{text-decoration: none!important;outline: none!important;}
ul{list-style-type:none;margin:0px!important;padding:0px;}
p{margin: 0px;}
div.breadcrumb {margin-bottom: 0px;;margin-top:12px;float: left;width: 100%;font-family:'RobotoRegular';background: none; padding: 0px 0px; position: relative; border-radius: 0px;color: #000;}
#inner{padding-left: 10px;margin-bottom: 0px;float: left;width: 100%}
#inner li:nth-child(1){position: relative;}
#inner li:nth-child(1):before{content: "";position: absolute;left: 0px;width:5px;height: 5px;background: #e2d371;top: 9px;left: -5px;}
#inner li:nth-last-child(1) span{display: none;}
#inner li span{color: #e2d371}
#inner li{display: inline-block;float: left;list-style: none;}
#inner a{padding: 0px 10px} 
div.breadcrumb a{color:#ff0;}
div.breadcrumb a:hover{color: #ff8229;}
/*.fixmenu{position: fixed!important;top: 0px!important;left: 0px!important;margin: auto!important;width: 100%!important;z-index: 999999!important}*/
.noidung_ta{padding:10px;}
.btn-disabled{cursor: not-allowed; pointer-events: none;}
.enable_buttom{cursor: pointer;background: #09bdff!important}
.clear{clear: both;}
.clearfix:before{content: "";clear: both;}
.clearfix:after {content: "";clear: both;}
.visit_hidden{display: none;}
.margin-auto{max-width: 1000px;margin: 0 auto;}
.red{ color: #FB0000}
.div_css{margin:0px -15px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-flow: row wrap;-webkit-flex-flow: row wrap;  }
#info{width:100%;float:right;margin-top: 0px;padding-left: 0px;}
#content{ width: 100%; margin:0px 0px 0px 0px; border-top: 0px;float: left;}
#container{width: 100%;margin: auto;overflow-x:hidden;}
.container{ width:100%; float:left;}
#sanpham{width:100%;float:left;padding-bottom: 15px;min-height: 570px;}
#main{width:100%;}
#wrap_noidung{float: left;width: 100%;}
.wraper_trangtrong{width: 100%; float: left; position: relative;margin-bottom: 10px;}
.content_trangcon{float: left;width: 100%}
.content_trangcon img{max-width: 100%;height: auto;}
.transition{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;}
.zit{ z-index:9999 !important;}
.zib{ z-index:0;}
.i-map-at{ background:#0097c9 !important; color:#FFF;}
.map{ width:100%; height:500px; box-sizing:border-box;}
.box-map{ position:relative; height:500px;}
.map{ position:absolute;}
.i-map{ float:left; padding:5px 10px; background:#F5F5F5; cursor:pointer;}
.hidden_img{z-index: 999;width: 100%;float: left;overflow: hidden;transform:translateZ(0);position: relative;height: 100%;}
.zoom img {border: none;float: left;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;width: 100%;}
.zoom:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.hv_light2{ overflow:hidden; position:relative;}
.hv_light2:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; }
.hv_light2:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.hv_light2:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hv_light2:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}
/*====*/
.loadingcover{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.75);z-index: 999999999999999999999999999999}
.loadingcover .csslder{top:50%}
@-webkit-keyframes fx{50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{opacity:0}}@keyframes fx{50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{opacity:0}}
.csslder {display: block; text-align: center; height: 20px; position: relative; clear: both; }
.csslder .csswrap {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.cssdot {width: 10px; height: 10px; border: 1px solid #288ad6; background: #288ad6; border-radius: 50%; float: left; margin: 0 5px; -webkit-transform: scale(0); transform: scale(0); -webkit-animation: fx 1000ms ease infinite 0ms; animation: fx 1000ms ease infinite 0ms; }
.cssdot:nth-child(2) {-webkit-animation: fx 1000ms ease infinite 300ms; animation: fx 1000ms ease infinite 300ms; }
.cssdot:nth-child(3) {-webkit-animation: fx 1000ms ease infinite 600ms; animation: fx 1000ms ease infinite 600ms; }
/*====*/
.skew img {overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
.skew img:hover {border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.thanh_title{position: relative;float: left;width: 100%;text-transform: uppercase;margin-bottom: 20px;border-bottom: 1px solid #17a400}
.thanh_title:after{content: "";background: url(images/bf_danhmuc.jpg) no-repeat;width:41px;height: 35px;position: absolute;top: 3px;left: 4px;}
.thanh_title h3{font-family:'UTMAvoBold';font-size:17px;color: #fff;background: #17a400;padding:12px 10px 12px 50px;min-width: 300px;display: inline-block;line-height: 1}

/*-------slider------*/
#slider{/*border-bottom: 1px solid #C9EADB;*/float: left;width: 100%;}
#slider #amazingslider-wrapper-1{margin: 0px !important;}
#slider .amazingslider-arrow-right-1{background: url(images/next_sl.png)center center no-repeat !important;}
#slider .amazingslider-arrow-right-1:hover{opacity: 0.5;}
#slider .amazingslider-arrow-left-1{background: url(images/prev_sl.png) center center no-repeat !important;}
#slider .amazingslider-arrow-left-1:hover{opacity: 0.5;}
/*-------slider------*/
div#menu_mobi {display:none; }
div#menu {position:relative; background:rgba(255,255,255,0.2); height:83px; line-height:83px; margin:auto; width:100%;border:3px solid #e2d371;border-top: none;padding: 0px 20px;}
div#menu ul {list-style:none;float: left;}
div#menu > div > ul {width:680px}
div#menu ul li {float:left; position:relative; z-index:9999999; padding: 0px 0px;}
div#menu > div > ul > li{top:5px;}
div#menu ul li a {color: #ff0; font-size: 15px; padding: 0px 25px;text-transform: uppercase; display: block; font-family: 'RobotoRegular';}
/*div#menu div ul li:after{content:"";width:1px;height:11px;background: url(images/gach_menu.jpg) no-repeat;position: absolute;right: 0px;top: 22px;}
div#menu div ul li:nth-last-child(1):after{display: none;}*/
div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li a.active2{color:#ff8229; }
div#menu>div>ul>li>a:hover,div#menu>div>ul>li>a.active,div#menu>div>ul>li>a.active2{}
div#menu ul li a:hover span,div#menu ul li a.active span,div#menu ul li a.active2 span{}
div#menu ul li ul,div#menu ul li:hover ul li ul {position:absolute; margin-left:0px; display:none;}
div#menu ul li:hover ul {display:block;}
div#menu > div > ul > li:hover > ul{top: 80px;}
div#menu ul li ul li {width:220px; line-height:1.5;background:#004000;border-bottom:1px solid #e2d371;}
div#menu ul li ul li a {padding:6px 10px; text-transform:none; }
div#menu ul li ul li a:hover{color: #ff8229}
div#menu ul li ul li ul {left:220px; top:0px; } 
/*-------------------------------*/
/*-------meu-danhmucleft-------*/
div.khung_danhmuc {margin-bottom: 15px;float: left;width: 100%}
div#danhmuc {border-left:none; border-right:none; padding:0px 0px;float: left;width: 100%;}
div#danhmuc ul li {position:relative;background: url(images/bg_li_dm.jpg) repeat;}
div#danhmuc>ul>li:last-child>a {border:none;}
div#danhmuc ul li ul{position:absolute; left:100%; width:100%; top:0px;display:none;z-index: 999999;background: #fff;}
div#danhmuc ul li a {padding:10px 10px 10px 35px;color:#7f7f7f; font-family:'RobotoRegular'; font-size:15px; display:block; position:relative;}
div#danhmuc ul li a:hover {color:red; }
div#danhmuc ul li a:before{position: absolute;left: 23px;top: 15px;content: "";float: left;width:4px;height:7px;background: url(images/bf_li.png) no-repeat;}
div#danhmuc ul li ul li a {padding: 9px 5px 9px 22px;}
div#danhmuc ul li ul li a:after, div#danhmuc ul li ul li a:before{display:none;}
div#danhmuc ul li ul li:nth-last-child(1) a{border-bottom: none;}
.khung_danhmuc .thanh{position: relative;float: left;width: 100%;font-family:'UTMAvoBold';font-size:17px;color: #fff;text-transform: uppercase;background: #17a400;padding:12px 15px;line-height: 1}
.khung_danhmuc .thanh:before{content: "";background: url(images/bf_danhmuc.jpg) no-repeat;width:41px;height: 35px;position: absolute;top: 3px;left: 4px;}
.khung_danhmuc .thanh p{padding-left: 35px;}
/*------endcotleft----------*/
/*------timkiem-----*/
.w_khungsearch{float: left;}
#timkiem{display: none;position: absolute;bottom: -21px;right:0px;z-index: 9999999999999999999999999;width: 250px;float: right;background-color: #fff;height: 35px;border:none;border: 1px solid #e2e2e2}
#timkiem input{font-family:'RobotoCondensedRegular';float: left;width:calc(100% - 40px);height: 33px;outline: none;border: none;background-color: #e7dddd;font-size: 14px;color: #000;padding-left: 10px;}
#timkiem button {display: flex;align-items: center;justify-content: center;float: left;position: relative; width: 40px; height:33px; outline: none; border: none;background: #004000}
/*#timkiem button:before{content:"";position: absolute;top: -5px;right: 0px;left: 0px;margin: auto;background: #fff;width:12px;height:12px;transform: rotate(-45deg);}
*/
#timkiem input::-webkit-input-placeholder {color: #818181;font-size: 13px;font-family:'RobotoCondensedRegular'}
#timkiem input:-moz-placeholder { /* Firefox 18- */color: #818181;font-size: 13px;font-family:'RobotoCondensedRegular'}
#timkiem input::-moz-placeholder {  /* Firefox 19+ */color: #818181;font-size: 13px;font-family:'RobotoCondensedRegular'}
#timkiem input:-ms-input-placeholder {  color: #818181;font-size: 13px;  font-family:'RobotoCondensedRegular'}
.icon_search{float: right;padding-left:0px;cursor: pointer;border-top: none;border-bottom: none;position: relative;}
.active_search{display: block!important;}

#search_mobi input::-webkit-input-placeholder {color: #fff;font-size: 13px;}
#search_mobi input:-moz-placeholder { /* Firefox 18- */color: #fff;font-size: 13px;  }
#search_mobi input::-moz-placeholder {  /* Firefox 19+ */color: #fff;font-size: 13px;}
#timsearch_mobikiem input:-ms-input-placeholder {  color: #fff;font-size: 13px;  }
/*------timkiem-----*/
/*---------header---------*/
/*-----------------------------------*/
.lienket{margin: 0px 0px 0px 0px;float: right;padding-top: 0px;position: relative;}
.lienket label{ float: left; font-weight: bold;  color: #fff; margin:3px 10px 0px 0px;  }
.lienket p{float: left;font-size: 14px;font-family: "RobotoCondensedRegular";color: #000000;margin-right: 37px;padding-top: 8px;}
.lienket p:nth-child(2){margin-right: 20px;}
.lienket a{padding: 0px 8px 0px 8px;float: left;color: #fff}
.lienket h4{ float: left; font-size: 13px;color: #fff;font-weight: normal;margin-right: 19px;padding-top: 8px;font-family: "RobotoRegular";}
.lienket img:hover{opacity: 0.7;}
/*==============*/
/*-----sanpham----*/
.content_sanpham{float: left;width: 100%;margin-bottom: 20px;}
.sanpham{float: left;width: 100%}
.chay_spmain{margin: 0px -15px;}
.item{float: left;position: relative;padding: 15px 15px;}
.item .product_images{position: relative;width: 100%;padding: 0px;float: left;}
.item .product_images img {border: none;float: left;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;width: 100%;}
.item .product_images:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.item > .product_images > a > span{position: absolute;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;background: url(images/i_km.png) no-repeat;top: 9px;right: 9px;font-size: 14px;color: #fff;}
.ten_item{float: left;width: 100%;background: #eeeeee;border-top: 1px solid #fff;padding: 5px;text-align: center;}
.ten_item h3{font-size:17px;font-family: 'RobotoCondensedRegular';color: #515151}
.ten_item .giaban{font-size:17px;font-family: 'RobotoCondensedRegular';color: #c22121}
.ten_item .giasi{font-size:14px;font-family: 'RobotoCondensedRegular';color: #515151;padding-bottom: 5px;}
.slick-prev{position: absolute;top: -45px;right:40px;width: 20px;height: 20px;background: url(images/prev_s.png);}
.slick-next{transform:rotate(180deg);position: absolute;top: -45px;right:16px;width: 20px;height: 20px;background: url(images/prev_s.png);}
/*-----------------------------------*/
#thongke {float: right;width: 228px;height: 132px;background: url(images/i_thongke.png) no-repeat;padding: 40px 33px 0px 97px;margin-top: 5px;}
#thongke li{color: #f9f9f9;font-size: 14px;padding: 0px 0px 0px 0px;line-height: 1.4;}
#thongke span{float: right;}
/*===========*/
/*==============================Top================================*/
#top {width: 37px;height: 37px;position: fixed;bottom: 30px;right: 20px;text-indent: -99999px;cursor: pointer;background: url(images/back_to_top.png) top center no-repeat;transition: 0.5s;z-index: 200;}
#top:hover {background: url('images/back_to_top.png') bottom center no-repeat;transition: 0.5s;}
.left-right{float: left;width: 100%;}
/*======================*/
/*=======css trang trong======*/
.box_new{ width: 100%; float: left; padding: 15px 0px 15px 0px;border-bottom: 1px dashed #D9D9D9;}
.box_new img{ border:1px solid #B2B5B8; padding:0px; float: left; margin:0px 10px 0px 0px;padding: 3px;background: #fff;}
.box_new img:hover{opacity: 0.5;}
.box_new h3{font-size: 14px;color: #333;font-weight: bold;line-height: 1.3;margin-bottom: 5px;text-transform: uppercase;font-family: 'RobotoCondensedBold';}
.box_new p{ font-size: 13px; color: #3E3E3E;} 
.box_new a.xemtintrong {font-family: 'RobotoItalic';text-decoration: underline;color: #0864bb;font-size: 13px;float: right;}
.box_new p a:hover{color: red;}
.box_new span{float:left;color: #a4a4a4;font-size: 12px;font-style: italic;}
.box_new:nth-child(1){padding-top: 0px;}
.box_new:hover h3{ color: red;} 
.box_new_border{border-bottom: 1px dashed #E2E2E2;}
/*================Chi tiết sản phẩm======================*/
/*================Chi tiết sản phẩm======================*/
.chitiet_sanpham {margin-bottom: 10px;margin-top: 40px;float: left;float: left;width: 100%}
.imgsp {float: left; width:40%;margin-bottom: 20px;text-align: center;}
.custom-container{width: 100%;float: right;}
.custom-container .prev,.custom-container .netxt{float: left;}
.custom-container .next,.custom-container .prev{font-size: 20px;}
.custom-container .next:hover,.custom-container .prev:hover{color: red;}
.img_detail{float: left;width: 100%}
.main_img_detail{float: left;width: 100%;padding-top: 15px;}
.box_des_detail {padding: 0px 5px;width: 57%;float: right;}
.item_des_detail {padding: 5px 0px;font-family: 'SFUEurostileCondensed';font-size: 17px;color: black;float: left;width: 100%;border-bottom: 1px solid #eee}
.item_des_detail i{color: #ff0000;font-style:normal;}
.ten_detail{float: left;width: 100%;font-size:20px;text-transform: uppercase;}
.w_chiase{float: left;width: 100%;background: #e2e2e2e2;padding: 12px 10px 0px 10px}
.chitiet_sanpham > p {text-align: justify;}
.app-figure {width: 100% !important;float: left;margin-top: 10px;}
.abulum {width: 100% !important;float: left;}
.anh_daidien {width: 100%;text-align: center;}
.MagicZoom img {max-width: 100% !important;position: relative;}
.selectors {margin-top: 10px;}
.selectors .mz-thumb img {max-width: 56px;}
.img_item {width: 100% !important;}
.item_sub_img {margin-right: 5px;}
.des-soluong{margin-bottom: 10px;float: left;width: 100%;}
.item_des_detail .qty{display: block;float: none;margin-bottom: 5px;text-align: left;text-transform: uppercase;font-size: 12px;font-weight: bold;font-family: 'RobotoBold';}
.item_des_detail button{background-color: #f5f5f5;border: 1px #eaeaea solid;transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;color: #333;font-size: 15px;padding: 12px 14px 9px 16px;font-weight: bold;cursor: pointer;float: left;}
.item_des_detail button:nth-of-type(2){padding: 15px 14px 6px 16px;}
.item_des_detail button:hover{color: #fff;background: #D00000;}
.item_des_detail input{padding: 0 5px 1px;height:38px;border: 1px #ddd solid;text-align: center;margin: 0px 5px;width: 80px;color: #333;text-align: center;float: left;}
#hinhcon_mo{float: left;width: 100%;margin-top: 30px}
.chayhinhcon{margin: 0px -5px;}
.item_sub_img{padding: 0px 5px}
/*======chitietsanpham=======*/

/*======chitietsanpham=======*/

 /*----hinhanh*/
.tieude{ margin: 0px 0px 2px 0px; width: 100%; float: left; color: #666; font-size: 24px;}
.hinhanh-item{float: left;text-align: center;margin-bottom:30px}
.hinhanh-item img{float: left;width: 100%}
.loaded{float: left;width:calc(100% / 4);padding: 0px 15px;}
.loaded .rel{position: relative;}
.loaded img{width: 100%}
.ten_item h3:hover{color: #ff0000}
#grid{margin: 0px -15px!important;}
 /*----hinhanh*/
 /*--------videotrangcon------*/
.box_video{float: left; margin-bottom: 23px;}
.box_video img{ width: 100%}
.box_video h3{ text-align: center; margin:10px 0px 0px 0px; width: 100%; float: left; font-size: 14px;}
.box_video:hover{ opacity: 0.8;}
.box_video:nth-child(4n){margin-right: 0px;}
.box_video:hover a h3 {color: #d5aa16; }
.box_video a h3 {text-align: left; margin: 5px 0px 0px 0px; width: 100%; float: left; font-size: 14px; color: #035F67; font-weight: bold; overflow: hidden; }
 .video_info {font-size: 12px; color: #767676; line-height: 1.3em; }
 /*--------videotrangcon------*/
 /*---------tranglienhe--------*/
.khung_trai{ width: 100%; float: left; margin-left: 0px;color: #fff;}
.khung_phai{ width: 100%; float: right; padding: 0px;}
.thongtin_lh{ width: 100%; float: left; padding: 0px 40px 20px 0px;}
.thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B}
.form_contact{float: left;width: 100%}
.form_lh{float: right;width: 100%}
.form_lh fieldset{padding: 0px 10px 10px 10px; margin: 0px 0px 0px 0px; /*border: 1px solid #A5DFFF;*/ border: 1px solid #61AE01; }
.form_lh legend{ padding:0px 10px 0px 10px;  font-style: italic; /*color: #1589E4;*/ color: #61AE01;}
.form_lh p{ padding: 5px 0px 5px 0px;}
.form_lh p input{border-radius: 4px; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; }
.form_lh p label{ width: 115px; float: left;color: black;}
.form_lh p textarea{border-radius: 4px; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; height: auto; }
.form_lh p button{color: #fff; background-color: #e5e5e5; border-color: #24720C; display: inline-block; padding: 6px 13px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; border-radius: 4px;}
.form_van input{ width: 100% ; padding: 5px;}
.form_van button{ position: absolute; z-index: 1000; top: 1px; right: 0px; color: #eee; padding: 5px; border: 0px; background: #E78D00}
#form_contact input{ padding: 5px;} 
#map_canvas{float: left;width: 100%;height: 400px;}
/*---------tranglienhe--------*/
/*========end csstrangtrong======*/
/*=====video-list====*/
.video{ width: 415px; float: right;padding-top: 20px}
.clip_index{float: right;width: 100%;}
.content_clip_index{float: left;  width: 100%;border-top: none;}
.box_video_index{float: left;width: 100%;height: 270px;margin-bottom: 2px;}
#chon_video{margin-top: 5px;outline: none; width: 100%;height: 33px;border: 1px solid #ccc;background: #fff;font-size: 13px;color: #000;font-family: "RobotoRegular";padding-left: 10px;}
.box_video{margin:0px auto;padding:0px;box-sizing:border-box; width: 280px;margin-right: 23px;margin-bottom: 23px;}
.box_video img{ max-width: 100%;}
.box_video a h3{ text-align: left; margin:5px 0px 0px 0px; width: 100%; float: left; font-size: 14px;color:#035F67;font-weight: bold;overflow: hidden;}
.box_video:hover a h3{color:#d5aa16;}
.box_video:hover{ opacity: 0.8;}
.video_info{font-size: 12px;color:#767676;line-height: 1.3em;}
.video_info .loai_vid a{font-size: 13px;color:#767676;}
.video_info .loai_vid:hover a{color:#167ac6;}
.box_vid{width:70%;float: left;}
.box_vid iframe{height:500px;}
.box_vid h1{font-size: 24px;color:#fff;width:100%;background:rgba(0,0,0,.7);padding:15px 10px;box-sizing:border-box;}
.vid_cmt{width:100%;height:auto; float: left; margin-top: 10px;}
.other_vid{width:28%;float: right;}
.title_other{color:#003466;font-size: 14px;font-weight: bold; border-bottom: 1px solid #ccc;text-transform: uppercase;}
.other_vid .box_video_detail{width:100%;padding:7px;box-sizing:border-box;}
.other_vid .box_video_detail img{width:40%;float: left;height:auto;}
.box_video_detail .vid_info{width:58%;float: right;color:#767676;line-height: 1.3em;font-size: 12px;}
.box_video_detail .vid_info a h3{font-size: 13px;font-weight: 500;color:#08678E;font-weight: bolder;}
.box_video_detail:hover .vid_info a h3{color:#d5aa16;}
.vid_info .loai_vid a{font-size: 13px;color:#767676;}
.vid_info .loai_vid:hover a{color:#167ac6;}
.box_video .luotxem{ font-style: italic; color: #666; font-size: 12px; }
/*======video-list=====*/
/*=====footer========*/
#footer{float: left;width: 100%;}
.content_ft{width:100%;float:left;padding: 20px 0px;text-align: center;line-height: 1} 
.content_ft span a{position: relative;color: #9f9d93;font-size: 13px;text-transform: uppercase;;font-family:'RobotoRegular';padding:0px 20px;display: inline-block;}
.content_ft span a:after{content:"";position: absolute;right: 0px;top: 2px;background: #394c3a;width:2px;height:12px;}
.content_ft span:nth-last-child(1) a:after{display: none;}
.content_ft span a:hover{color: #ff8229}
.w_bando{float: left;width: 100%;height: 200px;overflow: hidden;}
.w_bando_lh{float: left;width: 100%;height: 400px;overflow: hidden;}
.w_bando iframe{width:100%;height: 100%}
.w_bando_lh iframe{width:100%;height:400px}
/*---------copyright----*/
#copyright{float: left;width: 100%;background:#17baf9;font-family:'RobotoRegular';font-size: 13px;color: #fcfbfb}
.copy_thongke{padding: 10px 0px;}
#copyright p{margin: 0px;}
.thong_ke_bot{float: left;width: 100%;color: #fff;font-size: 13px;font-style: italic;margin-top: 10px;}
/*=====footer========*/
.lienket_ft {float: left;width: 100%;margin-top: 20px;display: flex;align-items: center;}
.lienket_ft p{float: left;color:#fff;font-size:13px;font-style: italic;}
.icon-footer{float: right;padding-left: 15px;}
.lienket_ft a:last-child{margin-right: 0px;}
.lienket_ft a{margin:0px 10px 0px 0px;float: left;}
.lienket_ft img{border: none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;}
.lienket_ft img:hover{opacity: 0.6;}
/*====*/
.w_fixauto{max-width:900px;position: absolute;left: 0px;right: 0px;top: 50px;margin: auto;}
.left_intro{float: left;width: 125px;height:550px;position: relative;}
.img_bannner img{height: 100%}
.logo_intro{position: absolute;left: 0px;bottom: 0px;}
.right_intro{float: right;width:calc(100% - 125px);}
.slider_intro{float: left;width: 100%;}
.bottom_intro{float: left;width: 100%;padding: 20px 10px}
.flex_bottom_intro{display:flex;align-items:center;width: 100%;justify-content: space-between;}
.bottom_intro .bottom_trai{width:49%;font-family:'RobotoRegular'}
.bottom_intro .bottom_top{display: flex;align-items: center;}
.bottom_intro .bottom_trai .bottom_top a{color: #e2d371;padding: 0px 20px;font-size:25px;;position: relative;}
.bottom_intro .bottom_trai .bottom_top a:after{content:"";width:5px;height:23px;right: 0px;top: 8px;background: #e2d371;position: absolute;}
.bottom_intro .bottom_trai .bottom_top a:nth-last-child(1):after{display: none;}
.bottom_intro .bottom_trai .bottom_top a:nth-child(1){padding-left:0px;}
.bottom_intro .bottom_trai .bottom_top a:hover{color: #ff0}
.bottom_intro .bottom_phai{width:61%;font-family:'RobotoBold';color: #e2d371;font-size: 15px}
/*==*/
.w_pslq{float: left;width: 100%;}
#left{float: left;width:125px ;position: relative;}
#right{width:835px;float: right;}
.w_bgtrang{background: #f6f6f6;border:2px solid #e2d371;min-height: 100px;clear: both;padding: 40px;float: left;width: 100%}
.box_sp{float: left;width: 100%;padding: 15px;margin-bottom: 20px;display: flex;align-items: center;box-shadow: 0 0 3px #afadad;}
.img_boxsp{width: 236px;margin-right: 15px;}
.info_boxsp{width:425px;}
.info_boxsp span{float: left;width: 100%;font-family:'RobotoRegular';font-size: 15px;color: #444444;border-bottom: 1px solid #e4e4e4;padding-bottom: 5px;margin-bottom: 5px;font-weight: 100;background: url(images/bg_span.png) no-repeat left top 6px;padding-left: 20px;}
.info_boxsp span:nth-last-child(1){border: none;}
/*==*/
.item_danhmuc{float: left;width: calc(100%/5);padding:0px 6px;overflow: hidden;}
.item_danhmuc img{max-width: 100%;-webkit-filter: grayscale(100%);filter: grayscale(1);transition: all 0.7s;}
.item_danhmuc:hover img{-webkit-filter: grayscale(100%);filter: grayscale(0);}
.item_danhmuc div.ten_danhmuc{transform:rotate(90deg);width:370px;position: absolute;left: -172px;top:172px;font-family:'RobotoBold';font-size: 20px;text-transform:uppercase;color: #FFCC00;text-align: left;}
.item_danhmuc div.ten_danhmuc .span1{position: relative;width: 100%;float: left;}
.item_danhmuc div.ten_danhmuc .span1 .span2{position: absolute;top:-20px;transition: 1.5s;right:100%;white-space:nowrap;left:5%;}
.item_danhmuc:hover div.ten_danhmuc{color: #ffcc00;}
.item_danhmuc:hover div.ten_danhmuc .span1 .span2{right:0%;left: auto;}
.margin_index{margin: 0px -6px}
.bor_css{float: left;width: 100%;border: 1px solid #ccc;position: relative;}
/*==*/
.w_hinh{float: left;width: 100%}
.w_noidungnhaxuong{float: left;width: 100%}
.w_hinhto{float: left;width: 100%;margin-top: 15px;}
.w_thumb{float: left;width: 100%;margin:10px 0px 30px 0px;}
.chay_hinhthumb{margin: 0px 0px}
.item_hinhthumb{padding: 0px 5px;}
.item_hinhhrto{float: left;}
.item_hinhhrto img{max-width: 100%}
.item_hinhthumb img{max-width: 100%}
/*==*/
.w_tabsanpham{float: left;width: 100%}
.thanh_tabsp{float: left;width: 100%}
.click_tab{float: left;padding: 5px 10px;background: #004000;color: #fff;font-family:'RobotoRegular';font-size: 15px;border-radius: 5px;cursor: pointer;margin-right: 5px;}
.click_tab:hover{color: #ff0}
.active_tab{color: #ff0}
.content_tabsp{float: left;width: 100%}
/*===*/
.w_ngonngu_2{display:flex;align-items: center;}
.ngonngu2{margin-left: 10px;}
.goog-te-menu-value span:nth-child(1){display: none;}
.ngonngu{position: absolute;top: 3px;right: 0px;display: inline-block;line-height: 1}
.w_ngonngu_ft{display: flex;align-items: center;justify-content: center;clear: both;width: 100%;background: #ff8229;padding: 5px 0px;}
.ngonngu1{margin-left: 10px;}
.ngonngu1 .laco1 img{width:43%}
.back_history{font-family:'RobotoRegular';font-size: 13px;text-transform: uppercase;color: #9f9d93;cursor: pointer;padding: 0px 5px}
.back_history:hover{color: #ff8229}