@charset "utf-8";
@import url("/css/font.css");
@font-face { font-family: 'UTMAvo'; src: url('/css/fonts/UTMAvo/fonts/UTM%20Avo.eot'); src: local('☺'), url('/css/fonts/UTMAvo/fonts/UTM%20Avo.woff') format('woff'), url('/css/fonts/UTMAvo/fonts/UTM%20Avo.ttf') format('truetype'), url('/css/fonts/UTMAvo/fonts/UTM%20Avo.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'UTMHelvetIns'; src: url('/css/fonts/UTMHelvetIns/fonts/UTM%20HelvetIns.eot'); src: local('☺'), url('/css/fonts/UTMHelvetIns/fonts/UTM%20HelvetIns.woff') format('woff'), url('/css/fonts/UTMHelvetIns/fonts/UTM%20HelvetIns.ttf') format('truetype'), url('/css/fonts/UTMHelvetIns/fonts/UTM%20HelvetIns.svg') format('svg'); font-weight: normal; font-style: normal; }
body {font-family: 'RR';font-size: 14px;width:100%;overflow-x:hidden;margin: 0 auto;line-height:1.5;top: 0px !important;} 
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration:none;}
h1, h2, h3, h4, h5, h6, b, strong {margin: 0px; font-family: 'RB';font-weight:normal;}/**/
th{text-align: center;}
.clear-fix:after { display: block; content: ""; clear: both; }
.clear {clear: both; }
img{max-width:100%;}
.seo{display:none;}
div#tab1 table{width:100% !important;}
div#tab1 img{height:auto !important}
.invi_load {display:none; }
div#at4-share {display:none !important;}
.slick-prev, .slick-next { top: 50%; position: absolute; z-index: 999; border: none; cursor: pointer; color: transparent; display:none !important; }
.container {position:relative; width: 1200px; margin:0 auto;}
header, section, footer {position: relative;width:100%; max-width:1366px; margin:0 auto;}
/*===Header===*/
#header_top1 {position: relative;text-align: right;background: url(/images/bg_banner.png) no-repeat 6% 100% #fed700;}
.logo_top {display:block;float:left;line-height: 0;margin-right: 2%;}
.banner_top {display:block;line-height: 0;float: left;}
.right_top {float:right;text-align: right;color: #fff;margin-top: 1%;}
.email_top {float:left;background: url(/images/icon_email.png) no-repeat left;padding: 0px 0px 0px 22px;margin-top: 8px;margin-left: 17%;}
.hotline_top {display: inline-block;vertical-align: middle;background: url(/images/icon_hotline.png) no-repeat left;padding: 0px 0px 0px 18px;\: \;}
.hotline_top b {display:block;color: #ff0000;font-size: 22px;}
.lang_top {line-height:0;display: inline-block;vertical-align: middle;}
.mxh_top {line-height:0;display: inline-block;vertical-align: middle;margin: 0 50px;}
.mxh_top a {display:inline-block; vertical-align:middle;}
.cart_top {position:absolute;bottom: 0;right: 0;color: #fff;line-height: 1.3;padding-bottom: 15px;z-index:9999;}
.cart_top img, .cart_top span {display:inline-block;vertical-align:middle;padding-left: 3px;}
form#frm_search {display:block;width: 22.5%;background: #fff;position: relative;float: right;border-radius: 30px;margin-top: 8px;}
form#frm_search select {display:block;width: 20%;float: left;border: none;color: #666666;font-family: OR;border-right: thin solid #d5d6d6;padding: 14px 10px;background: transparent;}
form#frm_search input {display:block;width: 80%;float: left;border: none;line-height: 30px;padding: 0;text-indent: 10px;font-size: 13px;color: #999999;background: transparent;}
form#frm_search a {display:block;width: 20%;float: right;background: url(/images/icon_search.png) no-repeat center;text-indent:  -99999px;line-height: 30px;text-align: center;}
.hien { width: 250px !important; opacity: 1 !important; }
#frm_search ::-webkit-input-placeholder {color: #999999;}
#frm_search :-moz-placeholder {color: #999999;}
#frm_search ::-mocolor: {color: #999999;}
#frm_search :-ms-input-placeholder {color: #999999; }
#menu_top {position: relative;width: 100%;max-width: 1366px;margin: 0 auto;z-index: 99;background: #fff;}
#header_menu {margin: 0;padding: 0;list-style: none;position: relative;float: right;margin-top: 8px;}
ul#header_menu > li {display:inline-block;vertical-align:top;position: relative;float: left;padding: 0 24px;}
ul#header_menu > li > a {display: block;color: #111;font-size: 15px;font-family: RB;padding: 35px 0px 32px;text-align: center;position: relative;text-transform: uppercase;border-bottom: 3px solid transparent;/* background: url(/images/line_menu.png) no-repeat left; */}
ul#header_menu > li:first-child {/* background:none; */padding-left:0;}
ul#header_menu > li:last-child {/* background:none; */padding-right:0;}
ul#header_menu > li:hover > a, ul#header_menu > li.active > a{border-bottom: 3px solid #fed700;}
ul#header_menu > li:hover .menu{display:block;}
ul#header_menu ul, ul#header_menu li:hover ul ul, ul#header_menu ul li:hover ul ul  {position: absolute;top: 100%;left: 25px;width: 200px;list-style: none;margin: 0;padding: 0;z-index: 999;background: #fff;display:none;border: thin solid rgb(254, 215, 0);border-top: 0;}
ul#header_menu ul li {float: none;display:block;padding:0;position: relative;}
ul#header_menu li.active ul a, ul#header_menu li:hover ul a, ul#header_menu ul li a, ul#header_menu  ul li:hover ul a, ul#header_menu ul ul li:hover ul a {padding: 6px 8px;border: none;border-top: thin solid rgb(254, 215, 0);border-left:0;color: #111;background: none;text-align:left;line-height: 1.5;display: block;text-shadow: none;font-size: 13px;}
ul#header_menu li:hover ul { display:block; }
ul#header_menu  ul li:hover a, ul#header_menu  ul ul li:hover a, ul#header_menu  ul ul ul li:hover a{color: #e91212;}
ul#header_menu ul li:hover ul, ul#header_menu ul ul li:hover ul { display:block; top: 0; left: 100%; }
ul#header_menu > li div {display: none;position:absolute;top:100%;left: -85%;z-index: 9;background:#fff;width: 520px;text-align: left;padding: 5px 10px;-webkit-column-count: 3; /* Chrome, Safari, Opera */-moz-column-count: 3; /* Firefox */column-count: 3;}
ul#header_menu > li div a {display:block;color: #030000;font-size: 13px;padding: 2px 0;}
ul#header_menu > li div a b {border-bottom:thin solid #000;display:block;padding-bottom: 3px;}
ul#header_menu > li div a:hover {color: #f00;}
ul#header_menu > li:hover div {display:block;}
#st-container{display: none}
.dmsp_menu_mobile {padding: 20px;display: none;}
.dmsp_menu_mobile h6 { display: block; text-align: center; font-size: 15px; text-transform: uppercase; font-family: SFUFuturaBook; padding: 10px; background: #e7b94a; }
.dmsp_menu_mobile > ul { margin: 0; padding: 0; list-style: none; background: #f9f9f9; }
.dmsp_menu_mobile ul ul {margin: 0;padding: 0;list-style: none;display: none;padding-left: 20px;}
.dmsp_menu_mobile > ul li a {display: block;color: #000;padding: 8px 5px;position: relative;border-top: thin solid #ccc;}
.dmsp_menu_mobile > ul li span.toggle-menu { position: absolute; top: 0; right: 0; bottom: 0; width: 25px; background: url(/img/icon-1.png) no-repeat center; } .dmsp_menu_mobile > ul li span.toggle-menu.active {background: url(/img/icon-2.png) no-repeat center;}
.dmsp_slider, .dmsp_menu {width: 21.5%;float: left;position: relative;z-index: 9;}
.dmsp_menu ul.dmsp_left {position:absolute;width: 100%;top: 100%;z-index: 999;display: none;}
.dmsp_menu:hover ul.dmsp_left {display:block}
.dmsp_menu h6 {}
.theme-default {position:relative;z-index:8 !important;}
.theme-default .nivoSlider { background: none !important; margin:0 !important; box-shadow: none !important;}
/*===Section===*/
.container-wrapper {padding-bottom:10px; padding-top:10px;}
.col_left {width: 28.5%;float: right;}
.col_right {width: 68.5%;float: left;}
.title_index {position: relative;margin: 15px 0;text-align: center;font-size: 16px;font-family:  RL;color: #212121;padding-top: 90px;}
.title_index h3 {position: relative;text-transform: uppercase;margin: 0;font-size: 33px;color: #eb1717;font-family:'UTMHelvetIns';padding: 10px;}
.title_index a.title_view {float: right;display: block;color: #0070bb;text-transform: uppercase;padding: 10px 15px;background: url(/images/icon_xem.png) no-repeat right;}
.title_index a.title_view:hover {color: #f00;}
.title_view {display:block; text-align:center; margin-top:1%;}
.title_view span {display:inline-block;/* background: #f26d7d; */border: thin solid #f26d7d;line-height: 40px;font-size: 17px;color: #f26d7d;padding: 0 40px;border-radius: 10px;transition: 0.2s;}
.title_view span:hover {background:#f26d7d;color: #fff;}
.title_index1 {display:block;margin: 10px 0;background: url(/images/line_title.png) repeat-x center;}
.title_index1 h3 {display: inline-block;margin: 0;font-size: 25px;color: #121212;font-family: RCB;text-transform: uppercase;background: url(/images/icon_title1.png) no-repeat right #fff;padding-right: 30px;}
.title_index1 a {float: right;display: block;color: #1d1d1d;padding: 4px 0px;/*background: url(/images/icon_xem.png) no-repeat left;*/}
.title_index1 a:hover {color:#f00;}
.title_index2 {text-align: center;background: url(/images/line_title.png) no-repeat bottom;padding-bottom: 15px;margin: 10px 0;}
.title_index2 h3 {font-size:30px;color:#b30f19;text-transform: uppercase;}
.group_index {padding: 3% 0;background: url(/images/bg_about.png) no-repeat top;}
.group_about {position:relative;padding: 100px 0 70px;margin-top: -36px;z-index: 9;}
.quangcao_item {display:block;position: absolute;bottom: 84%;left: 0;z-index: 99;}
.quangcao_item1 {display:block;position: absolute;top: 78%;left: 0;z-index: 99;}
.about_img {display:block;width: 45%;float: left;border: 5px solid #fff;line-height: 0;}
.about_left {width: 53%;float: right;}
.about_icon {text-align:center;}
.about_item {display: inline-block;vertical-align: top;margin: 0 3%;width: 42%;text-align: left;margin: 2% 0;}
.about_item img {display: inline-block;vertical-align: middle;border-radius: 50%;margin-right: 3%;}
.about_item span {color: #000;font-size: 15px;display: inline-block;vertical-align: middle;width: calc(100% - 3% - 76px);}
.about_item:hover img{opacity:0.8}
.about_item:hover span{color:#f00}
.about_name {position: relative;font-family: RL;}
.about_name a {display:block;color: #000;font-size: 30px;font-family: 'UTMHelvetIns';}
.about_name a:hover {color: #00;}
.about_name span {display:block;max-height: 122px;overflow: hidden;margin: 20px 0;}

.tabsindex1 {position: relative;text-align: center;padding: 0px 0 20px;}
.tabsindex1 span {display: inline-block;vertical-align: top;cursor: pointer;font-size: 17px;color: #282828;text-transform: uppercase;margin: 0 10px;}
.tabsindex1 span:first-child {border:none;}
.tabsindex1 span.current, .tabsindex1 span:hover {/* color: #db181f; *//* font-family: RCB; */}
.tab-content1 {position: absolute; top:0; left:0; right:0; opacity:0}
.tab-content1.current {opacity:1; z-index:9;}
.tabsindex {position: relative;text-align: center;}
.tabsindex span {display: inline-block;vertical-align: top;cursor: pointer;color: #565656;padding: 5px 10px;border: thin solid #ccc;margin: 3px 1px;}
.tabsindex span.current, .tabsindex span:hover {color: #fff;background: #565656;}
.tab-content {display:none;}
.tab-content.current {display:block;}

.group_service {position:relative;padding: 40px 0 60px;background: url(/images/bg_index1.png) no-repeat top;margin-top: -62px;z-index: 9;}
.group_menu {position:relative;}
.group_menu img {display:block; width:100%;}
.group_menu1 {position:absolute;top: 0;left: 0;right: 0;bottom: 0;}
.group_news {position:relative;padding: 10px 0 50px;}
.ser_item {display:block;margin: 0 12px;position: relative;overflow:hidden}
.ser_item img { display:block; width: 100%; transform: scale(1); transition: all .2s ease-out 0s; }
.ser_item:hover img{ transform: scale(1.05); transition: all .2s ease-out 0s; }
.ser_item:hover span {color:#ff0;}
.ser_item span {display:block;position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.5);text-align: center;color: #fff;font-size: 18px;text-transform: uppercase;padding: 10px;}
.group_menu .title_index {color:#fff;}
.group_menu .title_index h3{color:#fff;background: url(/images/bg_title.png) no-repeat center;padding: 20px;}
.menu_item {display:block;width: 17%;display: inline-block;vertical-align: top;margin-left: 2.5%;margin-top: 1%;}
.menu_item a {display:block;color: #fff;font-family:  UTMAvo;font-size: 15px;margin-bottom: 10px;}
.menu_item b {display:block;font-size: 18px;font-family:  UTMAvo;text-align: center;border: thin dashed #fff;line-height: 38px;border-radius: 30px;text-transform: uppercase;overflow: hidden;transition: 0.5s;}
.menu_item a:hover {color: #ff0;}
.menu_item a:hover b {background: #fff;color: #000;}
.thuvien_item {display:block;float: left;margin-left: 2%;width: 32%;margin-bottom: 2%;position: relative;overflow:hidden;}
.thuvien_item:first-child {margin-left:0;width: 49%;}
.thuvien_item:nth-child(2){width: 49%;}
.thuvien_item:nth-child(3) {margin-left:0}
.thuvien_item img { display:block; width: 100%; transform: scale(1); transition: all .2s ease-out 0s; }
.thuvien_item:hover img{ transform: scale(1.05); transition: all .2s ease-out 0s; }
.thuvien_item:hover div {opacity:1}
.thuvien_item div {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;opacity:0}
.thuvien_item span {display:block;width: 100%;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.5);padding: 10px;}
.group_news .title_index {background: none !important;padding: 0;margin: 10px 0 25px;}
.group_news .title_index h3{color:#fff;background: url(/images/bg_title.png) no-repeat center;padding: 20px;}
/* ===Template=== */
.download_item { border: thin solid #ccc; margin-bottom: 10px; padding: 10px; }
.download_item div img { display: inline-block; vertical-align: top; margin-right: 10px; }
.download_item a { display: inline-block; vertical-align: middle; color: #333; border-radius: 30px; box-shadow: inset 0px 0px 10px #ccc; padding: 5px 22px; margin-top: 10px; }
.download_item a:hover {  box-shadow: inset 0px 0px 15px #ccc; }
.video_slider {/* width: 26.5%; *//* float: right; *//* height: 296px; *//* overflow-y: auto; *//* padding-right: 1%; */}
div#box_video {/* width: 72%; *//* float: left; */}
div#box_video iframe {width: 100%;height: 332px;border: none;display: block;}
select.video_lienquan {display: block;width: 100%;border: none;padding: 5px 5px;color: #000;font-size: 12px;background: #fff;margin-bottom: 10px;border: thin solid #ccc;}
select.video_lienquan option { /*color: #000;*/ }
.video_item {position:relative;padding: 4px 2px;display: block;/* padding-bottom: 8px; */}
.video_item img{ display:block; width:100% }
.video_item img.video_play{ position:absolute; width:auto; top:0; left:0; right:0; bottom:0; margin:auto }
/* ===Bottom=== */
.group_bottom {padding: 10px 0;position: relative;}
.video_bottom {display:block;width: 47.5%;float: left;margin-left: 5%;color: #fff;}
.video_bottom:first-child {margin: 0;}
.video_bottom iframe {display:block;width: 100%;height: 321px;}
.video_bottom b {display:block;font-size: 15px;margin-bottom: 5px;}
.video_bottom span {display:block;max-height: 60px;overflow: hidden;}
.bottom_item {float: right;width: 55%;position: relative;}
.bottom_item:first-child {float: left;width: 41%;}
form#contactfooter {background: #fff;padding: 10px;}
form#contactfooter div {margin-bottom: 10px;}
form#contactfooter label {display: inline-block;vertical-align: top;width: 25%;color: #737373;}
form#contactfooter input {display: inline-block;vertical-align: top;width: 73%;border: thin solid #e6e6e6;color: #bfbfbf;font-size: 13px;font-family: RR;padding: 0px;line-height: 28px;text-indent:  10px;}
form#contactfooter textarea {display: inline-block;vertical-align: top;width: 73%;border: thin solid #e6e6e6;color: #bfbfbf;font-size: 13px;font-family: RR;padding: 6px 10px;height: 150px;}
form#contactfooter button {display:block;float: right;background: #00cc0a;border: none;color: #fff;text-transform: uppercase;padding: 0px 15px;line-height: 30px;margin-right: 3px;}
form#contactfooter ::-webkit-input-placeholder {color: #bfbfbf;font-size: 13px;}
form#contactfooter :-moz-placeholder {color: #bfbfbf;font-size: 13px;}
form#contactfooter ::-mocolor: {color: #bfbfbf;font-size: 13px;}
form#contactfooter :-ms-input-placeholder {color: #bfbfbf;font-size: 13px;}
.title_bottom {display:block;color: #acacac;font-family: UTMAvo;margin-bottom: 15px;}
.title_bottom b {display:block;font-family: UTMAvo;font-size: 25px;color: #3c3c3c;}
.title_bottom span {display: inline-block;background: url(/images/line_title1.png) no-repeat bottom right;line-height: 13px;padding-right: 40px;}
.tintuc_item1 {width: 47.5%;float: left;}
.tintuc_img1 {display: block;/* width: 32%; *//* float: left; */}
.tintuc_img1 img {display:block;width: 100%;}
.tintuc_name1 {color: #ffff;text-align: justify;font-size: 13px;padding-top: 10px;}
.tintuc_name1 a {display: block;color: #fff;max-height: 40px;overflow: hidden;font-size: 16px;font-family:  RM;line-height: 1.3;}
.tintuc_name1 a:hover{color:#ff0;}
.tintuc_name1 b {display:block;color: #8b8b8c;font-weight: normal;}
.tintuc_name1 span {display: block;height: 42px;overflow: hidden;margin: 10px 0;}
.tintuc_name1 a.tintuc_view1 {display: inline-block;line-height: 30px;color: #9a9a9a;font-size: 12px;font-family:  RR;background: #fff;padding: 0 14px;border: thin solid #c6c6c6;text-transform: uppercase;}
.tintuc_name1 a.tintuc_view1:hover {color:#f00; border:thin solid #f00}
.news_slider{width: 50.5%;float: right;}
.tintuc_item {/* margin-bottom: 8px; */paddin;/* padding-bottom: 8px; */ */position: relative;position: relative;width: 50%;float: left;background: #f7f7f7;}
.tintuc_img {display:block;vertical-align: top;line-height: 0;width: 50%;float: right;overflow: hidden;}
.tintuc_img img { display:block; width: 100%; transform: scale(1); transition: all .2s ease-out 0s; }
.tintuc_img:hover img{ transform: scale(1.05); transition: all .2s ease-out 0s; }
.tintuc_date {display:block;background: #19792f;text-align: center;color: #fff;width: 58px;height: 58px;border-radius: 50%;float: left;font-family: Arial;line-height: 1.2;padding: 9px 0;}
.tintuc_date b {display:block;font-size: 19px;font-family: Arial;font-weight: bold;}
.tintuc_name {width: 50%;float: left;font-size: 13px;color: #4b4b4b;padding: 15px;position: relative;position: absolute;top: 0;left: 0;bottom: 0;}
.tintuc_name:before {content:'';position: absolute;top: 50%;left: 94%;width: 32px;height: 32px;background: url(/images/icon_news.png) no-repeat center;}
.tintuc_name a {color: #171717;font-size: 15px;font-family: RB;max-height: 45px;overflow: hidden;display: block;}
.tintuc_name a:hover {color: #f00;}
.tintuc_name span {display: block;max-height: 155px;overflow: hidden;/* text-align: justify; */margin: 15px 0;}
.tintuc_name a.tintuc_view {display: block;color: #f00;font-size: 13px;font-style: italic;font-family: RR;max-height: inherit;transition: 0.2s;position: absolute;bottom: 15px;left: 15px;text-decoration: underline;}
.tintuc_name a.tintuc_view:hover {color: #000;}
.tintuc_item:nth-child(1) .tintuc_img, .tintuc_item:nth-child(2)  .tintuc_img{float:left }
.tintuc_item:nth-child(1) .tintuc_name, .tintuc_item:nth-child(2)  .tintuc_name{left: auto; right:0 }
.tintuc_item:nth-child(1) .tintuc_name:before, .tintuc_item:nth-child(2)  .tintuc_name:before{left: auto;right: 94%;}
.bottom_hotro > span {display: inline-block;text-align: left;background: url(/images/icon_dt.png) no-repeat bottom left;padding: 10px 22px;padding-left: 60px;line-height: 1;font-family:  RM;font-size: 15px;}
.bottom_hotro > span b {display:block;font-size: 22px;color: #fe0303;font-family: 'UTMHelvetIns'}
.bottom_hotro a {display:block;text-align: left;color: #1b0072;padding: 0 10px;}
.bottom_hotro a img {display:inline-block;vertical-align: bottom;margin-right: 10px;}
.hotro_item {text-align:left;padding: 0px 10px;}
.hotro_item strong {display: none;vertical-align:middle;color: #1e6abf;}
.hotro_item b {display:inline-block;vertical-align:middle;color: #fe0101;font-family:  RR;background: url(/images/icon_phone.png) no-repeat left;padding-left: 16px;min-width: 40%;}
.hotro_item span {display:inline-block;vertical-align:middle;background: url(/images/icon_email.png) no-repeat left;padding-left: 16px;}
.group_doitac{padding: 20px 0;position: relative;}
.title_doitac {display:block;font-size: 24px;color: #424141;text-transform: uppercase;font-weight: normal;text-align: center;background: url(/images/line_title1.png) no-repeat bottom;padding-bottom: 5px;margin-bottom: 20px;}
.doitac_slider {/* padding: 0px 20px; *//* background: #fff; */}
.doitac_item {display: block;margin: 0px 3px;/* border: thin solid #e1e1e1; */backgr;background: #fff;}
.doitac_item img { display: block; width: 100%; }
.video_item1 {padding-bottom: 5px;}
.video_img1 {display:block;background: #23292c;padding: 5px;border: thin solid #404548;width: 35%;float: left;}
.video_img1 img {display:block;width: 100%;}
.video_name1 {color: #888888;width: 62%;float: right;}
.video_name1 a {display:block;color: #fff;font-size: 14px;font-family: OS;max-height: 41px;overflow: hidden;margin-bottom: 5px;}
.video_name1 span {display:block;max-height: 37px;overflow: hidden;}
/* ===Slick=== */
.doitac_slider .slick-prev, .doitac_slider .slick-next, .pro_slider .slick-prev, .pro_slider .slick-next{top: 32%;width: 31px;height: 45px;z-index:9;display:block !important;transform: initial;}
.doitac_slider .slick-prev, .pro_slider .slick-prev {background:url(/images/pre.png) no-repeat top center;left: -31px;}
.doitac_slider .slick-next, .pro_slider .slick-next{background:url(/images/next.png) no-repeat top center;right: -31px;}
/* ===Left=== */
.bv_left {display:block;}
.bv_img {display:block;}
.bv_img img {display:block;}
.bv_name {display:block;font-size: 13px;color: #4a4a4a;padding: 10px 0 0;}
.bv_name a {display:block;font-size: 16px;color: #eb2020;font-family:  RB;}
.bv_name span {display:block;max-height: 80px;overflow: hidden;margin: 5px 0;}
.bv_name a.bv_view {display:block;font-size: 13px;font-family: RR;}
.info_left {color: #131313;}
.info_left img {display:block}
.info_left b {display:block;font-size: 16px;text-transform: uppercase;padding: 10px 0 0;}
.info_left strong {display:block;font-size: 23px;color: #e81818;font-family:  RCB;}
.info_left span {display:block;background: url(/images/icon1.png) no-repeat left;padding: 3px 0;padding-left: 25px;}
.info_left span:last-child {background: url(/images/icon2.png) no-repeat left;}
h4.title_left {background: #393939;text-transform: uppercase;font-size: 16px;color: #fff;text-align: center;line-height: 50px;}
.col_item {position: relative;margin: 20px 0;}
ul.dmspleft {margin:0;padding:0;list-style: none;border: thin solid #ececec;border-top: 0;}
ul.dmspleft li {position:relative;}
ul.dmspleft li a {display:block;color: #000;padding: 8px 0;border-top: thin solid #f0f0f0;transition: 0.3s;background: url(/images/icon_xem.png) no-repeat 10px 15px;padding-left: 25px;}
ul.dmspleft li a:hover {/* text-decoration:underline */text-indent: 5px;color: #f10009;}
ul.dmspleft li a span {color: #aaa;font-family:OR}
ul.dmspleft li ul, ul.dmspleft li:hover ul ul {margin:0;padding:0;list-style: none;display:none;position: absolute;top: 0;left: 100%;width: 100%;background: #fff;border: thin solid #ececec;border-top: 0;z-index: 999;}
ul.dmspleft li:hover ul, ul.dmspleft ul li:hover ul {display:block;}
ul.dmspleft li.active > a {font-family:OB; color: #005c0d;}
ul.dmspleft ul li.active a {font-family:OB; color: #005c0d;}
ul.dmspleft li.active ul, ul.dmspleft li.active1 ul {display:block;}
.dmsp_slider h6 {background: url(/images/dmsp.png) no-repeat 5% #003a78;font-size: 16px;color: #fff;text-transform: uppercase;cursor: pointer;line-height: 53px;text-align: center;}
ul.dmsp_left {position: relative;margin: 0;padding: 0;list-style: none;background: #f5f5f5;border: thin solid #d9d9d9;border-top: none;}
ul.dmsp_left li {position: relative;}
ul.dmsp_left > li:first-child > a, ul.dmsp_left > li > ul > li:first-child > a {/* border-top: none; */}
ul.dmsp_left li a {display: block;color: #313131;font-family:  RCR;text-transform: uppercase;padding: 16px 35px;padding-right: 0;background: url(/images/icon_dmsp.png) no-repeat 5%;transition:0.3s;border-top: thin solid #d9d9d9;}
ul.dmsp_left li a img {display:inline-block;vertical-align:middle;margin-right: 5px;}
ul.dmsp_left li a span {display:inline-block; vertical-align:middle;}
ul.dmsp_left > li:hover {/* background: #39b54a; */}
ul.dmsp_left > li:hover > a, ul.dmsp_left > li > ul > li:hover > a , ul.dmsp_left > li > ul > li > ul > li:hover > a{color: #ff1e1e;text-indent: 5px;}
ul.dmsp_left ul, ul.dmsp_left li:hover ul ul {position:absolute;width: 100%;left: 100%;top: 0;background: #f5f5f5;margin: 0;padding: 0;list-style: none;display: none;border: thin solid #d9d9d9;border-top: 0;z-index: 9999;}
ul.dmsp_left li:hover ul, ul.dmsp_left ul li:hover ul {display:block;}
ul.dmsp_left ul li a {display:block;}
ul.dmsp_left .dmsp_sub{position:absolute;left: 100%;top: 0;bottom: -1px;width: 300%;display: none;background: #fff;border: thin solid #39b54a;padding: 10px;padding-right: 250px;/* overflow: hidden; */-webkit-column-count: 2; /* Chrome, Safari, Opera */-moz-column-count: 2; /* Firefox */column-count: 2;z-index: 999;}
ul.dmsp_left li:hover .dmsp_sub{display:block;}
.dmsp_sub img {display: block;position:absolute;bottom: 0;right: -50px;}
.dmsp_sub a {display: block;color: #5a5a5a;position: relative;}
.dmsp_sub b {display:block;}
.dmsp_sub a:hover {text-decoration:underline}
.col_item form#submit_formcontact input { display: block; width: 100%; background: #f9f9f9; border: thin solid #f0f0f0; }
.col_item form#submit_formcontact label { display: none; }
.col_item form#submit_formcontact { padding: 10px; text-align: center; }
.col_item form#submit_formcontact textarea { display: block; width: 100%; background: #f9f9f9; border: thin solid #f0f0f0; }
.col_item form#submit_formcontact button { background: #005aab; margin: 0; }
.tintucleft_item {display: block;padding: 10px 10px;}
.tintucleft_item img {display: inline-block !important;width: 40%;vertical-align: top;margin-right: 1%;}
.tintucleft_item span {width: 57%;display: inline-block;vertical-align: top;color: #1f1f1f;height: 48px;overflow: hidden;}
.tintucleft_item:hover img { opacity: 0.8; }
.tintucleft_item:hover span { color: #f00; }
.hotro1 {text-align: center;padding: 10px 0;}
.hotro1 span, .hotro1 img {display: inline-block;vertical-align: middle;font-size: 27px;color: #ff0000; font-family: 'UTMHelvetIns'}
.hotro2 {padding: 5px 15px;color: #6a6a6a;font-family: Arial;}
.hotro2 span {display: block;}
.hotro2 strong {display: block;color: #303030;font-family: Arial;font-weight: bold;}
.hotro2 b {color: #ef0000;font-family: Arial;}
.hotro2 a {float: right;margin-left: 5px;}
.lkweb a {display:block;font-family:RCR; color:#282828;}
/*===Product=== */
.title_seo {padding: 10px 0 0;/* background: #f9f9f9; */position: relative;z-index: 9;}
.title_seo a {display: inline-block;vertical-align: middle;color: #858585;}
.title_seo i {display: inline-block;vertical-align: middle;font-size: 16px;color: #858585;margin: 0 6px;}
.title_seo span {display: inline-block;vertical-align: middle;}
.title_seo a:hover {color: #000;}
.group_pro_left {float:left;line-height: 0;display: block;}
.group_pro_right {float:right;width: 71.5%;}
.pro_item:hover .pro_name, .pro_item1:hover .pro_name, .pro_item2:hover .pro_name {opacity:1;}
.pro_item:hover .pro_img img, .pro_item1:hover .pro_img img, .pro_item2:hover .pro_img img{ transform: scale(1.05); transition: all .2s ease-out 0s; }
.pro_item1 {position: relative;display:block;border: thin solid #e4e4e4;background: #fff;margin: 10px 5px;}
.pro_item2 {position: relative;width: 24.2%;margin-bottom: 1%;margin-right: 1%;float: left;background: #fff;border: thin solid #e4e4e4;}
.pro_item2:nth-child(4n) { margin-right:0; }
.pro_item2:nth-child(4n+1) { clear:both; }
.pro_item {position: relative;width: 32%;margin-bottom: 2%;margin-right: 2%;float: left;}
.pro_item:nth-child(3n) { margin-right:0; }
.pro_item:nth-child(3n+1) { clear:both; }
.pro_img {display:block;overflow: hidden;position: relative;}
.pro_img img { display:block; width: 100%; transform: scale(1); transition: all .2s ease-out 0s; }
.pro_img:hover img{ transform: scale(1.05); transition: all .2s ease-out 0s; }
.pro_img div {position:absolute;top:0;left:0;right:0;bottom:0;display: flex;align-items: center;background: rgba(0, 0, 0, 0.3);opacity: 0;transition: 0.3s;}
.pro_img span {display:block;width: 100%;text-align: center;} 
.pro_img b {display: inline-block;color: #fff;border: thin solid;line-height: 30px;padding: 0 15px;font-family:  RR;} 
.pro_img:hover div {opacity:1;}
.pro_img b:hover {color:#ff0}
.pro_new {position:absolute;top: 0;right: 0;width: 100px;}
.pro_sale {position:absolute;top: 5px;left: 5px;background: #ed1d25;color: #fff;font-size: 11px;padding: 2px 5px;border-radius: 5px;}
.pro_name {text-align:center;color: #4d4d4d;}
.pro_name a {display: block;color: #4d4d4d;font-family: RM;font-size: 16px;max-height: 45px;overflow: hidden;margin: 5px 0;}
.pro_name a:hover {color: #f00;}
.pro_name span {/* float: left; */}
.pro_name b {display: inline-block;color: #f00;}
.pro_name strong {display: block;color:#bdbdbd;font-family:  RR;text-decoration: line-through;}
.pro_name a.pro_view {display:block;float: right;font-size: 15px;color: #000;border: thin solid;line-height: 32px;padding: 0 12px;border-radius: 30px;margin: 0;transition: 0.1s;}
.pro_name a.pro_view:hover {color: #fff;background: #000;}
#amazingcarousel-1 , #amazingcarousel-list-container, #amazingcarousel-list-wrapper, .amazingcarousel-list-wrapper { width: 100% !important; margin: 0 !important;}
#amazingcarousel-1 .amazingcarousel-list-container { padding: 0 10px!important; padding-top: 10px!important; width: 100% !important; }
#amazingcarousel-1 .amazingcarousel-prev { margin: 0 !important; left: -19px!important; top: 40% !important; }
#amazingcarousel-1 .amazingcarousel-next { margin: 0 !important; right: -19px!important; top: 40% !important; }
.product_info {padding:20px 0;}
.product_left {width: 44%;float: left;text-align: center;}
.product_info .main-img-slider {width: 77%;float: right;background: none;border: thin solid #ebebeb;}
.product_info .thumb-nav { width: 18%; float: left; margin:0; background:none; }
.img_thumb { margin: 5px 0; border: thin solid #ebebeb; }
.product_left .thumb-nav .slick-prev, .product_left .thumb-nav .slick-next  { top: 0; left: 0; width: 100% !important; height: 20px !important; display: block !important; text-indent: -999px; opacity: 1; margin: 0 !important; }
.product_left .thumb-nav .slick-prev{ background: url(/images/arrow_dow.png) no-repeat center rgba(0, 0, 0, 0.6); }
.product_left .thumb-nav .slick-next{ background: url(/images/arrow_up.png) no-repeat center rgba(0, 0, 0, 0.6); top: auto !important; bottom: 0 !important; }
.product_right {width: 55%;float: right;}
.info_name {display:block;font-size: 20px;color: #23292c;margin: 0;}
/*.info_content {display:block;background: #f0f0f0;padding: 10px 15px;margin-top: 5px;}*/
.info_content p {margin:0}
.infopro {border-bottom: thin dashed #ccc;padding: 8px 0;}
.infopro b {display:inline-block;min-width: 15%;}
.pricesale {display:inline-block;vertical-align: bottom;color: #c0c0c0;font-family: RL;text-decoration: line-through;font-size: 18px;line-height: 36px;}
.price {display:inline-block;vertical-align: bottom;color: #d60c0c;font-size: 30px;font-family:  RB;margin-right: 8px;}
.cart_prodetail {border-bottom: thin dashed #ccc;padding: 10px 0;margin-bottom: 10px;}
.mau_prodetail span{display:inline-block;vertical-align: middle;border: thin solid #ccc;line-height: 30px;padding: 0 10px;color: #333;cursor: pointer;}
.mau_prodetail span.active, .mau_prodetail span:hover{border: thin solid #00680e;color: #00680e;}
.size_prodetail span{display:inline-block;vertical-align: middle;background: #f2f2f2;line-height: 28px;padding: 0 5px;color: #333;min-width: 30px;text-align: center;cursor: pointer;}
.size_prodetail span.active, .size_prodetail span:hover{background: #1c1c1c;color: #fff;}
.addthis_inline_share_toolbox {margin-top: 10px;/* padding-top: 10px; *//* border-top: thin solid #f0f0f0; */}
.cart_item, .cart_num {display: inline-block;vertical-align: middle;}
.cart_num input {display: inline-block;vertical-align: middle;line-height: 34px;padding: 0 5px;border: thin solid #ccc;}
.cart_item{background: url(/images/icon_cart2.png) no-repeat 10px 7px #f10009;display: inline-block;vertical-align: middle;line-height: 36px;color: #fff;/* text-transform: uppercase; */padding-right: 10px;padding-left: 38px;cursor:pointer; transition:0.3s;}
.cart_item:hover{background: url(/images/icon_cart2.png) no-repeat 10px 7px #2d2d2d;}
.product_tags { margin-bottom: 10px; color: #999; font-style: italic; font-size: 15px; }
.product_tags a { color: #999; }
ul.tabs_main {margin: 0;padding: 0;list-style: none;border-left: thin solid #eee;}
ul.tabs_main li {color: #000;line-height: 40px;padding: 0 25px;cursor:pointer;display: block;float: left;border: thin solid #eee;border-left: none;border-bottom: 0;position: relative;}
ul.tabs_main li.active {color: #19792f;}
ul.tabs_main li.active:before {content:'';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: #19792f;}
.tab_container {padding: 10px;border: thin solid #eeeeee;background:#fff;/* width: calc(100% - 25.6%); *//* float: right; */}
.tags_prodetail {color:#787878;margin-top: 10px;text-transform: capitalize;}
.tags_prodetail a {display: inline-block;vertical-align: middle;color: #787878;border: thin solid #ebebeb;line-height: 33px;padding: 0 10px;}
.tags_prodetail a:hover {color: #000;background:#ebebeb}
.proother_view {display:block;text-align: center;padding: 5px;}
.proother_view span {display:inline-block;background: #fff;color: #000;font-size: 12px;border: thin solid #ccc;line-height: 25px;padding: 0 20px;}
.proother_view span:hover {background: #ccc;color: #fff;}
form.form-dkdn {
    width: 60%;
    margin: 0 auto;
    background: #fff;
    padding: 15px 15px 15px 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 5px #888;
}
.dkdn_container {
    text-align: center;
}
.dky_left {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.dky_right {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
	position:relative
}
.login_fb, .login_g {
    display: inline-block;
    border: thin solid;
    font-weight: bold;
    font-family: Arial;
    line-height: 35px;
    padding-right: 10px;
    width: 220px;
	text-align:left;
	cursor:pointer;
}
.login_fb {
    color: #4B64A5;
	margin-bottom:20px;
}
.login_g {
    color: #E04931;
}
.login_fb i, .login_g i {
    display: block;
    float: left;
    color: #fff;
    line-height: 35px;
    width: 35px;
    font-size: 22px;
    margin-right: 10px;
	text-align:center;
}
.login_fb i {
    background: #4B64A5;
}
.login_g i {
    background: #E04931;
}
span.login_or {
    position: absolute;
    top: 38%;
    left: 5%;
}
form.form-horizontal {
    border: thin solid #ccc;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
}
.input_dkdn, .input_mabv {
    margin-bottom: 10px;
    text-align: left;
}

.input_dkdn label, .input_mabv label {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
}

.input_dkdn input {
    display: inline-block;
    vertical-align: middle;
    width: 74%;
    padding: 0;
    line-height: 40px;
    text-indent: 10px;
    border-radius: 5px;
    border: thin solid #cccccc;
}

.form-horizontal span {
    color: #f00;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
}
.input_dkdn select {
    display: inline-block;
    vertical-align: middle;
    border: thin solid #ccc;
    color: #333;
    padding: 8px 5px;
    width: 30%;
    border-radius: 5px;
}
.input_mabv input {
    padding: 0;
    border: thin solid #ccc;
    width: 30%;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
    text-indent: 10px;
}

.input_button input {
    display: block;
    background: #144bd5;
    width: 100%;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 35px;
}
form.form-login {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 5px #888;
}
.form-forgot {
    width: 50%;
    margin: 0 auto;
}
form.form-login input {
    width: 90%;
    display: inline-block;
    padding: 0;
    line-height: 35px;
    text-indent: 10px;
    border-radius: 5px;
    border: thin solid #cccccc;
    margin-bottom: 10px;
}

form.form-login input#login {
    border: none;
    background: #144bd5;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

form.form-login span {
    display: block;
    color: #333;
    font-family: Arial;
}

form.form-login a {
    color: #144bd5;
}
form.form-horizontal ::-webkit-input-placeholder {
   color: #999;
    
    font-style:initial;
}
form.form-horizontal :-moz-placeholder { 
   color: #999;
    
    font-style:initial;  
}
form.form-horizontal ::-mocolor: {
	color:#999;
     
    font-style:initial; 
}
form.form-horizontal :-ms-input-placeholder {  
    color: #ccc;
      
    font-style:initial;
}
.ttleft {
    width: 60%;
    float: left;
}

.ttright {
    width: 39%;
    float: right;
    background: #f9f9f9;
    padding: 10px;
}

.cartitem {
    margin-bottom: 10px;
    position: relative;
}

.cartitem_img {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: thin solid #ccc;
    padding: 5px;
    background: #fff;
}

.cartitem_img img {
    display: block;
    width: 100%;
}

.cartitem_img span {
    position: absolute;
    top: -6px;
    right: -10px;
    background: #d50101;
    display: block;
    color: #fff;
    line-height: 20px;
    
    width: 20px;
    text-align: center;
    border-radius: 50%;
}

.cartitem_name {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
}

.cartitem_name b {
    display: block;
}

.cartitem_price {
    position: absolute;
    top: 35px;
    right: 0;
    font-size: 15px;
    color: #d50101;
}
.ttcn_group {width: 25%;float:left;background: #fff;border: thin solid #ccc;}
.ttcn_group1 {border-bottom:thin solid #ccc;padding: 10px;}
.ttcn_group1 span {display:block;}
.ttcn_group1 a {display:block;color: #0251c7;}
.ttcn_group2 {padding: 10px;}
.ttcn_group2 span {display:block;margin-bottom: 5px;}
.ttcn_group2 a {color: #0251c7;}
.donhang_group {width: 74%;float:right;}
.donhang_group h3 {border-bottom:thin solid #ccc;font-size: 18px;text-transform: uppercase;padding-bottom: 5px;margin-bottom: 10px;}
.donhang_detail {background:#fff;padding: 10px;margin-bottom: 10px;border: thin solid #ececec;}
/* ==== News === */
.cc_item {display:block;width: 49%;float: left;margin-right: 2%;}
.cc_item img {display:block;}
.cc_item:nth-child(2n) {margin-right: 0;}
.cc_item:nth-child(2n+1) {clear: both;}
.item_news {position: relative;/* float: left; */width: 100%;margin: 2% 0;/* margin-right: 2%; */background: #fff;border: thin solid #ccc;padding: 5px;}
.item_news:nth-child(2n) { margin-right:0; }
.item_news:nth-child(2n+1) { clear:both; }
.img_news {width: 28%;float: left;display:block;}
.img_news img { width:100%; display:block; }
.img_news img:hover { opacity: 0.8; }
.name_news{width: 70%;float: right;color: #3b3b3b;}
.name_news a {color: #252626;display: block;font-family: OB;font-size: 15px;max-height: 40px;overflow: hidden;line-height: 1.3;}
.name_news a:hover { color: #f00; }
.name_news b{font-size: 11px;color: #949494;padding: 2px 0 0;display: block;font-family:  OL;}
.name_news span {display: block;color:#3c3c3c;height: 62px;overflow: hidden;}
a.view_news:hover { background: #BD8B36; }
a.view_news  { color: #2d2d2d; font-family: Arial;  display: block; background: #FAD669; padding: 6px 12px; border-radius: 20px 0px 20px 0px; display:inline-block; }
.other_news a {color: #000;display: block;background: url(/images/icon_dmsp.png) no-repeat 0px 2px;padding-left: 26px;margin-bottom: 5px;}
.other_news span {color: #a0a0a0;}
.other_news a:hover { text-decoration:underline; }
/* === Contact === */
.form_lienhe { position: relative; }
.form_lienhe input { width: 49%; line-height: 30px; margin-bottom: 10px; background: #fff; border: thin solid #ccc; color: #000; float: left; margin-right: 2%; padding:0; text-indent: 10px; }
.form_lienhe input:nth-child(2n) { margin-right: 0; }
.form_lienhe textarea { width: 100%; height: 150px; line-height: 30px; margin-bottom: 10px; background: #fff; border: thin solid #ccc; color: #000; margin-right: 2%; padding: 0; text-indent: 10px; }
.form_lienhe button { background: #f3ac00; border: none; /* font-weight: bold; */ color: #000; padding: 5px 30px; font-size: 15px; border-radius: 5px; text-transform: uppercase; }
.form_lienhe button:hover { background: #ff0; }
.code_contact { margin-bottom: 20px; }
.code_contact span { display: inline-block; vertical-align: middle; }
.code_contact input { display: inline-block; vertical-align: middle;width: 25%;  float: none; margin: 0; }
::-webkit-input-placeholder {  color: #000; }
:-moz-placeholder {  color: #000; }
::-mocolor: {  color: #000; }
:-ms-input-placeholder {   color: #000; }
.form_c{ width: 49%; float: left; }
.map_c { width: 49%; float: right; }
.map_info{ width: 100%; height: 500px; color:#000; }
.contact_l{ width: 49%; float: left; }
.contact_r { width: 49%; float: right; }
.map_c img { max-width: inherit; max-height: inherit; }
/* ===Footer=== */
footer {display:block;}
#map_canvas1{width: 100%;height: 447px;color:#000;}
#map_canvas11 iframe{width: 100%;height: 447px;color:#000;}
#map_canvas3 iframe{width: 100%;height: 400px;color:#000;}
.ft_dky {/* background: #f2f2f2; *//* padding: 30px 0; */position: relative;}
#contact_ft {position: absolute;top: 24%;bottom: 24%;left: 6%;z-index: 9;background: rgba(255, 255, 255, 0.65);width: 34%;text-align: center;padding: 20px;}
#contact_ft b {display:block;font-size: 16px;color: #d90000;font-family:  RR;margin-bottom: 10px;}
#contact_ft input {display:block;border: none;border-left: 3px solid #ee0000;padding: 0;line-height: 26px;font-family: RR;color: #323232;text-indent:  10px;width: 49%;margin-bottom: 10px;}
#contact_ft textarea {display:block;border: none;border-left: 3px solid #ee0000;padding: 5px 10px;font-family: RR;color: #323232;width: 45%;margin-bottom: 10px;position: absolute;top: 55px;right: 20px;height: 97px;}
#contact_ft button {display: inline-block;background: #ee0000;border: none;color: #fff;line-height: 28px;padding: 0 50px;}
.ft_top  {position: relative;/* color: #fff; */font-;/* padding: 20px 0; *//* background: #0cb000; */}
.ft_top p{ margin:0; }
h5.ft_title {margin: 0;font-size: 15px;text-transform: uppercase;background: url(/images/line_footer.png) no-repeat bottom left;padding-bottom: 5px;margin: 10px 0;}
h4.ft_title {margin: 0;font-size: 25px;margin-bottom: 10px;color: #fefb00;}
.group_dky {background:url(/images/bg_dky.png) no-repeat top;padding: 30px 0 40px;}
form#subscribe_form {position: relative;/* background: #fff; *//* text-align: center; *//* margin: 10px 0; */}
form#subscribe_form b {display:block;font-size: 32px;}
form#subscribe_form span {display:block;margin: 5px 0 10px;font-size: 25px;text-transform: uppercase;}
form#subscribe_form input {display: inline-block;vertical-align: top;width: 78%;padding: 0;line-height: 40px;text-indent: 10px;background: #fff;border: none;color: #686868;font-size: 13px;font-family:  RR;}
form#subscribe_form input#name_newsletter {margin-right: 3px;}
form#subscribe_form input#email_newsletter {/* width:100%; */}
form#subscribe_form textarea {display: block;width: 100%;padding: 10px;background: rgba(0, 0, 0, 0.2);border: none;color: #fff;margin-bottom: 6px;}
a#send_email_newsletter {display: block;float: right;line-height: 40px;color: #fff;width: 20%;background: #e91919;text-align: center;font-size: 15px;font-family:  RB;text-transform: uppercase;}
#subscribe_form ::-webkit-input-placeholder {color: #686868;font-size: 13px;font-family:  RR;}
#subscribe_form :-moz-placeholder {color: #686868;font-size: 13px;font-family:  RR;}
#subscribe_form ::-mocolor: {color: #686868;font-size: 13px;font-family:  RR;}
#subscribe_form :-ms-input-placeholder {color: #686868;font-size: 13px;font-family:  RR;}
.ft_bot  {position: relative;font-size: 13px;padding: 15px 0;background: #fcd500;}
.ft_bot span {float: right;}
/*.ft_bot .container {padding: 10px 0;border-top: thin solid #343434;}*/
.ft_bot span:first-child {float:left}
.ft_mxh {line-height: 0;margin-top: 10px;}
.ft_mxh span, .ft_mxh a { display: inline-block; vertical-align: middle; }
.ft_left {width: 40%;float: left;position: relative;z-index: 999;}
.ft_center {width: 20%;float: left;margin: 0 3%;}
.ft_right {float: right;}
.ft_item {width: 50%;float: left;}
.ft_item1 {padding: 20px 40px;color:#fff;min-height: 447px;}
.ft_hotro {display:block;font-size: 16px;}
.ft_hotro img {display:inline-block;vertical-align: top;margin-right: 5px;}
.ft_hotro span {display:inline-block;}
.ft_hotro b {display:block;font-size: 21px;color: #ff0;}
.ft_thongke span {display: block;padding: 6px 0;font-family: Time;font-style:  italic;}
.ft_thongke b {float:right;}
.ft_thongke img {display: inline-block;vertical-align: middle;width: 15px;margin-right: 10px;}
.ft_thongke1 {display:inline-block;vertical-align: text-bottom;}
.ft_thongke1 span {display:block;line-height: 1.8;}
.ft_dmsp {/* -webkit-column-count: 2; */-moz-column-count: 2;/* column-count: 2; */}
.ft_dmsp a{display:block;color: #fff;/* font-size: 15px; */margin-top: 5px;/* background: url(/images/icon_footer.png) no-repeat 0px 8px; *//* padding-left: 15px; */}
.ft_dmsp a:hover {text-decoration:underline;}
.ft_tags {padding: 2px 4px;}
.ft_tags a {display:inline-block;vertical-align: top;border: thin solid #cccccc;color: #000;padding: 6px 12px;margin: 2px 0;font-size: 12px;}
.ft_copy {display:block;font-size: 12px;padding-top: 10px;color: rgba(255, 255, 255, 0.53);}
#back-top { position: fixed; bottom: 10%; right: 0; display: block; z-index: 999;}
/* === Call mobile === */
.visible-xs{ display:none; }
.visible-xs{ z-index:1000; position: fixed; bottom: 0; width: 100%; left: 0; }
.visible-xs table{ width:100%; text-align:center; margin:auto; background: #000; }
.visible-xs img { width: 30%; max-width: 35px; vertical-align: middle; }
.visible-xs a {color:#fff;}
.blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@-moz-keyframes blinker {  0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }
@-webkit-keyframes blinker {  0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }
@keyframes blinker {  0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }
.cf-hidden { display: none; } .cf-invisible { visibility: hidden; }
/* === Paging === */
.phantrang { text-align: center; padding: 10px 0; text-align: center; }
.phantrang a {color: #00cc0e;border: thin solid #ebebeb;display: inline-block;line-height: 23px;margin-right: 5px;text-decoration: none;text-align: center;font-size: 12px;padding: 0 10px;}
.phantrang span {display: inline-block;line-height: 23px;margin-right: 5px;background-color: #00cc0e;color: white;border: thin solid #00cc0e;padding: 0 10px;}
.phantrang a:hover{background-color: #ff5187;color: white;border: thin solid #ff5187;}
.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.header_top_sub2{display:none;}
.displayblock {display:block;}
.displaynone {display:none;}

.tongtien {text-align:right;padding: 10px 0;}
.totalcart_price {color:#f00;font-size: 20px;}
.totalcart_btn {text-align:right;padding-bottom: 10px;}
.totalcart_btn input {display: inline-block;vertical-align: middle;background: linear-gradient(0deg, #d1160f 0, #ff7570 100%);color: #fff;line-height: 35px;border: none;padding: 0 25px;border-radius: 5px;cursor: pointer;}
.totalcart_btn input:hover {background: #037cb8;}
.thanhtoan_left {width: 58%;float:left;}
.thanhtoan_right {width: 40%;float:right;}
h6.titlettdh {margin: 0;font-size: 20px;margin-bottom: 10px;}
form.frm_order input {display:block;width: 49.5%;padding: 0;border: thin solid #ccc;text-indent: 10px;line-height: 35px;margin-bottom: 10px;}
form.frm_order select {display: inline-block;vertical-align: top;width: 24%;padding: 0;border: thin solid #ccc;margin-bottom 10px:;margin-bottom: 10px;padding: 7px;margin-right: 6px;}
form.frm_order textarea {display: block;width: 80.5%;padding: 5px 10px;border: thin solid #ccc;margin-bottom: 10px;font-family: Arial;}
form.frm_order input[type=submit] {display: inline-block;width: inherit;text-indent: inherit;padding: 0 25px;border: none;background: #d1160f;color: #fff;text-transform: uppercase;border-radius: 5px;margin-top: 10px;}
.httt_item {
    font-family: Arial;
    display: inline-block;
    vertical-align: top;
    background: #f9f9f9;
    width: 40%;
    text-align: center;
    padding: 10px;
    
    cursor: pointer;
    position: relative;
}

.httt_item.current {
    background: #ffe5ed;
    color: #000;
}

form.frm_order .httt_item input {
    display: block;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0;
    border: none;
    line-height: normal;
    text-indent: initial;
    opacity: 0;
    height: 0;
    margin: 0;
}
.httt_item.current i {
    display: block;
}

.httt_item i {
    position: absolute;
    top: 96%;
    left: 0;
    right: 0;
    line-height: 0;
    font-size: 25px;
    color: #ffe5ed;
    display: none;
}
.httt_content {background: #fff;padding: 15px;font-family: arial;display: none;border: thin solid #eeeeee;}

.httt_content.current {
    display: block;
}
.vortex_mobile{display:none;}
/* ==========================================================================
	Responsive styles 
========================================================================== */
@media (max-width: 1300px) {
}
@media (max-width: 1200px) {
.container { position:relative; width:100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; }
ul#header_menu > li { padding: 0 13px;}
}
@media (max-width: 1024px) {
.theme-default .nivo-controlNav {z-index: 5 !important;}
#header_menu  { display: none;}
#st-container{display: block;float: right;margin-top: 25px;}
button.btn-menu {float: right;width: 40px;text-align: center;background: #fed700;color: #fff;font-size: 35px;line-height: 8px;display: block;border: thin solid #fff;font-family: RL;padding: 5px 0;cursor: pointer;transition:0.3s;position: relative;z-index: 9999;margin: 5px 0;}
button.btn-menu:hover {background: #fff;color: #fed700;}
button.btn-menu.current:before {content:'X';position: absolute;top: 0;left: 0;right: 0;bottom: 0;line-height: 33px;font-size: 24px;color: #fff;background: #fed700;}
.st-menu {background: #f9f9f9 !important;width: 50% !important;}
.st-menu > ul {margin: 4% 20% 1% 5% !important; text-align:left;}
.st-menu ul li a {color: #1c1c1c !important;transition: inherit !important;text-transform: inherit;box-shadow: inset 0 -1px #1c1c1c  !important;background: none !important;}
.col_left{width: 100%;float: none;display:none;}
.col_right{width:100%; float:none;}
.pro_item, .duan_item {width: 32%;margin:1% 0; margin-right: 2%;}
.pro_item:nth-child(4n),.duan_item:nth-child(4n) { margin-right: 2%;}
.pro_item:nth-child(4n+1),.duan_item:nth-child(4n+1)  { clear: initial; }
.pro_item:nth-child(3n),.duan_item:nth-child(3n)  { margin-right: 0; }
.pro_item:nth-child(3n+1),.duan_item:nth-child(3n+1)  { clear: both;; }
.dmsp_slider, .dmsp_menu {display: none;}
div#at-share-dock { display: none !important;}
.pro_other{display:block;}
.dky_left, .form-forgot, form.form-dkdn {width: 100%;}
.ttcn_group {width: 60%;float: none;}
.donhang_group {width: 100%;float: none;margin-top: 10px;}
.thanhtoan_left {width: 100%;float: none;}
.thanhtoan_right {width: 100%;float: none;}
#header_top1 {background:#fed700;}
.quangcao_item, .quangcao_item1{display:none;}
.email_top {margin-left:0;}
.title_index {font-size: 14px;}
.title_index h3 {font-size: 25px;}
.title_index1 h3 {font-size: 16px;}
.group_menu .title_index { color: #fff; background: none !important; padding: 0; }
.menu_item {margin-left: 2%;margin-top: 0%;}
.menu_item a {font-size: 12px;margin-bottom: 5px;}
.menu_item b {font-size: 13px;line-height: 25px;}
.tintuc_name span { max-height: 60px;}
.tintuc_name:before { left: 100%; width: 16px; background: url(/images/icon_news.png) no-repeat center right; }
.tintuc_item:nth-child(1) .tintuc_name:before, .tintuc_item:nth-child(2) .tintuc_name:before { right: 100%; background: url(/images/icon_news.png) no-repeat center left; }
}
@media (max-width: 768px) {
.pro_item, .ha_item {width: 49%; margin:1% 0; margin-right: 2%;}
.pro_item:nth-child(3n),.ha_item:nth-child(3n) { margin-right: 2%;}
.pro_item:nth-child(3n+1),.ha_item:nth-child(3n+1) { clear: initial; }
.pro_item:nth-child(2n),.ha_item:nth-child(2n)  { margin-right: 0; }
.pro_item:nth-child(2n+1),.ha_item:nth-child(2n+1) { clear: both;; }
.form_c, .map_c { width: 100%; float: none; }
.contact_l, .contact_r{ width: 100%; float: none; }
.visible-xs table {background: #e91212;}
.product_left { float: none; width: 100%; }
.product_right { width: 100%; float: none; padding: 20px 0; }
.form_lienhe input { width: 100%; }
footer {margin-bottom: 36px; background-size: cover !important; background: #19792f; padding:0;}
.visible-xs { display: block; }
.ft_left, .ft_center , .ft_right { width: 100%; float: none; margin: 1% 0;text-align:left}
.ft_bot span  {display:block;float: none !important;text-align: center; width: 100%;}
.item_news {float: none;width: 100%;margin: 1% 0}
.newsdetail_slider { width: 100%; float: none; margin: 20px 0; }
.chitiet_mota { width: 100%; float: none; }
.bottom_item, .bottom_item:nth-child(2), .bottom_item:first-child {width: 100%;float: none;margin: 2% 0 !important;}
.display-none {display:none;}
#ser_onl {display:none;}
header { text-align: center; background-size: cover !important; }
.email_top, .hotline_top {display:none;}
.about_img {display: none; }
.about_left {width: 100%;float: none;}
.group_menu {position:relative;padding: 20px 0;background-size: cover !important;}
.group_menu img {display: none;width:100%;}
.group_menu1 {position: relative; }
.menu_item { margin-left: 5%; margin-top: 0%; width: 30%; }
.group_news { position: relative; padding: 10px 0 30px; background-size: cover !important; }
.tintuc_item { width: 100%; float: none; }
.tintuc_img {width: 40%;}
.tintuc_name {width: 60%;}
form#subscribe_form input {width: 100%;margin-bottom: 10px;}
a#send_email_newsletter {width: 45%;}
}
@media (max-width: 555px){
ul.tabs_main li {float:none;}
.input_dkdn input { width: 100%; }
.input_dkdn label, .input_mabv label { width: 100%; display: block; }
.input_dkdn select { width: 100%; margin-top: 5px; }
.input_mabv input { width: 100%; margin-bottom: 10px; }
form.form-login {padding: 15px;}
form.form-login input {width:100%;}
form.frm_order input, form.frm_order select, form.frm_order textarea {width: 100%;}
.holder a.jp-first, .holder a.jp-last, .holder a.jp-next, .holder a.jp-previous {display: none;}
.ft_item {width: 100%;float: none;}
.ft_item1 {padding: 20px;color:#fff;min-height: auto;}
.title_index h3 { font-size: 20px; }
.tintuc_item { margin: 2% 0; }
.tintuc_img {width: 40%;float: left;}
.tintuc_name {position:relative;padding: 5px}
.tintuc_name span { max-height: 40px; margin: 0 0 22px; }
.tintuc_name:before{display:none;}
.tintuc_name a.tintuc_view {bottom:5px; left:5px}
.mxh_top {display:none;}
.banner_top { width: 50%; }
#st-container { margin-top: 5px; }
.about_item {width: 49%;}
.about_item img {width: 30%;}
.about_item span {width: calc(100% - 33%);}
.ser_item {margin: 0 5px;}
.ser_item span {font-size: 13px;padding: 5px;}
.menu_item { margin-left: 0; margin-top: 0%; width: 40%; margin-right: 5%; }
.lang_top { display: block; padding: 5px 0; }
}
@media (max-width: 380px){
.pro_item, .ha_item{ width: 100%; margin: 1% 0; }
.box_video { width: 100%; margin:1% 0; }
.img_news {width: 100%;float: none;}
.name_news{width: 100%;float: none;padding: 10px 0;}
ul.tabs_main li {width: 100%;margin-top: 2px;}
.st-menu { width: 68% !important;}
.group_about { padding: 60px 0; background-size: cover !important; }
.about_name a { font-size: 20px; }
.about_item { width: 100%; }
.group_menu .title_index h3, .group_news .title_index h3 { padding: 10px; background-size: 100% 100% !important; }
.thuvien_item {width:100% !important; margin:1% 0 !important}
}