::-webkit-scrollbar {background:#fff;width:10px;height:11px;}
::-webkit-scrollbar-thumb {background:#BBBBBB;}
.box_container{width:88%;margin:auto;}
.box_container .content{padding:10px 0px;}
.tt_lh{width: 49%;float: left;}
.bando{width: 49%;float: right;}
.bando iframe{ width:100% !important; border:1px solid #ddd !important; padding: 5px;}
/*div.left_gh{width:65%;float:left;}
div.right_gh{width:33%;float:right;}
.box_news{width:47%; display:inline-block;vertical-align: top; margin:0 1%;}*/

.dangky{width: 49%;float: left;}
.dangky_frm{padding: 10px 20px;position: relative;border: 1px solid #D6D6D6; margin-top: 10px;box-sizing:border-box;}
div.dangnhap{float:right;width:49%;position:relative;}
div.tieude_dangky{position: absolute;background: #F7F7F7;padding: 3px 15px;top: -16px;left: 20px;border: 1px solid #D6D6D6;font-size: 13px;}
div.tieude_dangnhap{border-bottom: 1px solid #D6D6D6;line-height:35px;margin-bottom:10px;font-size: 13px;}
.popup_thongbao{width: 300px;background: #fff;text-align: center;/* border: 1px solid #ffffff; */font-size: 13px;/* border-radius: 5px; */overflow: hidden;}
.popup_thongbao .tieude_tb{background: #d0041a;padding: 7px;color: #fff;text-transform: uppercase;font-weight: bold;font-size: 15px;font-family: 'tieude';}
.popup_thongbao .popup_kq{padding: 10px;/* font-weight: bold; */color: #000000;min-height: 70px;align-items: center;font-size: 14px;}

/*Form lien he*/
div.frm_lienhe{margin:10px 0px 10px 0px;font-size:13px;position:relative;}
.thongbao{font-size: 20px;color: red;position: absolute;top: 35%;width: 100%;text-align: center;}
.thongbao p{text-align:center;}
div.frm_lienhe .item_lienhe{margin:8px 0px; clear:both;}
div.frm_lienhe .item_lienhe_b{text-align:center;}
div.frm_lienhe .item_lienhe p{float:left;width:100px;}
div.dangky .item_lienhe p{clear:both;float:none;}
#reset_capcha img{float:left;margin:5px 10px;}
.baove{float:left !important;}
div.frm_lienhe .item_lienhe span{color:red;margin-left:3px;}
div.frm_lienhe .item_lienhe input[type='text'],div.frm_lienhe .item_lienhe textarea,div.frm_lienhe .item_lienhe input[type='password'],div.frm_lienhe .item_lienhe select{width: 65%;padding: 8px 10px;border: 1px solid #cfcfcf;box-sizing: border-box;background: #ffffff;}
div.dangky_frm .item_lienhe input[type='text'],div.dangky_frm .item_lienhe textarea,div.dangky_frm .item_lienhe input[type='password'],div.dangky_frm .item_lienhe select{width: 100%;}
div.frm_lienhe .item_lienhe input[type='button'],div.frm_lienhe .item_lienhe input[type='reset'],div.frm_lienhe .item_lienhe input[type='submit']{padding: 10px 25px;background:#ee0303;border:none;color:#fff;margin:10px 0px;font-size: 13px;cursor:pointer;box-sizing: border-box;text-transform: uppercase;}
.btn_dangnhap{padding:7px 25px;background:#ee0303;border:none;display:block;color:#fff;border-radius:3px;margin:10px 0px;cursor:pointer;box-sizing: border-box;text-transform: uppercase;text-decoration:none;float:left;margin-right:5px;}
.date{background:#F7F7F7 url(../images/i_date.png) 98% center no-repeat !important;padding-right: 8%;cursor:pointer;}
#tendangnhap{background:#F7F7F7 url(../images/i_user.png) 2% center no-repeat !important;padding-left: 8%;}
#matkhau,#nhaplaimatkhau,#matkhaucu{background:#F7F7F7 url(../images/i_pass.png) 2% center no-repeat!important;padding-left: 8%;}
/*Form lien he*/

/*css tin tuc*/
.box_news{padding: 1.5%;border: 1px solid #dedede;width:100%;vertical-align: top;margin: 20px 0;}
.box_news h3 a{font-size: 15px;color:#1f1f1f;margin: 5px 0;transition:0.4s;text-decoration:none;display:block;font-family: 'tieude';}
.box_news .ngaytao{color: #5a5a5a;margin-bottom: 4px;font-style:italic;display: none;}
.box_news .ngaytao span{margin-left:15px;}
.box_news .ngaytao i{ margin-right:5px;}
.box_news .mota{line-height:1.7;}
.box_news h3 a:hover{color:#F00;transition:0.4s;}
.box_news a.chitiet{color:#00F;}
.box_news a{text-decoration:none;}
.box_news a img{float:left;width: 40%;max-width:170px !important;transition:1s;margin-right: 15px;}
.box_news a img:hover{opacity:0.4;transition:1s;}
.othernews{border: 1px solid #DEDEDE;padding: 5px;background: #F7F7F7;}
.othernews .cactinkhac{font-size:20px;color:#0066FF;}
.othernews ul.khac{list-style:none;margin-left:15px;}
.othernews ul.khac li{background:url(../images/i_tinkhac.html) left 3px no-repeat;padding:3px 5px 3px 18px;color:#AAAAAA;}
.othernews ul.khac li a{color:#4A4A4A;text-decoration:none;transition:0.4s;}
.othernews ul.khac li a i{ margin-right:6px;}
.othernews ul.khac li a:hover{color:red;padding-left:10px;transition:0.4s;}
/*css tin tuc*/

/*----------css ban do-------------*/
#map_canvas {height: 500px;width: 99%;margin:0px auto;border:1px solid #BBB;}
.map_description {color: #000000;overflow: auto;max-width: 300px;}
.map_title {color: #30A602;font-weight: bold;}
/*----------css ban do-------------*/

/*----------Phan trang-------------*/
.pagination {margin: auto;width: auto;text-align: center;margin-top: 10px;}
.pagination .pages li.prev {margin-right: 15px;}
.pagination .pages li.next {margin-left: 15px;}
.pagination .pages li {display: inline-block;margin: 5px 2px;}
.pagination .pages li a {height: 25px;padding: 4px 8px;text-decoration: none;color: #666666;font-weight: bold;border: 1px solid #d5d5d5;font-size: 11px;}
.pagination .pages li a:hover {background: #f6f6f6;}
.pagination .pages li .active {background:#424852;color: #fff;border-color: #424852;}
.pagination .pages li .active:hover {background: #2a313d;}
/*----------Phan trang-------------*/

/*----------Phan trang ajax-------------*/
.pages_ajax{ display:inline-block;}
.pages_ajax li {display: inline-block;margin: 5px 2px;height: 25px;padding: 4px 8px;text-decoration: none;color: #666666;font-weight: bold;border: 1px solid #d5d5d5;font-size: 11px;box-sizing: border-box;min-width: 30px;cursor: pointer;}
.pages_ajax li.actived,.pages_ajax li:hover {background: #2a313d; color:#fff;}
span.total{ display:none;}
/*----------Phan trang ajax-------------*/

/*----------danh gia sao-------------*/
.danhgiasao{cursor:pointer;}
.danhgiasao span{background:url(../images/star.gif) center top no-repeat;display:inline-block;width:16px;height:16px;cursor:pointer;}
.danhgiasao span.active{background:url(../images/star.gif) center -48px no-repeat;}
.danhgiasao span.hover,.danhgiasao span.default{background:url(../images/star.gif) center -32px no-repeat;}
/*----------danh gia sao-------------*/

/*----------Loading-------------*/
#pre-loader{background: #F5F5F5;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
.loader {position: relative;width: 2.5em;height: 2.5em;transform: rotate(165deg);  position: absolute;top: calc(50% - 1.25em);left: calc(50% - 1.25em);}
.loader:before, .loader:after {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 0.5em;height: 0.5em;border-radius: 0.25em;transform: translate(-50%, -50%);}
.loader:before {animation: before 2s infinite;}
.loader:after {animation: after 2s infinite;}
@keyframes before {0% {width: 0.5em;box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);}35% {width: 2.5em;box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);}70% {width: 0.5em;box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);}100% {box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);}}
@keyframes after {0% {height: 0.5em;box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);}35% {height: 2.5em;box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);}70% {height: 0.5em;box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);}100% {box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);}}
/*----------Loading-------------*/

/*----------css hieu ung-------------*/
.hover_sang1{position:relative; overflow:hidden;}
.hover_sang1:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);content: '';z-index:10;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);
transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.hover_sang1:hover:before {webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}

.hover_sang2{position:relative; overflow:hidden;}
.hover_sang2:before{position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover_sang2:hover:before {transition: 1s;left: 100%;}

.hinh_mo{ position:relative; z-index:2;}
.hinh_mo:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );}

.trang_den{filter: grayscale(100%);-moz-filter: grayscale(100%);-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.trang_den:hover{filter: grayscale(0%);-moz-filter: grayscale(0%);-webkit-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);}
.zoom_hinh{ overflow:hidden;}
.zoom_hinh img{transition:all 0.5s ease 0s;}
.zoom_hinh:hover img{transform:scale(1.2);}

.xoay_hinh{ overflow:hidden;}
.xoay_hinh img{transition:all 1s ease 0s;}
.xoay_hinh:hover img{transform:rotate(360deg);}
.zoom_mo{ position:relative;}
.zoom_mo:before{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background-color: rgba(255, 255, 255, 0.2);-webkit-transform: scale(0.2);-ms-transform: scale(0.2);-o-transform: scale(0.2);transform: scale(0.2);-webkit-transition: ease-in-out 500ms;-o-transition: ease-in-out 500ms;transition: ease-in-out 500ms;z-index: 1;}
.zoom_mo:hover:before{-webkit-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);opacity: 1;}

.hover_sang3{ overflow:hidden; position:relative;}
.hover_sang3: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;
}
.hover_sang3: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;}
.hover_sang3:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hover_sang3:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}

/*----------css hieu ung-------------*/
div#tags{ margin-top:10px;}
div#tags a {display: inline-block;border: 1px solid #DDD;padding: 3px 5px;text-decoration: none;color: #222222;}
div#tags a:hover{ color:red;}
div#tags span {display: inline-block;border: 1px solid #DDD;padding: 3px 5px;text-decoration: none;color: #222222;background: #DDDDDD;
}
div.td_gh{font-size:18px;margin:10px 0;text-transform:uppercase;}

div.wap_load{background:#fff;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.cssload-thecube{width:50px;height:50px;margin:0 auto;margin-top:49px;position:relative;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px;}.cssload-thecube .cssload-cube{position:relative;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);}.cssload-thecube .cssload-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}.cssload-thecube .cssload-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(43,160,199);animation:cssload-fold-thecube 2.76s infinite linear both;-o-animation:cssload-fold-thecube 2.76s infinite linear both;-ms-animation:cssload-fold-thecube 2.76s infinite linear both;-webkit-animation:cssload-fold-thecube 2.76s infinite linear both;-moz-animation:cssload-fold-thecube 2.76s infinite linear both;transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;}.cssload-thecube .cssload-c2{transform:scale(1.1) rotateZ(90deg);-o-transform:scale(1.1) rotateZ(90deg);-ms-transform:scale(1.1) rotateZ(90deg);-webkit-transform:scale(1.1) rotateZ(90deg);-moz-transform:scale(1.1) rotateZ(90deg);}.cssload-thecube .cssload-c3{transform:scale(1.1) rotateZ(180deg);-o-transform:scale(1.1) rotateZ(180deg);-ms-transform:scale(1.1) rotateZ(180deg);-webkit-transform:scale(1.1) rotateZ(180deg);-moz-transform:scale(1.1) rotateZ(180deg);}.cssload-thecube .cssload-c4{transform:scale(1.1) rotateZ(270deg);-o-transform:scale(1.1) rotateZ(270deg);-ms-transform:scale(1.1) rotateZ(270deg);-webkit-transform:scale(1.1) rotateZ(270deg);-moz-transform:scale(1.1) rotateZ(270deg);}.cssload-thecube .cssload-c2:before{animation-delay:0.35s;-o-animation-delay:0.35s;-ms-animation-delay:0.35s;-webkit-animation-delay:0.35s;-moz-animation-delay:0.35s;}.cssload-thecube .cssload-c3:before{animation-delay:0.69s;-o-animation-delay:0.69s;-ms-animation-delay:0.69s;-webkit-animation-delay:0.69s;-moz-animation-delay:0.69s;}.cssload-thecube .cssload-c4:before{animation-delay:1.04s;-o-animation-delay:1.04s;-ms-animation-delay:1.04s;-webkit-animation-delay:1.04s;-moz-animation-delay:1.04s;}@keyframes cssload-fold-thecube{0%,10%{transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{transform:perspective(136px) rotateY(180deg);opacity:0;}}@-o-keyframes cssload-fold-thecube{0%,10%{-o-transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{-o-transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{-o-transform:perspective(136px) rotateY(180deg);opacity:0;}}@-ms-keyframes cssload-fold-thecube{0%,10%{-ms-transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{-ms-transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{-ms-transform:perspective(136px) rotateY(180deg);opacity:0;}}@-webkit-keyframes cssload-fold-thecube{0%,10%{-webkit-transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{-webkit-transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{-webkit-transform:perspective(136px) rotateY(180deg);opacity:0;}}@-moz-keyframes cssload-fold-thecube{0%,10%{-moz-transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{-moz-transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{-moz-transform:perspective(136px) rotateY(180deg);opacity:0;}}

/*Popup*/
div.login-popup
{
	position:fixed;
	z-index:999;
	display:none;
	width:90%;
	min-width:250px;
	max-width:700px;
	top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
div.datngay_popup
{
	padding:20px;
	background:#fff;
}
div.close-popup
{
    cursor: pointer;
    z-index: 999;
    position: absolute;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    right: -30px;
    top: -30px;
    z-index: 999999;
    -webkit-transition: all .5s ease-in-out;
    background-size: 40% 40%;
    -moz-transition: all .5s ease-in-out;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    box-shadow: 0 0 60px rgba(0,0,0,.4);
    border: 1px solid rgba(255,255,255,.5);
    background-color: rgba(255,255,255,.2);
    content: 'x';
    font-size: 29px;
    color: #cbcbcb;
}
div.close-popup:hover
{
	background-color: rgba(255,255,255,.3);
    box-shadow: 0 0 20px rgba(255,255,255,.8);
}
div#baophu
{
	background:#000;
	opacity:0.8;
	z-index:998;
	left:0px;
	top:0px;
	position:fixed;
	width:100%;
	height:100%;
	display:block;
}

div.popup_donhang
{
	position:fixed;
	z-index:999;
	width:90%;
	min-width:250px;
	max-width:450px;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	background:#fff;
	padding:12px;
	font-weight:normal;
	display: none;
	font-family: 'tieude';
}
div.popup_donhang .img
{
	float:left;
	max-width:100px;
	margin-right:10px;
}
div.popup_donhang .ten
{min-height: 40px;font-size: 15px;text-transform: uppercase;/* text-align: center; */}
div.dieukhien a
{
	background:#a00101;
	color:#fff;
	text-decoration:none;
	line-height:32px;
	height:32px;
	display:inline-block;
	padding:0 28px;
	float:left;
	margin-top:7px;
	cursor: pointer;

}
div.dieukhien a.ttmh
{
	border:1px solid #bbb;
	background:#fff;
	color:#333;
	margin-right:7px;
}
/*Popup*/

/*tab san pham*/
div#tabs
{
	margin: 10px 0;
	border: 1px solid #d2d2d2;
}
div#tabs ul#ultabs
{
	list-style:none;
	border-bottom:1px solid #d2d2d2;
}
div#tabs ul#ultabs li
{
	padding: 10px;
	margin-right: 10px;
	cursor: pointer;
	border-bottom: none;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'tieude';
	display: inline-block;
}
div#tabs ul#ultabs li.active,div#tabs ul#ultabs li:hover
{
	color: #01518c;
}
div#content_tabs
{
	border-top:none;
	padding: 15px;
}
/*tab san pham*/

*{margin: 0; padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; outline:none;}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {min-width: 100% !important;}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}
.video_popup {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video_popup iframe, .video_popup object, .video_popup embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#clickvideo{ width:100%; padding:4px 0; margin:3px 0%; border:1px solid #DDD; box-sizing:border-box;}
.addthis_native_toolbox{margin: 10px 0px;width: 100%;clear: both;border: 1px solid #ededed;padding: 10px 10px;margin-bottom: 10px;background: #f7f6f6;box-sizing: border-box;}
.addthis_native_toolbox b{float: left;font-size: 14px;text-transform: uppercase;margin-right: 10px}
#toptop {width: 45px;height: 45px;line-height: 45px;text-align: center;position: fixed;bottom: 20px;right: 10px;cursor: pointer;background: white;transition:0.5s;z-index:200;border-radius: 50%;color: #fff;transform: rotate(-90deg);font-size: 47px;color: #1432BA;}
#toptop i{margin-left:-1px; margin-top:-1px;}
a{cursor:pointer; text-decoration:none;}
a:hover{ color: red;}
.clear,.clearfix{clear:both;}
.clearfix:after{content:'';background:transparent;width:100%;display:block;}
img{max-width:100% !important;height:auto;}
div.bando img{max-width:none !important;}
div.map iframe{max-width:100% !important;}
.hidden_mobi{display: block;}
.hidden_destop{display: none;}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	
}
@font-face {
    font-family: 'body';
    src: url('../fonts/OpenSans-Regular.ttf');
}
@font-face {
    font-family: 'menu';
    src: url('../fonts/OpenSans-Semibold.ttf');
}
@font-face {
    font-family: 'tieude';
    src: url('../fonts/OpenSans-Bold.ttf');
}
@font-face {
    font-family: 'tieudegt';
    src: url('../fonts/UTM HelvetIns.ttf');
}
@font-face {
    font-family: 'tieudeindex';
    src: url('../fonts/Roboto-Bold.ttf');
}
b,strong
{
	font-family: 'tieude';
}
div#wapper
{
  margin:auto;
  max-width:1366px;
  min-width:320px;
  background:#fff;
}
div.wap_thongtin
{
	padding: 9px 0;
	background: #f4f4f4;
	font-size: 13px;
}
div.thongtin
{
	max-width:1200px;
	margin:auto;
}
div.thongtin span
{
	display:inline-block;
	vertical-align:top;
	margin-right: 4%;
}
div.thongtin i
{
	margin-right: 6px;
	font-size:17px;
}
div.mxh_top
{
	float:right;
}
div.mxh_top a img
{
	height:20px;
	margin:0px 2px;
}
div.header
{
	position:relative;
	margin:auto;
}
div.header a.logo
{
	display:block;
	line-height:0;
}
.gia_f{
	display:none;
}
div.header .logo_mobi
{
	display:none;
}
div.header a.logo img
{
	width:100%;
}
.menu_login
{
	list-style:none;
	position:absolute;
	top:5px;
	right: 110px;
}
.menu_login li
{
	display:inline-block;
}
.menu_login li a
{
	text-decoration:none;
	color: #c8000d;
	border-right:1px solid #fff;
	padding:0px 5px;
	font-weight: bold;
}

div#lang
{
	position:absolute;
	top:5px;
	right:10px;
}
div#lang a img
{
	margin-left:3px;
	height: 20px;
}
.sang_header
{
	top: 30%;
    left: 5%;
}
div.menu_mobi,div.menu_mobi_add
{
	display:none;
}
div.wap_menu
{
	position:relative;
	background: #1432BA;
	height: 45px;
	line-height: 45px;
	margin:auto;
	width:100%;
	left:0;
}
div.menu
{
	position:relative;
	max-width: 1200px;
	margin:auto;
}
div.menu ul
{
  float:left;
  list-style:none;
  margin-bottom: 0px;
}
div.menu ul li
{
  float:left;
  position:relative;
  z-index:50;
}
div.menu ul li.line
{
	background: url(../images/line.png)no-repeat;
	height: 45px;
	width: 11px;
}

div.menu ul li a
{
	color:#fff;
	font-size:14px;
	padding: 0px 25px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	font-family: 'menu';
}

div.menu ul li a:hover,div.menu ul li a.active,div.menu ul li a.active2
{
	color: yellow;
}
div.menu ul li ul,div.menu ul li:hover ul li ul
{
	position:absolute;
	margin-left:0px;
	display:none;
	min-width: 200px;
	background: #1432BA;
	line-height: 1.8;
}
div.menu ul li ul li
{
    float:none;
}
div.menu ul li ul li a
{
	padding: 8px 10px;
	text-transform:none;
	display:block;
	border-bottom: 1px solid #ffffff85;
	font-size: 13px;
}
div.menu ul li ul li ul
{
	left:100%;
	top:0px;
}
div.search
{
	position: absolute;
	right: 0px;
	top: 6px;
	background: url(../images/tim_mo.png)no-repeat;
	background-size: 100% 100%;
	border-radius: 2px;
	height: 33px;
	width: 23.8%;
}
div.search input
{
	  padding: 0px 10px;
	  float: left;
	  border: none;
	  background: none;
	  width: 75%;
	  outline: none;
	  color: #fff;
	  font-style: italic;
	  height: 100%;
}
div.search i
{
	float: right;
	margin-right: 13px;
	margin-top: 7px;
	color: #fff;
	font-size: 17px;
	cursor: pointer;
}
div.slider
{
	margin:auto;
	overflow: hidden;
}
div.left
{
	width:240px;
	float:left;
}
div.tieude
{
	color:#fff;
	text-align:center;
	background: #01518c;
	height:39px;
	line-height:39px;
	font-weight:bold;
	text-transform:uppercase;
	font-family: 'tieude';
	font-size: 15px;
}
div#danhmuc
{
	border-bottom:none;
}
div.danhmuc
{
	border:1px solid #d6d6d6;
	margin-bottom:15px;
}
div.danhmuc:last-child
{
	margin-bottom:0;
}
div#danhmuc ul
{
	list-style:none;
}
div#danhmuc ul li
{
}
div#danhmuc ul li:last-child
{
	border:none;
}
div#danhmuc ul li a
{
	color: #454545;
    font-family: 'menu';
    text-decoration: none;
    font-size: 14px;
    transition: 0.4s;
    display: block;
    border-bottom: 1px solid #DDD;
    padding: 9px 5px 9px 23px;
    background: url(../images/muiten.png) 11px 15px no-repeat;
}
div#danhmuc ul li a:hover,div#danhmuc ul li a.active
{
	color:red;
	transition:0.4s;
}
div#danhmuc ul li ul li a
{
	 background: url(../images/muiten.png) 22px 15px no-repeat;
	padding:9px 5px 9px 35px;
}
div#danhmuc ul li ul
{
	display:none;
}
div.item_tin
{
	border-bottom:1px dashed #DDDDDD !important;
	padding:10px 10px;
}
div.item_tin .img_news
{
	width:35%;
	max-width:150px;
	border:1px solid #d6d6d6;
	float:left;
	margin-right:10px;
}
div.item_tin .name_news a
{
	text-decoration:none;
	color:#111111;
	font-size:13px;
	transition:0.4s;
}
div.tinmoi .name_news a:hover
{
	color:red;
	transition:0.4s;
}
div.load_video
{
	width:95%;
	margin:7px auto;
}
div.hotro
{
	background: url(../images/bg_hotro.png) left 40px no-repeat;
}
div.hotro .phone
{
	 color: #f10b0b;
    font-size: 24px;
    font-weight: bold;
    padding-top: 62px;
    padding-left: 80px;
    padding-bottom: 10px;
    margin-right: 20px;
    font-style: italic;
}
div.hotro ul
{
	list-style: none;
    border-bottom: 1px dashed #DDDDDD;
    padding: 7px;
    margin: 0px 10px;
    font-size: 13px;
}
div.hotro ul li
{
	clear: both;
    padding: 6px 0;
    color: #555555;
}
div.hotro ul li i
{
	font-size:17px;
	margin-right:8px;
	clear:both;
}
div.hotro ul li span
{
	color: #3853a4;
    font-weight: normal;
    font-size: 14px;
    margin-top: 3px;
    float: left;
}
div.hotro ul li a img
{
	margin-right: 5px;
    float: left;
	width:25px;
}
div#quangcao img
{
	width:90%  !important;
	max-width:300px !important;
	border:1px solid #DDD;
	margin:5px auto;
	padding:4px;
	box-sizing:border-box;
}
div#quangcao img:hover
{
	border:1px solid red;
}
div#dknt
{
	max-width:350px;
}
form#frm_dknt
{
	background:#fff;
	height: 40px;
	margin:10px 0;
}
form#frm_dknt input[type='text']
{
	width: 75%;
	padding: 0px 8px;
	float:left;
	margin-top: 12px;
	border:none;
	background:none;
	outline:none;
	color:#000;
	outline:none;
}
form#frm_dknt input[type='button']
{
	background:red;
	color:#fff;
	width: 70px;
	height: 40px;
	line-height: 40px;
	border:none;
	cursor:pointer;
	float:right;
	/* text-transform:uppercase; */
	outline:none;
	font-weight: bold;
}
div.main_content
{
	margin: 0px auto;
	margin-top: 40px;
}
div.right
{
	width: calc(100% - 255px);
	float:right;
}
div.tieude_giua
{
	color: #1432BA;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	font-size:25px;
	font-family: 'tieudegt';
	position:relative;
	margin-bottom:12px;
}
div.tieude_giua:before
{
	content:'';
	height:2px;
	width:60px;
	left:50%;
	bottom:-5px;
	margin-left:-30px;
	background: #1432BA;
	position:absolute;
}
div.wap_item
{
	position:relative;
	text-align:left;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	margin: 0px -10px;
}
div.item
{
	width: calc( 100% /4);
	margin: 0px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	padding: 0px 10px;
}
div.item .sp_img
{
	overflow:hidden;
	/* border:1px solid #DDDDDD; */
	/* box-shadow:5px 5px 0px #f2f2f2; */
	margin-bottom:10px;
}
div.item .sp_img a
{
	display:block;
	line-height:0;
}
div.item a img
{
	width:100%;
	height:100%;
}
div.item .sp_name a
{
	text-decoration:none;
	color: #4D4D4D;
	font-weight:normal;
	font-size:15px;
	display:block;
	font-family: menu;
	text-transform: uppercase;
}
div.item .sp_name a:hover
{
	transition:0.4s;
	color:red;
}

div.item .sp_gia .gia,div.item .sp_gia .giakm
{
	color:red;
	font-size:13px;
}
div.item .sp_gia span.giacu
{
	color:#666666;
	text-decoration:line-through;
	float:left;
}

div.wap_tintuc
{
}
div.bao_tintuc
{
	max-width:1200px;
	margin:0px auto;
}
div.tintuc
{
	width:32%;
	float:left;
}
div.video
{
	width:32%;
	float:left;
	margin-left:2%;
}
div.fanpage
{
	width:32%;
	float:right;
	overflow:hidden;
}
div.tieude2
{
	border-bottom: 1px solid #01518c;
	font-family:'tieude';
	font-size: 22px;
	padding-bottom: 5px;
	position:relative;
	margin-bottom: 15px;
	text-transform: uppercase;
	/* color: #545454; */
}
div.tieude2:before
{
	content:'';
	height:3px;
	width:80px;
	position:absolute;
	background: #01518c;
	left:0;
	bottom:0;
}
div.item_tnb
{
	border-bottom:1px dashed #DDDDDD !important;
	padding:10px 0;
}
div.item_tnb .img_news
{
	width:35%;
	max-width:150px !important;
	border:1px solid #d6d6d6;
	float:left;
	margin-right:10px;
}

div.item_tnb .name_news a
{
	text-decoration: none;
	color: #111111;
	font-size: 14px;
	transition: 0.4s;
	margin-bottom: 5px;
	display: block;
}
div.item_tnb .name_news a:hover
{
	color:red;
	transition:0.4s;
}
div.wap_copy
{
	background: #02406d;
	color:#fff;
	padding:12px 0;
}
div.copy
{
	max-width:1200px;
	margin:auto;
}
div.copy ul
{
	list-style:none;
	float:right;
}
div.copy ul li
{
	padding:0px 10px;
}
div.wap_footer
{
	padding-top: 50px;
	margin:auto;
	color:#fff;
	padding-bottom: 40px;
	background: url(../images/footer-4194.jpg);
	background-size: cover;
}
div.footer
{
	max-width:1200px;
	margin:auto;
}
div#main_footer
{
	width: 40%;
	float:left;
}
div#main_footer .ten
{
	text-transform:uppercase;
	font-family:'tieude';
	font-size:23px;
	margin-bottom:15px;
	margin-top: -8px;
}
div#main_footer ul
{
	list-style:none;
}
div#main_footer ul li
{
	margin:9px 0;
	font-size:14px;
}
div#main_footer ul li i
{
	width:30px;
	height:30px;
	border:1px solid #f9f9f9;
	text-align:center;
	border-radius:3px;
	line-height:30px;
	margin-right:8px;
	font-size: 18px;
}
div.mxh
{
}
div.mxh a
{
	display:inline-block;
	vertical-align:top;
	margin:0px 2px;
}
div.mxh a img
{border-radius: 50%;}
div.mxh a img:hover
{
	transition:1s;
	transform:rotate(360deg);
}
div#thongke
{
	width: 21%;
	float:right;
}
.td_ft
{
	font-size: 16px;
	text-transform:uppercase;
	font-family: 'tieude';
	margin-bottom:10px;
	color: #FFFC00;
}
div#thongke ul
{
	list-style:none;
	background: url(../images/caotang.png)no-repeat left center;
	padding-left: 121px;
}
div#thongke ul li span{
	
color: yellow;
}
div#thongke ul li
{
	clear:both;
	padding: 6px 0px;
	font-size: 13px;
}
div#thongke ul li img
{
	float:left;
	margin-right:15px;
	width:16px;
	margin-top:2px;
}
/* --------------------- Phan trang ------------------*/
div.wap_doitac
{
	padding:20px 0;
}
div.doitac
{
	box-sizing:border-box;
	max-width:1200px;
	margin:auto;
}

div.doitac img
{
	height:80px;
	margin:0 8px;
	border:1px solid #DDD;
}
/*----------------------------------------------------*/
div.wap_pro
{
	clear:both;
	margin:30px 0;
}
.zoom_slick
{
	width:40%;
	float:left;
	text-align:center;
}
.zoom_slick .slick2
{
	border:1px solid #DDD;
}

.zoom_slick .slick
{
	margin-top:5px;
}

.zoom_slick .slick img
{
	width:95%;
	margin:auto;
	border:1px solid #DDD;
	box-sizing:border-box;
	cursor:pointer;
}
.zoom_slick .slick img:hover
{
	border:1px solid #F60;
	opacity:0.5;
	transition:1s;
}

.product_info
{
	float:right;
	list-style:none;
	width:57%;
}
.product_info li
{
	font-size:13px;
	border-bottom:1px solid #EEE;
	padding:10px 0;
}
.product_info li.ten
{
	    color: red;
    font-size: 18px;
    font-family: 'tieudegt';
    text-transform: uppercase;
}
.product_info li.giakm,.product_info li.gia
{
	font-size:15px;
	color:red;
	position:relative;
	font-family:'tieude';
}
.product_info li.giacu
{
	text-decoration:line-through;
	color:#222222;
}
.product_info li.giakm .tinh_phantram
{
	background: red;
    color: #fff;
    width: 35px;
    display: block;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    position: absolute;
    right: 30%;
    top: 0;
}

.product_info li b
{
	font-weight:normal;
	font-size:14px;
}
.xemgiohang
{
	color: #E80019;
	display: block;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	font-size: 15px;
	transition: 0.4s;
	margin: auto;
	margin-top: 7px;
	text-decoration: none;
}
.product_info li .add_to_cart
{
	background: #e93b35;
	color: #fff;
	display: block;
	max-width: 300px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 14px;
	transition: 0.4s;
}
.product_info li .add_to_cart i
{
	margin-right:10px;
	font-size: 19px;
	margin-top:3px;
}
.product_info li .add_to_cart:hover
{
	transition:0.4s;
	background:#E00;
}
span.size {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin-right: 5px;
    cursor: pointer;
}
span.mausac {
    display: block;
    float: left;
    border: 1px solid #DDD;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 0;
}
span.active_size,span.size:hover,span.mausac:hover, span.active_mausac {
    border: 1px solid #EE0000;
}
input.soluong
{
	padding: 3px 0;
    width: 55px;
    border: 1px solid #dedede;
    text-align: center;
}
.tbl_giohang{text-align:center; background:#f1f1f1; width:100%; font-size:13px; margin-bottom:20px; border:1px solid #DDD; border-collapse:collapse; padding:1px; }
.tbl_giohang td{ border:1px solid #e2e2e2;}
.tbl_giohang .dong_gh{ background:#fff;}
.tbl_giohang .img_gh{ height:50px;}
.tbl_giohang .xoa_gh{ cursor: pointer;color: #000000;font-size: 17px;}
.tbl_giohang .xoa_gh:hover{color:red;}
.tbl_giohang .sl_gh{ text-align:center; border:1px solid #DDD; padding:3px 5px; width:60px;}
.tbl_giohang .tongtien_gh{background: #F0F0F0;text-align: right;line-height: 50px;padding-right: 20px;font-size: 15px;font-weight: bold;color: #000000;}
.tieptuc{
	padding: 10px 25px;
    background: #ee0303;
    border: none;
    color: #fff;
    margin: 10px 0px;
    font-size: 13px;
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;}
.click_ajax2{
	padding: 10px 25px;
    background: #111111;
    border: none;
    color: #fff;
    margin: 10px 0px;
    font-size: 13px;
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;}
@-webkit-keyframes star {
  0% {
    -webkit-transform: rotate(0) scale(0);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0);
  }
}
@-o-keyframes star {
  0% {
    -o-transform: rotate(0) scale(0);
  }
  50% {
    -o-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -o-transform: rotate(360deg) scale(0);
  }
}
@-moz-keyframes star {
  0% {
    -moz-transform: rotate(0) scale(0);
  }
  50% {
    -moz-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -moz-transform: rotate(360deg) scale(0);
  }
}
.start-animate {
	z-index: 99999999999999999 !important;
	position: absolute;
	animation: star linear 1.75s infinite;
	-moz-animation: star linear 1.75s infinite;
	-webkit-animation: star linear 1.75s infinite;
	-o-animation: star linear 1.75s infinite;
}
@keyframes star {
  0% {
    transform: rotate(0) scale(0);
  }
  50% {
    transform: rotate(180deg) scale(1.5);
  }
  100% {
    transform: rotate(360deg) scale(0);
  }
}

.tbl_banggia
{
	width:100%;
	border-collapse : collapse;
	font-size:14px;
	text-align:center;
	font-size:13px;
}
.tbl_banggia th
{
	font-size:15px;
	background: #e8e8e8;
}
.tbl_banggia th, .tbl_banggia td {
    border: 1px solid #d2d2d2;
    padding: 10px 1%;
}
.chinhsach{
    
width: 30%;
    
float: left;
    
margin-left: 20px;
    
margin-right: 30px;
}
.ten_ft{
    
text-transform: uppercase;
    
font-weight: bold;
    
font-size: 15px;
    
margin-bottom: 10px;
}
.chinhsach ul li{
    
margin-bottom: 10px;
}
.chinhsach ul li a{
    
font-size: 15px;
}
/*open dang ky nhan tin*/
.item_dangky_dk input{
	width: 100%;
	padding: 8px 0px;
	background: #fff;
	/* border-radius: 10px; */
	border: none;
	padding-left: 10px;
}
.item_dangky_dk{
	margin-bottom: 10px;
	width: 49.6%;
	display: inline-block;
	vertical-align: top;
}
.ten_fo{
	color: #fff;
    text-align: center;
    margin-top: 19px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.in_k_dk{
	width: 100%;
	background: #F0F0F0;
	/* border-radius: 10px; */
	height: 60px;
	padding-left: 10px;
	border: none;
}
.item_dangky_dk_k input{
	/* width: 100%; */
	background: red;
	height: 31px;
	line-height: 31px;
	text-align: center !important;
	color: #fff;
	/* font-weight: bold; */
	/* padding-right: 28px; */
	font-size: 17px;
	border: none;
	width: 50px;
}
.item_dangky_dkhai input{
	width: 100%;
	padding: 8px 0px;
	background: #fff;
	/* border-radius: 10px; */
	border: none;
	padding-left: 10px;
}
.item_dangky_dkhai{
	margin-bottom: 10px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.bao_form_dk{
	position: relative;
}
.item_dangky_dk_k{
	     top: 0px; 
	     right: 0px;
}
.themdkdk{
	width: 100% !important;
}
/*close dang ky nhan tin*/

.gia_hhh{

font-size: 14px;

margin-top: 8px;

display: none;
}
.hhh_left{

width: 49%;

float: left;

color: #00000075;

text-decoration: line-through;
}
.hhh_right{
	
width: 49%;
	
float: right;
	
color: #d23734;
	
font-weight: bold;
}

.tinh_phantram_2{
	background: red;
	color: #fff;
	width: 35px;
	display: block;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	font-size: 12px;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 10px;
	display: none;
}

.laylink{

height: 40px;


border-bottom: 1px solid #DDD;

line-height: 40px;

margin-bottom: 10px;
}
.laylink ul{

}
.laylink ul li{

display: inline-block;

vertical-align: top;
}

.laylink ul li a{
	
color: #0000008c;
	
text-transform: uppercase;
	
font-family: menu;
	
font-size: 13px;
}
.xeo{
	background: url(../images/xeo.png)center no-repeat;
	width: 6px;
	height: 40px;
	margin: 0px 5px;
}
.laylink ul li a:hover{
	color: #F7931E;
}
.bt_trai{

width: 23px;

height: 23px;

margin-right: 3px;

border: 1px solid #dedede;

background: #fff;

margin-left: 10px;
}
.bt_phai{
	
width: 23px;
	
height: 23px;
	
margin-right: 3px;
	
border: 1px solid #dedede;
	
background: #fff;
}


.bao_chiduong{
	position: fixed;
	width: 85px;
	height: 85px;
	right: 50px;
	bottom: 125px;
	/* background: red; */
}
.baonuah{
	position: relative;
	width: 85px;
	height: 85px;
	/* background: #000; */
}
.baonuah:before{
	content: '';
	border: 1px solid #00aff2;
	width: 60px;
	height: 60px;
	position: absolute;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	 animation: 1s ease-in-out 0s normal none infinite running tora;
}
.baonuah:after{
	content: '';
	
	width: 50px;
	height: 50px;
	position: absolute;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	 animation: 1s ease-in-out 0s alternate none infinite running torahai;
	     background-color: rgba(0,175,242,0.5);
	     z-index: -1;
}
.chiduong{
     
background: #00aff2;
     
width: 50px;
     
height: 50px;
     
position: relative;
     
text-align: center;
     
line-height: 50px;
     
border-radius: 50%;
     
top: 50%;
     
left: 50%;
     
margin-right: -50%;
     
transform: translate(-50%, -50%);
}
.chiduong a{
    
color: #fff;
    
font-size: 24px;
}
.chiduong a i{
     animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
}




@keyframes ring-alo-circle-img-anim {
	0% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}


@keyframes tora {
	from{
		width: 60px;
		height: 60px;
		opacity: 1;
	}
	to{
		width: 85px;
		height: 85px;
		opacity: 0;
	}
}
@keyframes torahai {
	from{
		width: 50px;
		height: 50px;
		
	}
	to{
		width: 60px;
		height: 60px;
		
	}
}


.logo_1{
  
position: absolute;
  
top: 0px;
  
left: 6%;
}
.dienthoai{
  
position: absolute;
  
top: 15px;
  
right: 6%;
  
font-family: tieudeindex;
  
background: url(../images/dt.png)no-repeat left 5px;
  
padding-left: 61px;
  
font-size: 14px;
  
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.dienthoai p{
  
font-family: tieudegt;
  
color: #E61717;
  
font-size: 21px;
}


.dg-container{
	/*ti le hinh giua slider*/
	width: 100%;
	max-height: calc(65.5vw - 30px);
	/*ti le hinh giua slider*/
	position: relative;
	margin: 0px 0;
	overflow: hidden;
}
.dg-wrapper{
	/*ti le hinh giua slider*/
	width: 79%;
	height: 300px;
	max-height: 55.5vw;
	margin: 0px auto; 
	/*ti le hinh giua slider*/
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
	max-width: 100%;
}
.dg-wrapper a{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    /* box-shadow: 0 0 5px rgba(0,0,0,0.3); */
    /* padding: 2px; */
    background: #fff;
    /* width: 400px; */
}
.dg-wrapper a.dg-transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
	display: block;
	background: #fff;
	padding: 4px;
	border: 1px solid #00000040;
}
.dg-wrapper a div{
	font-style: italic;
	text-align: center;
	line-height: 50px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: #333;
	font-size: 16px;
	width: 100%;
	bottom: -55px;
	display: none;
	position: absolute;
}
.dg-wrapper a.dg-center div{
	display: block;
}
.dg-container nav{}
.dg-container nav .dg-prev{
    text-indent: -9000px;
    cursor: pointer;
    width: 40px;
    height: 80px;
    opacity: 0.8;
    background: transparent url(../../img/prev-40.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: calc(50% - 40px);
}
.dg-container nav .dg-next{
    text-indent: -9000px;
    cursor: pointer;
    width: 40px;
    height: 80px;
    opacity: 0.8;
    background: transparent url(../../img/next-40.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: calc(50% - 40px);
}
.dg-container nav span:hover{
	opacity: 1;
}
.dg-container nav span.dg-next{
	background-position: top right;
	margin-left: 10px;
}


.gioithieu{
  
padding-bottom: 20px;
}
.gt_1200{
  
width: 88%;
  
margin: auto;
}
.gt_left{
   width: 56%;
   float: left;
}
.ten_gggt{
  
color: #FF0000;
  
font-family: tieudegt;
  
text-transform: uppercase;
  
font-size: 30px;
}
.slogan_gt{
  
color: #4D4D4D;
  
font-family: tieude;
  
font-size: 16px;
}
.mota_gt{
  
color: #000000b8;
  
line-height: 25px;
  
text-align: justify;
  
margin-top: 15px;
}
.xemthem_gt{
  
width: 100px;
  
height: 36px;
  
border: 1px solid #FF0000;
  
text-align: center;
  
line-height: 34px;
  
margin-top: 15px;
}
.bao_dmcap{

width: 88%;

margin: auto;
}
.wa_dm{
	
padding-top: 35px;
}
.xemthem_gt a{
  
display: block;
  
color: #FF0000;
  
font-size: 14px;
}
.xemthem_gt a:hover{
  
color: blue;
}
.gt_right{
  width: 42%;
  float: right;
  padding-top: 15px;
}


 .tieude_dm {
    background: url(../images/duong.jpg)bottom repeat-x;
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
}
.td_dm {
    float: left;
    font-size: 15px;
    text-transform: uppercase;
    background: url(../images/dm_left.jpg)left center no-repeat,url(images/dm_right.jpg)right center no-repeat;
    background-color: #1432BA;
    font-family: tieudeindex;
    color: #fff;
    padding-left: 30px;
    padding-right: 65px;
}
.td_dm:hover{
    color: red;
    cursor: pointer;
}
.td_dm_1 {
    float: left;
    width: 70%;
}
.td_dm_1 ul {
    list-style: none;
}
.td_dm_1 ul li {
    display: inline-block;
    padding: 0px 2%;
    font-size: 14px;
    color: #222222ad;
    vertical-align: top;
}
.td_dm:hover{
	color: yellow;
}
.mau_them {
    color: yellow !important;
}
.td_dm_1 ul .mau_them{
	color: red !important;
}
.td_dm_1 ul li:hover{
    color: red;
    cursor: pointer;
}
.baopp{
	width: 100%;

}


.visaochon{
  
padding: 45px 0px;
  
margin-top: 45px;
  
background: url(../images/bnm-7394.jpg);
  
background-size: cover;
}

.visaochon {}
.visao_1200{
  
width: 88%;
  
margin: auto;
}
.tenvisao{
  
font-family: tieudegt;
  
text-align: center;
  
color: #F6FF00;
  
text-transform: uppercase;
  
font-size: 29px;
}
.dong_vs{
  
width: 70px;
  
height: 4px;
  
background: #fff;
  
margin: auto;
  
margin-top: 15px;
}
.wap_visao{
  
margin-top: 35px;
}
.ite_vs{
  
text-align: center;
  
width: 92%;
  
margin: auto;
}
.ite_vs img{
  
margin: auto;
}
.ite_vs h3{
  
color: #F6FF00;
  
text-transform: uppercase;
  
font-family: menu;
  
font-size: 15px;
  
margin-top: 10px;
}
.mota_vs{
  
color: #fff;
  
line-height: 21px;
}
.lene{
	
background: url(../images/xam_d.jpg)no-repeat center;
	
width: 1px;
	
height: 40px;
	
padding: 0px !IMPORTANT;
}


/*******-------tin tuc--------******/
.tintuc_video {
    padding-top: 40px;
    width: 88%;
    margin: auto;
    padding-bottom: 40px;
}
.tde_tin {
	color: #1432BA;
	font-size: 26px;
	font-family: tieudegt;
	background: url(../images/dong_ppp.png) no-repeat left bottom;
	margin-bottom: 25px;
	text-transform: uppercase;
	padding-bottom: 14px;
}
.wap_tintuc {
    width: 64%;
    float: left;
}
.motin {
    width: 49%;
    float: left;
}
.nhieutin {
    width: 49%;
    float: right;
}
.wap_video {
    width: 34%;
    float: right;
}
div#tinmoi
{	
}
div#tinmoi ul
{
	list-style:none;
}
div#tinmoi ul li
{
	padding-bottom:15px;
}
div#tinmoi ul li a img
{
	border:1px solid #d6d6d6;
	float:left;
	margin-right:10px;
}
div#tinmoi ul li a img:hover
{
	transition:1s;
	border:1px solid red;
}
div#tinmoi ul li h4 a
{
	text-decoration:none;
	color: #000;
	font-size: 14px;
	transition:0.4s;
	font-weight: normal;
	font-family: menu;
	display: block;
	padding-bottom: 3px;
}
div#tinmoi ul li h4 a:hover
{
	color:red;
	transition:0.4s;
}
.mota_tin {
    text-align: justify;
    font-size: 12px;
    color: #2f2f2fbd;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.box_tin{width:100%;}
.box_tin h3 a{
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 15px;
    transition: 0.4s;
    font-weight: normal;
    font-family: menu;
    display: block;
    padding-bottom: 3px;
}
.box_tin h3 a:hover{color:#F00;transition:0.4s;}
.box_tin a.chitiet{color:#00F;}
.box_tin a{text-decoration:none;}
.box_tin a img{width:100%;margin-bottom: 3px;transition:1s;border:1px solid #DCDCDC;}
.box_tin a img:hover{opacity:0.4;transition:1s;}
.box_tin .mota {
    font-size: 13px;
    color: #2f2f2fb8;
    margin-top: 3px;
}
.xthemb {
    border: 2px solid #333333;
    width: 106px;
    text-align: center;
    padding: 7px;
    margin-top: 15px;
}
.xthemb:hover{background:#ccc;}
.xthemb a{
	color:#2f2f2f;
	font-size: 12px;
	text-transform:uppercase;
	text-decoration:none;
	display: block;
}
.css_img {width:46%;float:left;}
.css_img img{
	width:93%;
	margin:auto;
	min-height:95px;
}

.video2 iframe{
	margin-left:0px;
	height: 257px;
}
div#clickvideo{
    width: 100%;
}
div#video select
{
	line-height:25px;
	height:25px;
	width:100%;
	border:1px solid #CCC;
	border-radius:3px;
	margin:5px auto;
}


div.copy-right{
	/* padding: 20px 0px; */
	color:#fff;
	font-size: 12px;
	/* font-family:'roboto-r'; */
	}
div.copy-right .cop-l{width:48%;float: right;text-align: right;font-size: 12px;padding-top: 17px;}
div.copy-right .cop-r{text-align: left;width:48%;float: left;}
div.copy-right .cop-r span{ color:#ff0; }


.wap_1200{
	width: 88%;
	margin: auto;
}
.bando_2 iframe{
	width: 100%;
	height: 385px;
	display: block;
}
.them_wap{
	
margin: 0px -13px;
	
clear: both;
}


.hinhanh{
  
padding-bottom: 50px;
}
.hinhanh_1200{
  
width: 88%;
  
margin: auto;
}
.ten_haha{
  
background: url(../images/duong.jpg)bottom repeat-x;
  
height: 40px;
  
line-height: 40px;
  
margin-bottom: 15px;
}
.ten_haha p{
  
font-size: 15px;
  
text-transform: uppercase;
  
background: url(../images/dm_left.jpg)left center no-repeat,url(images/dm_right.jpg)right center no-repeat;
  
background-color: #1432BA;
  
font-family: tieudeindex;
  
color: #fff;
  
padding-left: 30px;
  
padding-right: 65px;
  
display: inline-block;
  
vertical-align: top;
}
.wap_hinhanh{
  
margin: 0px -14px;
  
margin-top: 30px;
}
.item_haha{
  
width: 90%;
  
margin: auto;
}
.item_haha img{
  
width: 100%;
  
display: block;
}
.bao_pppo{
	width: 90%;
	margin: auto;
	padding-bottom: 20px;
}
.mota_cct {
    color: #00000096;
    margin-top: 5px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}