::-webkit-scrollbar{background:#fff;width:10px;height:11px}
::-webkit-scrollbar-thumb{background:#BBB}
*{margin: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}
#clickvideo{width:100%;padding:4px 0;margin:3px 0;border:1px solid #DDD;box-sizing:border-box}
.addthis_native_toolbox{margin:10px 0;width:100%;clear:both;border:1px solid #ededed;padding: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: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:.5s;z-index:200}
#toptop:hover{background:url(images/back_to_top.png) bottom center no-repeat;transition:.5s}
.clear{clear:both}
img{max-width:100%;height:auto}
div.bando img{max-width:none!important}
a{text-decoration:none}
body{font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5;background-color:#FFF;}
@font-face{font-family:'myFont';src:url(font/Roboto-Regular.ttf)}
@font-face{font-family:'UTMAvoBold';src:url(font/UTMAvoBold.ttf)}
@font-face{font-family:'UTMAvo';src:url(font/UTMAvo.ttf)}


@font-face{font-family:'RobotoCondensed';src:url(font/RobotoCondensed.ttf);src:url(font/RobotoCondensed.ttf?#iefix) format("embedded-opentype"),url(font/RobotoCondensed.ttf) format("woff"),url(font/RobotoCondensed.ttf) format("truetype"),url(font/RobotoCondensed.ttf#utm_caviarregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'UTM_ViceroyJF';src:url(font/UTM_ViceroyJF.ttf);src:url(font/UTM_ViceroyJF.ttf?#iefix) format("embedded-opentype"),url(font/UTM_ViceroyJF.ttf) format("woff"),url(font/UTM_ViceroyJF.ttf) format("truetype"),url(font/UTM_ViceroyJF.ttf#utm_caviarregular) format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSans_R';src:url(font/OpenSans_R.ttf);src:url(font/OpenSans_R.ttf?#iefix) format("embedded-opentype"),url(font/OpenSans_R.ttf) format("woff"),url(font/OpenSans_R.ttf) format("truetype"),url(font/OpenSans_R.ttf#utm_caviarregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'UTM_HelvetIns';src:url(font/UTM_HelvetIns.ttf);src:url(font/UTM_HelvetIns.ttf?#iefix) format("embedded-opentype"),url(font/UTM_HelvetIns.ttf) format("woff"),url(font/UTM_HelvetIns.ttf) format("truetype"),url(font/UTM_HelvetIns.ttf#utm_caviarregular) format("svg");font-weight:700;font-style:normal}
@font-face{font-family:'Roboto_M';src:url(font/Roboto_M.ttf);src:url(font/Roboto_M.ttf?#iefix) format("embedded-opentype"),url(font/Roboto_M.ttf) format("woff"),url(font/Roboto_M.ttf) format("truetype"),url(font/Roboto_M.ttf#utm_caviarregular) format("svg");font-weight:700;font-style:normal}

.nodisplay{width:0;height:0;overflow:hidden;z-index:-99;position:fixed;top:-500px}

.sp_cart_top {width: 50px;height: 50px;position: fixed;top: calc(30% - 80px);right: 0px;
background: url(images/icon_giohang.png) no-repeat center;background-size: 100% 100%;text-align: center;z-index: 999;}
.sp_cart_top span {font-family: UTM_HelvetIns;font-size: 18px;color: #000;display: inline-block;
vertical-align: top;line-height: 20px;margin-top: -6px;}

div#wapper{margin:0 auto;width:100%;max-width:1366px;min-width: 1200px;}

div#header{position:relative;margin:0 auto;width:100%;max-width:1366px;
}

div#header .content_bn{width:100%;max-width:1200px;margin:0 auto;padding-top: 15px;padding-bottom: 5px;
	position:relative;text-align:left;box-sizing:border-box}

.top_header{width:100%;box-sizing:border-box;line-height:30px;margin:0 auto;background: #555555;}
.top_header .content{width:100%;max-width:1200px;margin:0 auto;color:#EEEEEE;font-family:OpenSans_R;}


.top_header .content .diachi{padding-left:20px;background:url(images/icon_diachi.png) no-repeat left}
.top_header .content .hotline{padding-left:15px;background:url(images/icon_hotline.png) no-repeat left;float:left;color:#FFF;font-family:RobotoCondensed;font-size:14px;line-height:30px;margin-left:30px}
.top_header .content .email{padding-left:22px;background:url(images/link_email.png) no-repeat left;float:left;
	color:#EEEEEE;font-size:14px;line-height:30px;margin: 5px;margin-left: 45px;}
.top_header .content .giomocua{float:right;
	color:#EEEEEE;font-size:14px;line-height:30px;margin: 5px;float: right;}

.top_header .slogan_top{float:left;margin-right:60px;font-size:14px;line-height:30px;margin: 5px;}

div#header .logo{display:inline-block;vertical-align:top;line-height:0;max-width:100%;max-height:125px;
}
div#header .banner{display:inline-block;vertical-align:top;line-height:0;max-width:100%;max-height:125px;
	margin-left:20px;}

.slide_dmsp_i{width:100%;display:inline-block;vertical-align:top;margin-bottom:30px}


div#lang{float:right;margin-top:7px;margin-left:30px;}
div#lang a{display:inline-block;vertical-align:top;line-height:20px;color:#666;text-decoration:none}
div#lang a:hover{color:red}
div#lang a img{display:inline-block;vertical-align:top;height:20px;width:30px}

.link_lienket{float: right;}
div.link_lienket a{display:inline-block;vertical-align:top;color:#333;font-size:18px;height:40px;
	line-height:40px;width:30px;text-align:center;text-decoration:none;margin:0px;transition:1s;
	font-weight:400;}
div.link_lienket a:hover{transition:1s;transform:rotate(360deg);color:red}

div.link_lienket2{width:100%;display:inline-block;vertical-align:top;margin-top:20px;text-align:left;}
div.link_lienket2 a{display:inline-block;vertical-align:top;color:#FFF;font-size:20px;height:42px;line-height:42px;
	width:40px;text-align:center;text-decoration:none;margin:0 5px;transition:1s;font-weight:700;border-radius:50%;}
div.link_lienket2 .fb{background-color: #346da6;}
div.link_lienket2 .gg{background-color: #e02f2f;}
div.link_lienket2 .tw{background-color: #1cb7eb;}
div.link_lienket2 .yt{background-color: #e02f2f;}

.col_w50{width:50%;float:left;padding:10px}
.col_w60{width:60%;float:left;padding:10px}
.col_w40{width:40%;float:left;padding:10px}
.col_w30{width:30%;float:left;padding:10px}
.col_w70{width:70%;float:left;padding:10px}
.col_w20{width:20%;float:left;padding:10px}
.col_map{width:30%;float:left;padding:10px}

div#right{width:calc(100% - 270px);float:right;margin-bottom:20px}
div#left{width:252px;float:left;background:#FFF;margin-bottom:20px}
div#left .tieude{color:#FFF;text-align:left;font-size:17px;background:url(images/title_danhmuc.png) no-repeat center;background-size:100% 100%;height:56px;width:256px;line-height:23px;font-weight:400;text-transform:uppercase;font-family:UTM_ViceroyJF;padding-top:24px;padding-left:15px;margin-top:-5px;margin-left:-6px}
div#danhmuc_left{width:100%;margin-bottom:30px;border:solid 1px #CCC}
.list_news_r{list-style:none;width:100%;box-sizing:border-box;padding:10px;display:inline-block;vertical-align:top}
.list_news_r li{width:100%;box-sizing:border-box;padding:5px;position:relative;display:inline-block;vertical-align:top;background:url(images/muiten.png) no-repeat 8px 13px;padding-left:20px}
.list_news_r li:last-child{border:none}
.list_news_r li a{color:#333;font-family:'RobotoCondensed';text-decoration:none;font-size:17px;transition:.4s;display:block;line-height:25px}
.list_news_r li a:hover{color:red;transition:.4s}
.list_news_r li ul{width:100%;padding:0;height:0;overflow:hidden;transition:.5s}
.list_news_r li:hover ul{height:auto;transition:.5s}
.list_news_r li ul li{background:none;padding:2px 0}
.list_news_r li ul li a{font-size:15px}
div#danhmuc_left .phone_left{background:url(images/dienthoai.png) no-repeat left top;padding-left:90px;height:80px;width:90%;margin:5%;display:inline-block;vertical-align:top;line-height:30px;font-family:UTM_ViceroyJF;font-size:18px;color:red;padding-top:10px}
div#danhmuc_left .phone_left span{font-size:25px}
.hotro_left{width:100%;display:inline-block;vertical-align:top;padding-left:20px;margin-bottom:20px}
.hotro_left li{list-style:none;font-family:RobotoCondensed;font-size:16px;line-height:30px}
.hotro_left li img{display:inline-block;vertical-align:top;margin-right:10px}
.hotro_left li.dienthoai{font-family:UTM_ViceroyJF;color:red}
.col_w33{width:calc(100% / 3);padding:10px;float:left}
.load_video{width:100%;}

#gioithieu_index{width:100%;padding:20px 0px;margin-bottom:20px;
background: url(images/bg-gioithieu.png) no-repeat left;padding-left: 40px;
}

.fullcontentbn{width: 100%;}

#gioithieu_index .title_gioithieu{width:100%;display:inline-block;vertical-align:top;
	font-family:UTM_HelvetIns;position: relative;
	font-size:32px;margin-bottom:25px;text-align:center;color: #CA0000;padding-bottom: 15px;}
#gioithieu_index .title_gioithieu:after {width: 80px;height: 3px;content: "";position: absolute;bottom: 0px;
left: calc(50% - 40px);background: #F5AB0B;}

img.img_about {width: 100%;display: inline-block;}

#quangcao-top{width:100%;max-width:1200px;margin:0 auto;padding-bottom:10px}
#quangcao-top .img{width:calc(50% - 5px);float:left;margin-right:10px}
#quangcao-top .img:nth-child(2n){margin-right:0}
.menu_login{list-style:none;position:absolute;top:5px;right:70px}
.menu_login li{display:inline-block}
.menu_login li a{text-decoration:none;color:#fff;border-right:1px solid #fff;padding:0 5px}
.hotline_m{display:none}

.sang_header{top:10px;left:20px}
.img_pop_up{width:100%;border:solid 5px #666}
.mxh_top{float:right;height:40px;margin-top:10px}
.lhsp span{color: red;font-size: 18px;}
.hotro{width: 100%;padding: 0px 20px;}
.hotro .nvhotro {border-bottom: 1px dashed #B7B7B7;}
.hotro .nvhotro:last-child{border: none;}
.hotro .nvhotro p{line-height: 35px;font-size: 14px;}
.hotro .nvhotro .ten{color: #cb8c58;font-family: UTMAvoBold;}
.hotro .nvhotro .dt{color: red;font-size: 18px;font-family: UTMAvoBold;}

.hotline_top{position:absolute;top:30px;right:10px;text-align:center;
height: 70px;padding-top:5px;padding-left:80px;
font-family:UTMAvoBold;color:#D10000;
font-size:20px;line-height:27px;
background:url(images/iconhlhd.png) no-repeat left;}
.hl{color: #000;text-transform: uppercase;font-family: UTMAvo;font-size: 20px;}

.diachi_top{padding-left:25px;min-height:26px;position:absolute;top:92px;right:10px;background:url(images/icon_diachi.png) no-repeat left top;text-align:left;font-family:UTM_ViceroyJF;font-size:16px;line-height:22px;max-width:260px;text-align:justify}
.diachi_top span{color:#000;font-family:RobotoCondensed;font-size:16px}
div.header{display:none}
div.wap_menu{position:relative;width:100%;margin:0 auto;z-index:10;margin:0 auto;max-width:1366px;
background:#0033cc;}
div.wap_menu .menu{width:100%;max-width:1200px;margin:0px auto;position:relative;}
div.menu ul{list-style:none;padding:0}
div.menu ul li{display:inline-block;vertical-align:top;position:relative;z-index:50;text-align:center}
div.menu ul li.line_menu{height:50px;width:2px;padding:0;margin:0;
	background: url(images/line_menu.png) no-repeat center;}
div.menu ul li a{color:#fff;font-size:15px;line-height:50px;padding:0px 28px;text-decoration:none;
	text-transform:uppercase;display:block;font-family:UTMAvo;position:relative;}
div.menu ul li .icon_home {display:inline-block;vertical-align:top;height:30px;margin:5px;}

div.menu ul li a:hover,div.menu ul li a.active{color:#ff6633;}
div.menu ul li ul,div.menu ul li:hover ul li ul{position:absolute;margin-left:0;display:none;min-width:225px;
	background:#0033cc;line-height:1.5;height:auto;z-index:9999;width:100%}
div.menu ul li ul li{float:left;width:100%;position:relative;height:auto;text-align:left}

div.menu ul li ul li a{text-transform:none;display:block;line-height:30px;padding:3px 10px;font-size:15px;
	color:#fff;font-family: UTMAvo;}
div.menu ul li ul li a:hover{color:#ff6633;}
div.menu ul li ul li ul{left:100%;top:0}

.clichseach {
    float: right;
    background: url(images/seach.jpg) no-repeat center;
    width: 54px;
    box-sizing: border-box;
    height: 48px;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 2px;
}


div.search{position: absolute;top: 49px;right: 10px; height:40px;width:235px;box-sizing:border-box;
	border:solid 1px #0033cc;border-radius: 4px;display: none;
	background:#FFF;}
div.search input{padding:0 10px;height:40px;line-height:28px;float:left;border:none;background:none;
	width:calc(100% - 40px);outline:none;color:#333;font-style:italic;box-sizing:border-box;}
div.search .btn_search{float:right;background:url(images/i_search2.png) no-repeat center;width:35px;
	box-sizing:border-box;height:40px;text-transform:uppercase;cursor:pointer}
div.search input::-webkit-input-placeholder{color:#666}
div.search input::-moz-placeholder{color:#666}
div.search input:-ms-input-placeholder{color:#666}
div.search input:-moz-placeholder{color:#666}
div#slider{margin:0 auto;position:relative;width:100%;max-width:1366px;}
#tintuc_index{width:100%;max-width:1366px;margin:0 auto;padding:20px 0;background:#FFF}

#sanphamnoibat{width:100%;max-width:1366px;margin:0 auto;padding:20px 0;background:#FFF}

#danhmuc{width:100%;max-width:1366px;margin:0 auto;padding:20px 0;background:#FFF}

#hotline{width:100%;max-width:1366px;margin:0 auto;padding:20px 0;background:#FFF}

#tintuc_index .col_tintuc{width:65%;float:left;padding:10px}
#tintuc_index .col_video{width:35%;float:left;padding:10px}
.content_noidung{width:100%;max-width:1200px;margin:15px auto}

.content_spnb{width:100%;max-width:1200px;margin:15px auto}

.content_hl{width:100%;max-width:1200px;margin:15px auto}
.box_hl{width: calc(25% - 23px);display: inline-block;margin: 0px 10px;background: #1861db;}
.box_hl .imgcal{width: 20%;float: left;background: #134fb4;padding: 18px 0px;}
.box_hl .tthl{width: 80%;float: left;text-align: left;vertical-align: top;padding: 25px 0px;color: #fff;font-size: 15px;
font-family: UTMAvoBold;padding-left: 20px;}
.box_hl .tthl .dthl{color: #ff6633;}



.content_danhmuc{width:100%;max-width:1200px;margin:15px auto}
.box_danhmuc{text-align: center;position: relative;background: #ff6633;border-radius: 10px;
width: calc(33% - 30px);display: inline-block;margin: 0px 15px;padding-bottom: 15px;}
.box_danhmuc .tentrong{width: 100%;border-radius: 10px;background:rgba(39,64,139,0.9);position: absolute;bottom: 0px;
	line-height: 40px;}
.box_danhmuc .tentrong .ten a{color: #fff;}
.box_danhmuc .tentrong .ten a:hover{color: red;}

.title_tintuc{width:100%;margin-bottom:20px;display:inline-block;vertical-align:top;position:relative;}

.title_tintuc span{display:inline-block;vertical-align:top;line-height:40px;font-family:UTM_HelvetIns;
	color:#000;font-size:24px;position:relative;text-transform:uppercase;position: relative;padding-right: 15px;}

.title_tintuc span:before {width:50px;height:1px;content:"";background:#ECAD06;
position:absolute;bottom:15px;right:-50px;}
.title_tintuc span:after {width:80px;height:2px;content:"";background:#ECAD06;
position:absolute;bottom:10px;right:-80px;}

.content_tintuc_i{padding:20px;background:#F3F3F3}



.col_50{width:50%;float:left;padding:10px;box-sizing:border-box}
.col_33{width:calc(100% /3);float:left;padding:10px;box-sizing:border-box;text-align:center}
.col_30{width:30%;float:left;padding:10px;box-sizing:border-box}
.col_40{width:40%;float:left;padding:10px;box-sizing:border-box}
.col_60{width:60%;float:left;padding:10px;box-sizing:border-box}
.link-xemthem{padding:10px 35px;color:#FFF;font-family:RobotoCondensed;
	font-size:16px;
	margin-top:10px;display:inline-block;vertical-align:top;transition:.5s;background:#CA0001;
	text-transform:uppercase;}
.link-xemthem:hover{color:#FF0;transition:.5s}
.link-xemthem2{padding:5px 25px;border:solid 1px #D00;color:#333;font-family:RobotoCondensed;font-size:17px;margin-top:10px;display:inline-block;vertical-align:top;transition:.5s;background:#FFF}
.link-xemthem2:hover{color:red;transition:.5s}
.bando_ft{width:100%;position:relative}
.frm_lienhe_index{position:relative;
	width: 100%;max-width: 600px;margin: 10px auto;
	padding:20px;background:rgba(0,0,0,0.8);text-align:center}
.frm_lienhe_index .input_lh{padding:4px;border:solid 1px #CCC;background:#FFF;border-radius:5px;width:100%;
	display:inline-block;vertical-align:top;margin-bottom:10px;line-height:22px}
.frm_lienhe_index #hinh_captcha{height:30px;display:inline-block;vertical-align:top}
.frm_lienhe_index .title_frm {width: 100%;display: inline-block;vertical-align: top;margin-bottom: 10px;font-family: Roboto_M;color: #FFF;
font-size: 20px;}

#div_dangkynhantin {width: 100%;margin: 0px auto;padding: 40px 0px;
	background: url(images/bg-dknt.jpg) repeat-y top center;}

#dknt{width:100%;max-width:1200px;margin: 0px auto;text-align: center;}

#dknt .mota_dknt{width:100%;text-align:center;color:#FFF;font-size:15px;display:block;margin-bottom:20px;}

form#frm_dknt .txt_input{width:70%;padding:7px 10px;line-height:25px;display: inline-block;
	vertical-align: top;margin-bottom: 15px;float: left;
	border:none;background:none;outline:none;color:#000;outline:none;background:#FFF}
form#frm_dknt .txt_input2{width:100%;padding:6px 10px;line-height:25px;display: inline-block;
	vertical-align: top;margin-bottom: 10px;height:93px;
	border:none;background:none;outline:none;color:#000;outline:none;background:#FFF}

form#frm_dknt input[type='button']{background:url(images/iconguiemail.jpg)no-repeat;color:#FFF;width:40px;height:39px;
}
#frm_dknt{margin-top: 10px;}

#duan_noibat{width:100%;position:relative;padding:30px 0;
background: url(images/title_tintuc.jpg) repeat-x bottom center;
}


#dichvu_index {width:100%;padding:30px 0px;}
#duan_index {width:100%;padding:30px 0px;}

.content_dichvu {width: 100%;position: relative;text-align: center;}
.content_duan {width: 100%;margin: auto ;position: relative;}
.box_duan{width: calc(25% - 5px);display: inline-block;position: relative;}
.box_duan .ten{position: absolute;bottom: 0px;background: rgba(0,0,0,0.7);width: 100%;
text-align: center;}
.box_duan .ten a{color: #fff;line-height: 40px;}
.box_duan .ten a:hover{color: red;}

.box_dichvu{padding: 0px 13px;}
.box_dichvu img{display: block;}


.leftdv{width: 50%;float: left;}
.rightdv{width: 50%;float: left;}
.rightdv .box_dv{width: calc(50% - 5px);display: inline-block;padding: 0px 5px;margin-bottom: 15px;vertical-align: top;}
.rightdv .box_dv img{display: block;}

.tenmota{width: 100%;text-align: left;}
.tenmota .ntn{width: 15%;float: left;text-align: center;background: #022faf;color: #fff;font-family: UTMAvo;
font-size: 14px;padding: 5px 10px;}
.tenmota .tmt{width: 85%;float: left;padding: 0px 10px;}
.tenmota .tmt .ten a{color: #000;font-size: 16px;font-family: UTMAvo;text-transform: uppercase;}
.tenmota .tmt .ten a:hover{color: red;}

.tenmota .ntn2{width: 25%;float: left;text-align: center;background: #022faf;color: #fff;font-family: UTMAvo;
font-size: 14px;padding: 5px 10px;}
.tenmota .tmt2{width: 75%;float: left;padding: 0px 10px;}
.tenmota .tmt2 .ten a{color: #000;font-size: 16px;font-family: UTMAvo;text-transform: uppercase;}
.tenmota .tmt2 .ten a:hover{color: red;}

.box-dichvu {display: inline-block;vertical-align: top;margin:5px 20px;position: relative;
font-family: RobotoCondensed;text-align: center;color: #F7F7F7;font-size: 15px;line-height: 20px;}

.box-dichvu .img {width: 100%;display: inline-block;vertical-align: top;
border-radius: 50%;border: solid 10px #F7F7F7;background: #FFF;margin-bottom: 5px;}

.box-dichvu .ten {width: 100%;position: relative;display: inline-block;vertical-align: top
	line-height: 25px;margin:5px 0px;font-family: Roboto_M;}

.box-dichvu .ten a {font-size: 19px;color: #FFF;font-weight: bold;text-transform: uppercase;}
.box-dichvu .ten a:hover {color: #FFC600}

.danhmuccap1{width: 100%;text-align: center;}
.danhmuccap1 ul{list-style: none;display: inline-block;}
.danhmuccap1 ul li{line-height: 35px;padding: 5px 10px;cursor: pointer;
color: #022faf;font-family: UTMAvoBold;font-size: 14px;float: left;
border: 1px solid #022faf;}
.danhmuccap1 ul li:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.danhmuccap1 ul li:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;}

.danhmuccap1 ul .active{background: #022faf;color: #fff;padding: 5px 15px;}

.box_sanpham{width: calc(25% - 24px);display: inline-block;margin:0px 10px;
border:1px solid #969696;padding: 10px 0px;margin-bottom: 20px;}
.box_sanpham .info a{color: #000;font-size: 14px;text-transform: uppercase;font-family: UTMAvo;}
.box_sanpham .info a:hover{color: #022faf;}



.box_sanpham .price_view span{color: red;}
.hienthisanpham{padding-top: 30px;}

/*tab_sanpham_index*/
.item_tab_index{display:inline-block;padding: 9px 10px;color:#000;font-size: 15px;border: 1px solid #022faf;
	position:relative;font-family: 'MuliBold';text-transform: uppercase;}
.item_tab_index:hover,.item_tab_index.active{background:#022faf;padding: 9px 10px;
	color: #fff;font-size: 15px;font-family: 'MuliBold';}
.content_tab_index{display:none;}
.content_tab_index.active{display:block;}
.tab_index{text-align: center;margin: 15px 0px;}



















div#main_content{width:100%;max-width:1200px;margin:20px auto}
.tieude_giua{font-family:Roboto_M;font-size:25px;color:#2D5799;width:100%;margin-bottom:10px;text-align:center;padding-bottom:20px;background:url(images/title_main.png) no-repeat bottom center;}

.tieude_index {font-family:UTM_HelvetIns;font-size:32px;color:#333;width:100%;margin-bottom:10px;
	position:relative;text-align:center;padding-bottom: 15px;
	background: url(images/title_main.png) no-repeat bottom center;
	text-transform:capitalize;}

.tieude_index .mota-dmsp {font-family: RobotoCondensed;font-size: 15px;text-align: center;padding: 5px;}

.tieude_index2 {font-family:UTM_HelvetIns;font-size:32px;color:#FFF;width:100%;margin-bottom:10px;
	position:relative;text-align:center;padding-bottom: 15px;
	background: url(images/title_main.png) no-repeat bottom center;
	text-transform:capitalize;}

.tieude_dichvu {font-family:UTMAvoBold;font-size:28px;color:#022faf;width:100%;padding-bottom:15px;
	position:relative;text-align:center;text-transform:uppercase;margin-bottom:20px;}
.tieude_dichvu:after {width: 50px;height: 3px;content: "";position: absolute;background: #f15d20;
left: calc(50% - 25px);bottom: 0px;}

.tieude_duan {font-family:UTMAvoBold;font-size:28px;color:#022faf;width:100%;padding-bottom:15px;
	position:relative;text-align:center;text-transform:uppercase;margin-bottom:20px;}
.tieude_duan:after {width: 50px;height: 3px;content: "";position: absolute;background: #f15d20;
left: calc(50% - 25px);bottom: 0px;}


.tieude_spnb {font-family:UTMAvoBold;font-size:28px;color:#022faf;width:100%;padding-bottom:15px;
	position:relative;text-align:center;text-transform:uppercase;margin-bottom:20px;}
.tieude_spnb:after {width: 50px;height: 3px;content: "";position: absolute;background: #f15d20;
left: calc(50% - 25px);bottom: 0px;}

#ykien_khachhang {width: 100%;margin: 0px auto;padding: 30px 0px;}

#content_ykien{list-style:none;padding:0;margin:0 auto;max-width:800px;height:460px;
	position:relative;z-index:0;width:100%;font-family: OpenSans_R;font-size: 15px;margin-top: -50px;}

#content_ykien li{max-height:400px;width:60%;text-align:center;cursor:pointer;top: 0px;}

#content_ykien li img{width:90%;;display:inline-block;vertical-align:top;border:solid 5px #EBEBEB;border-radius:50%;}
#content_ykien li .info {width: 100%;display: inline-block;vertical-align: top;opacity:0;transition:.5s;font-size: 16px;}
#content_ykien li .sp_name{width:100%;display:inline-block;vertical-align:top;padding:5px;text-align:center;}
#content_ykien li .sp_name a{font-family:Roboto_M;font-size:22px;color:#00923F;font-weight:400}
#content_ykien li .sp_name a:hover{color:red}
#content_ykien li.roundabout-in-focus{cursor:default}
#content_ykien li.roundabout-in-focus .info{opacity:1;transition:.5s}
#content_ykien li span{display:block}

.box-duan{width:calc(100% - 25px);display:block;margin:10px 11px;}
.box-duan .img{width:100%;display:inline-block;vertical-align:top;}
.box-duan .ten{width:100%;padding:5px 0;display:inline-block;vertical-align:top;text-align:center;}
.box-duan .ten a{color:#333;font-weight:normal;font-family:Roboto_M;font-size:16px}
.box-duan .ten a:hover{color:#F00}

#doitac{width:100%;padding:20px 0;background:#F3F3F3}
#slick_doitac{width:100%;max-width:1200px;margin:0 auto;padding:15px 0px;text-align:center;font-family:RobotoCondensed;font-size:16px;color:#FFF}
#doitac .item_doitac{margin:0 10px;box-sizing:border-box}
#doitac .item_doitac img{max-width:100%;height:100%;border:solid 1px #CCC}
div.wap_item{text-align:center;position:relative;width:100%;margin:0 auto;padding-bottom:25px}

.item{width:calc((100% / 4) - 30px);margin:10px 13px;text-align:center;display:inline-block;
	vertical-align:top;box-sizing:border-box;position:relative;font-family:RobotoCondensed;transition:.4s;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
padding: 10px;border-radius: 10px;
}
.item:hover{border-color:red;transition:.5s}

.item .img{width:100%;height:auto;display:inline-block;vertical-align:top;box-sizing:border-box;}

.item .ten{width:100%;position:relative;font-family:Roboto_M;text-align:center;font-weight:normal;
margin-top: 8px;}
.item .ten a{color:#000000;font-size:17px}
.item .mota{width:100%;margin:0;display:inline-block;vertical-align:top;padding:5px 0;font-weight:400;
	font-size:15px;color:#000}
.item .ten a:hover{color:#F00}
.item .mota{width:100%;margin:0;display:inline-block;vertical-align:top;font-size:14px}

.item .sp_gia{width:100%;margin:0;font-size:15px;text-align:center;display:inline-block;vertical-align:top;line-height:22px}
.item .sp_gia span {color: red;font-family:Roboto_M;}

.item .dathang {width: 100%;display: inline-block;vertical-align: top;padding: 7px;text-align: center;
background: #FFBA00;border-radius: 5px;color: #000;cursor: pointer;font-family:RobotoCondensed;
font-size: 15px;margin-top: 10px;}

a.btn-chitiet{width:35%;float:right;text-align:center;line-height:25px;background:#EEE;font-size:15px;color:#000;padding:5px 0;position:relative}
a.btn-chitiet:before{width:0;height:0;border-bottom:35px solid #EEE;border-left:20px solid transparent;content:'';position:absolute;left:-20px;bottom:0}
a.btn-chitiet:hover{color:red}
a.btn-addcart{padding:3px 18px;border:double 3px #666;display:inline-block;vertical-align:top;margin:5px 0;color:#333;font-size:15px;cursor:pointer}
a.btn-addcart:hover{color:red}

#noidungft{width: 100%;padding-top: 10px;display: flex;}
#noidungft span{display: block;width: calc(100% - 40px);margin-left: 5px;font-size: 13px;}

div#wap_footer{margin:0 auto;width:100%;position:relative;max-width:1366px;
	color:#FFF;font-family:RobotoCondensed;font-size:15px;}
.fullft{width: 100%;padding-top: 30px;}
.box_map iframe{height: 200px;width: 320px;}


#main_footer
{
	width: 100%;
	max-width: 1200px;margin: 0px auto;

}

div#wap_footer .ten_cty{width:100%;font-size:14px;text-transform:uppercase;margin-bottom:15px;
	margin-top: 15px;
	display:inline-block;
	vertical-align:top;position:relative;font-family:UTMAvoBold;color:#0748e1;
	position:relative;}


div#wap_footer .title_ft{width:100%;font-size:14px;text-transform:uppercase;margin-bottom:10px;display:inline-block;
	vertical-align:top;position:relative;font-family:UTMAvoBold;color:#FFF;position:relative;padding-bottom: 6px;margin-top: 20px;}
.tag{width: 100%;padding-top: 20px;}
.tag span a{color: #428bca;}
.tag span a:hover{color: #ff6633;}


div#wap_footer .box_noidung_ft {background: url(images/bg_nd_footer.png) no-repeat center;
	padding: 10px 20px;background-size: 100% 100%;margin-top: -30px;
width: 45%;padding:30px; padding-left: 6%;}
div#wap_footer .box_noidung_ft .content {width: 80%;}

div#wap_footer .box_noidung_ft2 
{
	width: 55%;padding:20px;
	padding-right: 6%;
}
.danhmucsp{width: 24%;float: left;margin-right: 10px;border: 1px solid #B7B7B7;}
.danhmucsp .tieudedm{width: 100%;background: #0033cc;color: #fff;text-align: center;line-height: 45px;font-size: 20px;}
.danhmucsp ul{list-style: none;padding-left: 0px;}
.danhmucsp ul li a {
    display: block;
    color: #002db0;
    background: url(images/icondmcap1.png) no-repeat left;
    padding: 15px 5px;
    padding-left: 30px;
    font-family: UTMAvo;
    position: relative;
    font-size: 15px;
}

.danhmucsp ul li ul {
    display: block;
    position: relative;
    z-index: 123;
 }
 .danhmucsp ul li ul li {
    background: none;
    padding-left: 20px;
    border: none;
}
.danhmucsp ul li ul li a {
    padding-left: 15px;
    background: url(images/icondmcap2.png)no-repeat left;
    color: #363636;
}
.danhmucsp ul li ul li a:hover{margin-left: 20px;color: red;}
.contentright{width: 75%;float: left;}
.danhmucsp .spnb{width: 100%;padding: 10px 10px;}
.danhmucsp .spnb .box_spnb{margin-bottom: 10px;margin-top: 10px;}
.danhmucsp .spnb .box_spnb .ten{float: right;width: 54%;}
.danhmucsp .spnb .box_spnb .ten a{color: #000;font-size: 14px;}
.danhmucsp .spnb .box_spnb a img {
    width: calc(45% - 10px);
    transition: 1s;
    margin-bottom: 0px;
    float: left;
    margin-right: 10px;
}
.danhmucsp .spnb .box_spnb .gia span{color: red;}

div#wap_footer .info_ft{width:100%;display:inline-block;line-height:18px;padding:4px;
	font-family:RobotoCondensed;font-size:15px;color:#FBFBFB;}
div#wap_footer .info_ft:hover{color:#FF0}

#copy_right{width:100%;padding:15px;margin:0 auto;bottom:0;background:#01101b;line-height:25px;
	color:#FFF;font-family:RobotoCondensed;font-size:14px;z-index:99;text-align:center;}

#copy_right .txt1 {float:left;}
#copy_right .txt2 {float:right;}
#copy_right .txt2 ul{list-style: none;padding-left: 0px;}
#copy_right .txt2 ul li{display: inline-block;padding-right: 10px;}

#copy_right .txt2 img {display:inline-block;width: 16px;height: 16px;margin: 5px;vertical-align: top;}

.thongke_ft{width:100%;display:inline-block;vertical-align:top;}
.thongke_ft img{width:16px;height:16px;display:inline-block;vertical-align:top;margin-right:6px;margin-top:4px}

.thongke_ft span {display:inline-block;vertical-align:top;margin:0px 15px;width:100%;margin-bottom:5px;}

.map_footer {padding: 5px;border: dashed 1px #46C15F;}
.map_footer iframe {width: 100% !important;height:250px !important;display: block;}

div.wap_pro{width:100%;padding:10px}
.zoom_slick{width:45%;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:.5;transition:1s}
.product_info{float:right;list-style:none;width:52%}
.product_info li{font-size:13px;border-bottom:1px solid #EEE;padding:6px 0}
.product_info li.ten{color:#03F;font-size:18px}
.product_info li.giacu{font-size:15px;text-decoration:line-through}
.product_info li.gia{color:red;font-size:16px}
.product_info li b{font-weight:400;font-size:14px}
.xemgiohang{color:#E80019;display:block;width:120px;height:30px;text-align:center;line-height:30px;text-align:center;font-weight:700;cursor:pointer;font-size:13px;transition:.4s;margin:auto;margin-top:7px}
.product_info li .dathang{background:#e93b35;color:#fff;display:block;max-width:300px;height:40px;line-height:40px;text-align:center;text-transform:uppercase;font-weight:700;cursor:pointer;font-size:14px;transition:.4s}
.product_info li .dathang i{margin-right:10px;font-size:25px;margin-top:3px}
.product_info li .dathang:hover{transition:.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 #E00}
input.soluong{width:50px;border:1px solid #C7C6C6;padding:2px 0;text-align:center;font-size:15px;margin-right:5px}
table#giohang input{margin:5px 0}
table#giohang input.btn,.click_ajax{background:#DC0018;color:#fff;padding:7px 15px;border:none;cursor:pointer;margin:5px 1px;border-radius:3px}
table#tt td{height:30px}
table#tt td input.t{width:300px;height:20px;margin:3px 0 5px;border:1px solid #DDD}
table#tt td textarea{width:300px}
table#tt span{color:red}
@-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:1.0E+17!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)}
}