@charset "utf-8";
body {font-family: 'Roboto Slab', serif;font-size: 14px;color: #000;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;outline:none;}
a{text-decoration:none;outline:none;}
h1, h2, h3, h4, h5, h6, b, strong {margin: 0px;/*font-family: 'UTMAvoBold';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;}
.container1 {background: #fff;}
.container2 {/* padding:10px; *//* margin-bottom: 10px; */}
header, section, footer {position: relative;width:100%; max-width:1366px; margin:0 auto;}
/*===Header===*/
header {min-height: 92px;}
#header_top {position: relative;background: #dbdbdb;padding: 5px 0;font-size: 16px;color: #636363;}
#header_top marquee {width:50%; float:left;}
#header_top span {float: right;color: #03C;}
.logo_top {display: block;float: left;}
.logo_top img {display:block;}
.banner_top {display:block;}
.banner_top img {display:block;}
.cart_top {display:block;float:right;line-height: 30px;border: thin solid #fff;color: #fff;font-family: Tahoma;background: url(../images/icon_cart.png) no-repeat 8px 5px;padding: 0 5px 0 35px;border-radius: 5px;margin: 7px 0 0;}
.cart_top b {display: inline-block;color: #000;background: #fdd835;line-height: 1.5;padding: 0 5px;border-radius: 2px;}
.search_top {position: relative;float: right;margin-top: 32px;margin-left: 20px;}
.icon_search1 {display:block;padding: 10px 0px;}
form#frm_search {float: left;width: 35.5%;background: #fff;border-radius: 5px;margin: 6px 10px;}
form#frm_search input {display:block;border: none;background: transparent;color: #8e8e8e;font-size: 13px;font-style: italic;padding: 0;line-height: 32px;text-indent: 10px;width: 75%;float: left;}
form#frm_search a {display:block;width: 25%;float: right;font-size: 14px;text-transform: uppercase;color: #fff;line-height: 32px;overflow: hidden;position: relative;border-radius: 0 6px 6px 0;background: url(../images/icon_search.png) no-repeat 8px 6px #e49907;padding-left: 32px;}
.hien {width:250px !important;opacity: 1 !important;}
.lang_top {float: right;color: #fff;margin-top: 18px;}
.lang_top strong, .lang_top div {float:left;display: block;border-right: thin solid #fff;}
.lang_top strong  a {display: inline-block;vertical-align: middle;padding: 0 22px;}
.lang_top a {display: block;float: left;color: #fff;padding: 0 10px;cursor: pointer;border-right: thin solid #fff;}
.lang_top a:hover {text-decoration:underline;}
.lang_top a:last-child {border:none;padding-right: 0;}
.lang_top span {display: inline-block;vertical-align: middle;padding: 0 10px;margin: 10px 0;border-right: 1px solid #fff;line-height: 1.2;}
#menu_top {position: relative;width: 100%;margin: 0 auto;background: #fff;}
.dmsp_menu {display:block;width: 20%;float: left;background: #fff;position: relative;}
.dmsp_menu h6 {display:block;font-size: 14px;color: #189eff;border-bottom: thin solid #189eff;font-family: 'UTMAvo';text-transform: uppercase;line-height: 44px;background: url(../images/icon_dmsp.png) no-repeat 5px 8px;padding-left: 40px;cursor: pointer;}
ul.dmsp_left {position: relative;background: #fff;margin: 0;padding: 0;list-style: none;}
ul.dmsp_left li {display:block;position: relative;}
ul.dmsp_left li a {display:block;color: #252525;padding: 8px 0;border-bottom: thin dashed #aeaeae;margin: 0 13px;}
ul.dmsp_left li a:hover {text-decoration:underline}
ul.dmsp_left li ul, ul.dmsp_left li:hover ul li ul {display:none;margin: 0;padding: 0;list-style: none;position: absolute;top: 0;left: 100%;width: 100%;background: #fff;}
ul.dmsp_left li:hover ul, ul.dmsp_left li ul li:hover ul {display:block;}
.dmsp_menu ul.dmsp_left {display:none;position: absolute;top: 100%;left: 0;right: 0;z-index: 9;}
.dmsp_menu:hover ul.dmsp_left{display:block;}
.group_slider {position:relative;}
.dmsp_slider {width: 18%;position: absolute;top: 0;bottom: 0;left: 5.5%;z-index: 9;background: #fff;}
#header_menu {margin: 0;padding: 0;list-style: none;position: relative;float: right;/* margin: 20px 0 0; */}
ul#header_menu > li {position: relative;float: left;}
ul#header_menu > li > a {display: block;font-size: 16px;text-transform: uppercase;color: #232323;position: relative;padding: 38px 25px;text-align: center;}
ul#header_menu > li > a > img {display: inline-block}
ul#header_menu > li > a > span {display: block}
ul#header_menu > li:hover > a, ul#header_menu > li.active > a {color: #03C;}
ul#header_menu > li:first-child a {/* border-left: 0; */}
ul#header_menu > li:last-child a {padding-right: 0;}
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: auto; */width: 220px;list-style: none;margin: 0;padding: 0;z-index: 999;background: #fff;display:none;}
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 {padding: 10px 10px;border: none;border-top: thin solid #232323;color: #232323;/* font-size: 12px; */background: none;text-align:left;line-height: 1.5;display: block;text-shadow: none;/* background: url(../images/icon_dmsp1.png) no-repeat 10px 14px; */transition: 0.2s;}
ul#header_menu li:hover ul {display:block;top: 100%;left: 0;}
ul#header_menu li:nth-child(6):hover ul {left: auto; right:0}
ul#header_menu ul li:hover a, ul#header_menu ul ul li:hover a{text-decoration: underline;}
ul#header_menu ul ul ul li:hover a {color: #000;background: #f0f0f0;}
ul#header_menu ul li:hover ul, ul#header_menu ul ul li:hover ul {display:block;top: 0;left: 100%;/* right: 100%; */background: #fff;}
ul#header_menu li:nth-child(6) ul li:hover ul {left: auto; right:100%}
ul#header_menu ul li:hover ul a {color: #000;text-indent: 0;text-decoration: none;}
ul#header_menu ul ul li:hover a {text-decoration: underline;}
ul#header_menu ul ul li:hover ul a {color: #fff;text-decoration: none;background: transparent;}
ul#header_menu ul ul ul li:hover a {text-decoration: underline;}
ul#header_menu > li:hover div {display:block;}
#st-container{display: none}
.theme-default {position:relative;z-index:8 !important;}
.theme-default .nivoSlider { background: none !important; margin:0 !important; box-shadow: none !important;}
.theme-default #slider1 .nivo-caption{position:absolute;width:45%;background: rgba(255, 255, 255, 0.6);color:#fff;font-family: 'HelveticaNeueL';font-size:18px;opacity:1;padding:20px; bottom:3%; left:3%}
.theme-default #slider1 .nivo-caption b {display:block;font-size:32px;font-family: 'HelveticaNeueL';margin-bottom:10px}
.theme-default #slider1 .nivo-caption span {display:block;}
.theme-default .nivo-controlNav {display:none;}
/*===Section===*/
.col_left {width: 25%;float: right; margin-bottom: 20px;}
.col_right {width: 73%;float: left; margin-bottom: 20px;}
.title_index {text-align: center;margin: 15px 0;}
.title_index h3 {color: #313131;font-size: 30px;font-weight: normal;text-transform: uppercase;padding: 10px 15px;}
.title_index.title {background:#f3f3f3}
.title_index.title h3 {padding: 10px 0}
.title_index1 {display:block;border-bottom: thin solid #a2a2a2;margin: 10px 0;}
.title_index1 h3 {display: inline-block;vertical-align: middle;font-size: 20px;color: #464545;text-transform: uppercase;margin-right: 17px;}
.title_index1 a {display: inline-block;vertical-align: middle;background: #000;color: #fff;font-size: 13px;padding: 5px 15px;border-radius: 30px;}
.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;font-size: 16px;color: #323232;position: absolute;top: 0;right: 0;}
.tabsindex span {display: inline-block;vertical-align: top;cursor: pointer;padding: 9px;border-bottom: 3px solid transparent;margin-left: 20px;}
.tabsindex span.current, .tabsindex span:hover {border-bottom: 3px solid #049d00;}
.tab-content {display:none;}
.tab-content.current {display:block;}
.group_index {padding: 10px 0 20px;}
.dv_item {width: 22.5%;float: left;margin-right: 3.3%;}
.dv_item:nth-child(4n) {margin-right: 0}
.dv_item:nth-child(4n+1) {clear: both;}
.dv_img {display:block;}
.dv_img img {/* display:block; */width: 33%;/* float: left; */border-radius: 50%;display: inline-block;vertical-align: middle;}
.dv_img span {/* display:block; */width: 62%;/* float: right; */font-size: 16px;color: #292929;text-transform: uppercase;display: inline-block;vertical-align: middle;height: 48px;overflow: hidden;}
.dv_img span:hover {color:#f00;}
.dv_name {display:block;color: #313131;text-align: justify;font-weight: 300;}
.dv_name span {display:block;margin: 8px 0;height: 128px;overflow: hidden;}
.dv_name a {display:block;float: right;color: #c0201a;font-weight: 400;}
.dv_name a:hover {color:#f89f1a}
.yahoo_slider {width: 55%;float: left;}
.yh_item {display:block;width: 28%;float: left;margin: 1% 0;margin-right: 8%;text-align: center;}
.yh_item:nth-child(3n) {margin-right: 0;}
.yh_item:nth-child(3n+1) {clear: both;}
.yh_img {display:block;border-radius: 50%;border: thin dashed #a2a2a2;padding: 5px;}
.yh_name {display:block;font-size: 13px;color: #606060;margin: 10px 0;}
.yh_name a {display: inline-block;vertical-align: middle;line-height: 0;}
.yh_name span {display:block;}
.yh_name b {display: inline-block;color: #f00;}
.ykien_slider {width: 39%;float: right;}
/* ===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: 18.5%; *//* float: right; *//* height: 296px; *//* overflow-y: auto; *//* padding-right: 1%; */}
div#box_video {/* width: 80%; *//* float: left; */}
div#box_video iframe {width: 100%;height: 262px;border: none;display: block;}
select.video_lienquan {display: block;width: 100%;border: none;padding: 4px;color: #fff;font-size: 13px;background: #646464;border: none;margin-top: 5px;}
select.video_lienquan option { /*color: #000;*/ }
.video_item {position:relative;display: block;width: 32%;float: left;border-radius: 10px;overflow: hidden;margin: 1% 0;margin-right: 2%;}
.video_item:nth-child(3n) {margin-right:0}
.video_item:nth-child(3n+1) {clear:both;}
.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 }
h4.title_left {display:block;font-size: 18px;background: #f38a1b;color: #fff;padding: 10px 15px;text-transform: uppercase;font-weight: normal;margin: 0 0 15px;}
ul.dmspleft {margin:0;padding: 0;list-style: none;border: thin solid #ccc;padding: 5px 10px;border-radius: 6px;}
ul.dmspleft li {display:block;}
ul.dmspleft li a {display:block;font-size: 15px;color: #000;padding: 7px 0px;border-bottom: thin solid #ccc;}
ul.dmspleft li a:hover {text-decoration:underline;}
/* ===Bottom=== */
.group_bottom {padding: 10px 0 20px;}
.title_news {display:block;text-align: center;font-size: 16px;color: #373737;margin: 10px 0 20px;}
.title_news strong {display:block;font-size: 28px;text-transform: uppercase;font-family: UTMAvo;}
.bottom_item1 {float: right;width: 49%;position: relative;margin: 4%;}
.bottom_item1:first-child {float: left;width: 41.5%;background: #df113f;margin: 0;margin-left: 1.5%;}
.bottom_item {float: left;width: 32%;}
.bottom_item:nth-child(2) {margin: 0 2%;}
.tintuc_item1 {/* width: 49%; *//* float:left; */background: #fff;padding: 5px;margin: 10px 7px;}
.tintuc_img1 {display:block;}
.tintuc_img1 img {display:block;width: 100%;}
.tintuc_name1 {display:block;text-align: justify;}
.tintuc_name1 a {display:block;font-size: 22px;color: #000;font-family: UTMAvo;padding: 5px 0 0;}
.tintuc_name1 a:hover {color:#f00;}
.tintuc_name1 a.tintuc_view1 {/* display:none */font-size: 13px;color: #ff0000;font-family:  RR;border: thin solid;display: inline-block;padding: 8px 14px;}
.tintuc_name1 span {display:block;height: 65px;overflow: hidden;}
.tintuc_name1 b {display:block;color: #606060;font-family: UTMAvo;margin: 10px 0;}
.news_slider{}
.tintuc_item {position: relative;padding-bottom: 18px;}
.tintuc_item:nth-child(3n) {margin-right:0}
.tintuc_item:nth-child(3+1) {clear:both;}
.tintuc_img {display:block;vertical-align: top;line-height: 0;/* width: 38%; *//* float: left; */overflow: hidden;position: relative;}
.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_name {/* width: 58%; *//* float: right; */position: relative;color: #313131;font-weight: 300;text-align: center;}
.tintuc_name a {color: #242424;font-size: 16px;height: 45px;overflow: hidden;display: block;font-weight: 400;text-align: left;margin: 10px 0 0;}
.tintuc_name a:hover {color: #f00;}
.tintuc_name span {display: block;height: 85px;overflow: hidden;text-align: justify;margin: 10px 0;}
.tintuc_name b {display:block;color: #606060;font-family: UTMAvo;margin: 10px 0;}
.tintuc_name a.tintuc_view {display: inline-block;vertical-align: top;height: auto;margin: 0;text-transform: uppercase;font-size: 14px;border: thin solid #242424;line-height: 46px;padding: 0 20px;}
.tintuc_name a.tintuc_view:hover {color: #f00;}
.ykien_item {position: relative;margin: 14px 0;}
.ykien_img {display:block;vertical-align: top;line-height: 0;width: 22%;float: left;overflow: hidden;border-radius: 50%;margin-top: -2%;}
.ykien_img img { display:block; width: 100%; transform: scale(1); transition: all .2s ease-out 0s; }
.ykien_img:hover img{ transform: scale(1.05); transition: all .2s ease-out 0s; }
.ykien_name {background: #eeeeee;width: 70%;float: right;position: relative;color: #4b4949;font-size: 13px;padding: 15px 32px 15px 20px;border-radius: 15px;}
.ykien_name:before {content:'';position: absolute;bottom: 40px;right: 100%;width: 17px;height: 16px;background: url(../images/icon_left.png) no-repeat right;}
.ykien_name:after {content:'';position: absolute;top: 12px;right: 10px;width: 16px;height: 16px;background: url(../images/icon_phay.png) no-repeat center;}
.ykien_name a {color: #393939;font-weight: bold;height: 20px;overflow: hidden;display: block;}
.ykien_name a:hover {color: #f00;}
.ykien_name span {display: block;height: 60px;overflow: hidden;text-align: justify;}
.ykien_item1 .ykien_img {float:right}
.ykien_item1 .ykien_name {float:left;padding: 15px 20px 15px 32px;}
.ykien_item1 .ykien_name:before {right: auto;left: 100%;background: url(../images/icon_right.png) no-repeat left;}
.ykien_item1 .ykien_name:after {right: 0px;left: 12px; background: url(../images/icon_phay1.png) no-repeat left;}
.group_doitac {background: #e6e6e6;padding: 15px 0;}
.doitac_slider {}
.doitac_item {display: block;margin: 0 10px;/* border: 2px solid #d8d8d8; */}
.doitac_item img {display: block;width: 100%;border: thin solid #ebebeb;}
.doitac_item span {display:block;background: #2a2a2a;text-align: center;color: #fff;padding: 4px;height: 30px;overflow: hidden;}
.video_item1 {width: 19.5%;float: left;margin: 1% 0;margin-right: 0.6%;background: #eaeaea;padding: 5px;position: relative;display: block;cursor: pointer;}
.video_item1:nth-child(5n) {margin-right:0}
.video_item1:nth-child(5n+1) {clear:both}
.video_item1 div  {position:relative;}
.video_item1 div img {display:block;width: 100%;}
.video_item1 div img:first-child {display:block;width: auto;position: absolute;top: calc(50% - 23px);left: calc(50% - 23px);}
.video_item1 span {display:block;height: 45px;padding: 5px 0 0;}
.video_item1:hover div:before {content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.45);}
.video_item1:hover span {color:#ed1b24}
.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;}
.album_item {display:block;width: calc(100% / 4 - 3px);float: left;margin: 2px 0;margin-right: 4px;}
.album_item:nth-child(4n) {margin-right:0}
.album_item:nth-child(4n+1) {clear:both;}
.album_item img {display:block;}
/* ===Slick=== */
.prodetail_slider .slick-next:before, .prodetail_slider .slick-prev:before {/*display:none*/color: #ffb400;}
.prodetail_slider .slick-prev, .prodetail_slider .slick-next{top: 0;bottom: 0;/* width: 5%; */height: 100%;z-index:9;display:block !important;transform: initial;}
.prodetail_slider .slick-prev{/* background: url(../images/pre.png) no-repeat center; */left: 0;}
.prodetail_slider .slick-next{/* background: url(../images/next.png) no-repeat center; */right: 0;}
/*ykien_slider .slick-next:before, .ykien_slider .slick-prev:before {display:none}
.ykien_slider .slick-prev, .ykien_slider .slick-next{top: 0;bottom: 0;width: 42px;height: 15px;z-index:9;display:block !important;transform: initial;}
.ykien_slider .slick-prev{background: url(../images/pre.png) no-repeat center;left: 100%;}
.ykien_slider .slick-next{background: url(../images/next.png) no-repeat center;right: -10%;}*/
/* ===Left=== */
strong.title_col {
    background: #03C;
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: 0 10px;
    font-size: 18px;
    line-height: 42px;
    margin: 0 0 10px;
	color:#FFF;
}
.item_col {display:block;margin-bottom: 15px;}
.item_col_img {display:block;float: left;width: 30.5%;}
.item_col_img img {display:block;width: 100%;}
.item_col_name {display:block;width: 66%;float: right;font-size: 13px;color: #aaaaaa;}
.item_col_name a {display:block;font-size: 16px;color: #464545;font-weight: bold;line-height: 1.3;height: 40px;overflow: hidden;margin-bottom: 5px;}
.item_col_name a:hover {color:#f00}
/*===Product=== */
.group_pro {/* border-top: thin solid #e6e6e6; *//* border-left: thin solid #e6e6e6; */}
.title_seo {position: relative;font-size: 12px;background: #fafafa;padding: 5px 10px;color: #000;}
.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;}
.pro_item1 {width: 23.5%;float: left;margin: 1% 0;margin-right: 2%;box-shadow: 0 1px 2px rgba(0,0,0,.075);background-color: #fff;border: 1px solid #ddd;border-radius: 4px;padding: 4px;}
.pro_item1:nth-child(4n) { margin-right:0; }
.pro_item1:nth-child(4n+1) { clear:both; }
.pro_index {padding:10px;}
.pro_item {position: relative;width: 20%;float: left;padding: 10px;}
.pro_item:nth-child(5n) { margin-right:0; }
.pro_item:nth-child(5n+1) { clear:both; }
.pro_img {display:block;overflow: hidden;position: relative;border-radius: 4px;}
.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_name {display:block;position: relative;font-size: 13px;color: #555252;}
.pro_name a {display:block;font-size: 13px;color: #555252;height: 38px;overflow: hidden;}
.pro_price {padding: 5px 0 20px;}
.pro_price span {display: inline-block;vertical-align: middle;font-size: 12px;color: #6a6a6a;text-decoration: line-through;margin: 0 5px;}
.pro_price b {display: inline-block;vertical-align: middle;color: #000;font-family: 'UTMAvo';}
.pro_price strong {display: inline-block;vertical-align: middle;font-family: 'UTMAvo';color: #f00;}
.cart_fix {display:block;position: fixed;top: 68px;right: 15px;width: 38px;height: 38px;background: url(../images/icon_cart1.png) no-repeat center;margin: 0;z-index: 9999;}
.cart_fix b {position:absolute;top: -5px;right: -10px;color: #fff;background: #0d8b00;font-size: 11px;line-height: 20px;width: 20px;text-align: center;border-radius: 50%;}
#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: 35%;float: left;text-align: center;box-shadow: 0px 0px 1px #ccc;padding: 10px;}
.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: 63%;float: right;font-size: 13px;}
.info_name {display:block;font-size: 18px;font-family: UTMAvo;}
/*.info_content {display:block;background: #f0f0f0;padding: 10px 15px;margin-top: 5px;}*/
.info_content p {margin:0}
.infopro {border-bottom: thin dashed #ccc;padding: 6px 0;}
.infopro:first-child {border-top: 0;}
.infopro b {display:inline-block;min-width: 15%;}
.infopro1 {display:block;border-top: thin solid #313131;border-left: thin solid #313131;margin: 10px 0;}
.infopro1 span {width: 33.33%;float: left;border: thin solid #313131;border-top: none;border-left: none;font-size: 12px;height: 40px;display: flex;align-items: center;font-family: Arial;text-indent: 5px;}
.infopro1 span b {font-family: Arial;font-weight: bold;}
.infopro1 span:last-child {width: 99.99%;}
.info_content {border-bottom: thin dashed #ccc;padding: 6px 0;}
.info_share {border-bottom: thin dashed #ccc;padding: 6px 0;}
.pricesale {display:inline-block;vertical-align: bottom;color: #9e9e9e;text-decoration: line-through;font-size: 18px;line-height: 36px;}
.price {display:inline-block;vertical-align: bottom;color: #f00;font-size: 30px;font-weight: bold;margin-right: 8px;}
.priceunit {font-size:18px}
.cart_prodetail {/* border-bottom: thin dashed #ccc; */padding: 10px 0;/* margin-bottom: 10px; */}
.pro_km {display:block;border: thin solid #ccc;padding: 5px;}
.pro_km p {margin:0;background: url(../images/icon_km.png) no-repeat bottom left;color: #26bc4e;padding: 3px 33px;}
.sp_km {display:block;width: 19%;float: left;text-align: center;margin: 0.5%;font-size: 12px;}
.sp_km img {display:block;border: thin solid #ddd;}
.sp_km span {display:block;}
.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;}
.zalo-share-button, .addthis_inline_share_toolbox {display:inline-block;vertical-align: text-top;}
.cart_item, .cart_num {display: inline-block;vertical-align: middle;}
.cart_num input {display: inline-block;vertical-align: middle;line-height: 32px;padding: 0 5px;border: thin solid #000;font-size: 18px;}
.cart_item{background: url(../images/icon_cart2.png) no-repeat 10% #389918;display: inline-block;vertical-align: middle;line-height: 45px;color: #fff;font-size: 14px;text-transform: uppercase;padding-right: 15px;padding-left: 40px;cursor:pointer;transition:0.3s;border-radius: 5px;}
.cart_item:hover{background: url(../images/icon_cart2.png) no-repeat 10% #d4005a;}
.product_tags { margin-bottom: 10px; color: #999; font-style: italic; font-size: 15px; }
.product_tags a { color: #999; }
.tab_left {width: 61%;float:left;/* border: thin solid #eee; */}
.tab_right {width: 37%;float:right;padding: 10px;margin-top: 10px;border: thin solid #ccc;border-radius: 5px;}
.tab_right_title {display:block;font-size: 25px;color: #000;text-transform: uppercase;border-bottom: thin solid #ccc;margin: 0 0 10px;}
ul.tabs_main {margin: 0;padding: 0;list-style: none;border-left: thin solid #026db4;}
ul.tabs_main li {font-size: 15px;line-height: 40px;padding: 0 25px;cursor:pointer;display: block;float: left;border: thin solid #026db4;border-left: 0;border-bottom: 0;position: relative;}
ul.tabs_main li.active, ul.tabs_main li:hover {background: #026db4;color: #fff;}
ul.tabs_main li.active:before {/* content:''; */position: absolute;top: -1px;left: 0;right: 0;height: 2px;background: #fff900;}
.tab_container {padding: 10px;border: thin solid #026db4;}
.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: 70%;
    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 label span, .input_mabv label span{
    color:#f00
}
.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;
}
.input_dkdn input#file, .input_dkdn input#file1 {line-height:0;border: none;text-indent: 0;}
.input_dkdn select {
    display: inline-block;
    vertical-align: middle;
    border: thin solid #ccc;
    color: #333;
    padding: 8px 5px;
    width: 24.2%;
    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;
}
.input_button1 {text-align:center;}
.input_button1 input, .input_button1 a {
    display: inline-block;
    vertical-align: middle;
    background: #144bd5;
    width: auto;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 35px;
    padding: 0 25px;
    border-radius: 30px;
}

.input_kem label#kem {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
}
.input_dkdn_img {margin-left: 25.5%;padding-top: 1%;}
.item_trich {display:block;width: 19%;float: left;position: relative;margin-left: 0.5%;margin-bottom: 2%;}
.item_trich img {display:block;width: 100%;}
.item_trich input {display:block;width: 100%;margin-top: 1px;}
.item_trich a {display:block;position: absolute;top: 5px;right: 5px;}
.input_kem .jFiler {
    display: inline-block;
    vertical-align: middle;
    width: 74%;
}

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_group1 {width: 74%;float:left;}
.ttcn_left {width: 20%;float:left;border: thin solid #ccc;padding: 5px;}
.ttcn_left img {display:block; width:100%;}
.ttcn_right {width: 77%;float:right;}
.ttcn_content {display:block;padding: 10px 0;}
.ttcn_btn {display:block;}
.ttcn_btn a {display: inline-block;vertical-align: middle;background: #0026e8;color: #fff;padding: 5px 10px;border-radius: 30px;text-transform: uppercase;font-size: 13px;margin-top: 10px;}
.ttcn_btn a:last-child {background:#df0202;}
.ttcn_btn a:hover {background: #001eb6;}
.ttcn_btn a:last-child:hover {background:#be0303;}
.ttcn_group2 {width: 25%;float:right;}
.ttcn_group2 span {display:block;background: #f2f2f2;padding:10px;border: thin solid #ccc;margin-bottom:10px}
.ttcn_group2 h5 {display:block;background: #0022cd;text-align: center;padding: 8px 10px;font-size: 15px;color: #fff;text-transform: uppercase;margin-bottom: 10px;}
.ttcn_group2 a {display:block;color: #000;}
.ttcn_group2 a:hover {text-decoration:underline}
/*.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 === */
.chitiettin {border: thin solid #ffb400;padding: 0px 15px;margin: 0 0 10px;}
.item_news {position: relative;float: left;width: 24%;margin: 0.6% 0;margin-right: 1.3%;background: #fafafa;padding: 5px;}
.item_news:nth-child(4n) { margin-right:0; }
.item_news:nth-child(4n+1) { clear:both; }
.item_news1 {position: relative;float: left; width: 48%;margin: 1% 0;margin-right: 2%;background: #fff;border-bottom: thin solid #ccc;padding: 5px;}
.item_news1.item_news:nth-child(4n) { margin-right:auto; }
.item_news1.item_news:nth-child(4n+1) { clear:none; }
.item_news1.item_news:nth-child(2n) { margin-right:0; }
.item_news1.item_news:nth-child(2n+1) { clear:both; }
.item_news1 .img_news {width: 35%;float: left;}
.item_news1 .name_news{width: 63%;float: right;padding-top: 0;}
.img_news {display:block;}
.img_news img { width:100%; display:block; }
.img_news img:hover { opacity: 0.8; }
.name_news{padding-top: 5px;font-size: 13px;}
.name_news a {display: block;color: #000;font-size: 16px;line-height: 1.2;height: 40px;overflow: hidden;}
.name_news a:hover { color: #f00; }
.name_news b{padding: 5px 0;display: block;font-family: UTMAvo;color: #aaaaaa;}
.name_news span {display: block;color:#3c3c3c;height: 60px;overflow: hidden;margin-bottom: 5px;}
.name_news .view_news:hover { color: #f00; }
.name_news .view_news  {color: #974b00;font-size: 13px;height: auto;float: right;}
.other_news a {color: #000;display: block;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: 44px;margin-bottom: 10px;background: #fff;border: none;color: #000;float: left;margin-right: 2%;padding:0;text-indent: 10px;border-radius: 5px;box-shadow: 1px 1px 3px #ccc; border: thin solid #ccc;}
.form_lienhe input:nth-child(2n) { margin-right: 0; }
.form_lienhe textarea {width: 100%;height: 120px;line-height: 30px;margin-bottom: 10px;background: #fff;border: none;color: #000;font-family: Arial;margin-right: 2%;padding: 0;text-indent: 10px;border-radius: 5px;box-shadow: 1px 1px 3px #ccc; border: thin solid #ccc;}
.form_lienhe button {background: #0000ff;border: none;color: #fff;padding: 10px 30px;font-size: 13px;border-radius: 5px;text-transform: uppercase;}
.form_lienhe button:hover {background: #1802e9;}
.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: #818181; font-size:13px;}
:-moz-placeholder {  color: #818181;  font-size:13px;}
::-mocolor: {  color: #818181;  font-size:13px;}
:-ms-input-placeholder {   color: #818181;  font-size:13px;}
.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=== */
#subscribe_form {display:block;width: 31%;float: left;margin-top: 18px;}
#subscribe_form span {display: inline-block;vertical-align: middle;}
#subscribe_form input {display:block;width: 75%;border: thin solid #a9a9a8;background: transparent;padding: 0;line-height: 34px;text-indent: 10px;display: inline-block;vertical-align: middle;color: #999999;font-size: 13px;}
#subscribe_form textarea {display:block;width: 100%;border: none;padding: 0;line-height: 30px;text-indent: 10px;margin-bottom: 10px;height: 122px;}
#subscribe_form a {display: inline-block;vertical-align: middle;background: #a9a9a8;text-align: center;color: #fff;font-size: 13px;line-height: 36px;text-transform: uppercase;width: 23%;}
#subscribe_form ::-webkit-input-placeholder {color: #999;font-size: 13px;}
#subscribe_form :-moz-placeholder {color: #999;font-size: 13px;}
#subscribe_form ::-mocolor: {color: #999;font-size: 13px;}
#subscribe_form :-ms-input-placeholder {color: #999;font-size: 13px;}
footer p{ margin:0; }
.ft_mxh {line-height:0;float: right;}
.ft_mxh a {display:inline-block;vertical-align: middle;margin: 0 2px;line-height: 0;}
.ft_dk {background: #fff;padding: 20px 0;}
.ft_dk_text {width: 50%;float: left;color: #8e8e8e;font-family: 'UTMAvo';background: url(../images/icon_email.png) no-repeat left;padding: 14px 0;padding-left: 85px;}
.ft_dk_text span {display:block;}
.ft_dk_text b {display: inline-block;color: #474747;font-family: 'UTMAvo';}
.ft_top {background: #e6e6e6;padding: 20px 0;}
.ft_top_item {display:block;width: 19%;float: left;margin-left: 1%;}
.ft_top_item:first-child {margin-left:0; width:20%}
h5.ft_title {text-transform:  uppercase;font-size: 15px;font-weight: normal;margin: 10px 0;font-family: Tahoma;}
.ft_bot {padding: 8px 0;color: #5d5d5d;line-height: 30px;background: #cacaca;}
.ft_bot_left {float:left; width:50%;}
.ft_bot_right {float:right; width:50%;}
.ft_left {float: left;width: 45%;}
.ft_center {float: left;width: 32%;margin: 0 2%;}
.ft_right {float: right;width: 22%;}
.ft_right iframe {height:264px}
.ft_dmsp a{display:block;color: #434343;}
.ft_dmsp a:hover {text-decoration:underline;}
#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: #026db4;}
.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 {padding: 10px 0;text-align: center;font-size: 14px;}
.phantrang a {color: #000;border: thin solid #f2f2f2;display: inline-block;vertical-align: top;line-height: 28px;width: 30px;margin-left: -5px;}
.phantrang span {line-height: 28px;width: 30px;border: thin solid #f2f2f2;display: inline-block;vertical-align: top;background: #026db4;color: #fff;}
.phantrang a:hover{background-color: #026db4;color: #fff;}
.holder a.jp-current, .holder a:hover, a.jp-current:hover {
    background-color: #026db4;
    color: #fff;
}
.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.displayblock {display:none;}
.displaynone {display:block;}

.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%);background: #d9151d;color: #fff;font-size: 13px;font-family: Arial;font-weight: bold;line-height: 35px;border: none;padding: 0 25px;border-radius: 5px;cursor: pointer;transition: 0.2s;}
.totalcart_btn input:hover {background: #85590b;}
.thanhtoan_left {width: 53%;float:left;}
.thanhtoan_right {width: 45%;float:right;}
h6.titlettdh {margin: 0;font-size: 20px;margin-bottom: 10px;}
form.frm_order input {display:block;width: 65%;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: 32%;border: thin solid #ccc;margin-bottom: 10px;padding: 7px;margin-right: 6px;}
form.frm_order textarea {display: block;width: 100%;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;}
.group_httt {width: 49%;float:left;line-height: 2;}
.group_htvc {width: 49%;float:right;line-height: 2;}
.group_httt b, .group_htvc b {display:block;font-size: 17px;margin-bottom: 5px;line-height: 1.5;}
form.frm_order .group_httt input, form.frm_order .group_htvc input {float:left;width: auto;clear: both;margin: 7px;margin-left: 0;}
form.frm_order .group_httt label, form.frm_order .group_htvc label {float:left;}
.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; }
/* ==========================================================================
	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; }
}
@media (max-width: 1024px) {
.theme-default .nivo-controlNav {z-index: 5 !important;}
#header_menu {display:none;}
#menu_top{ background:#03C;}
#st-container{display: block;float: right;margin: 0px;z-index: 9999999999999999999;position: relative;margin-top: 22px;}
button.btn-menu {float: right;width: 35px;text-align: center;background: transparent;color: #FFF;font-size: 25px;line-height: 10px;display: block;border: none;padding: 0px 0 4px;cursor: pointer;transition:0.3s;position: relative;z-index: 9999;margin: 8px 0;}
button.btn-menu:hover {/* background: #fff; *//* color: #f00; */}
button.btn-menu.current:before {content:'X';position: absolute;top: 0;left: 0;right: 0;bottom: 0;line-height: 32px;font-size: 25px;color: #000;background: #fff;}
.st-menu {background: #f9f9f9 !important;width: 90% !important;top: 129px;height: calc(100% - 170px);}
.st-menu > ul {margin: 0% 5%;text-align:left;}
.st-menu ul li a {color: #000 !important;transition: inherit !important;text-transform: inherit;box-shadow: inherit;background: none !important;border-bottom: thin solid #ccc;}
.st-menu ul li a:hover {color: #083cff !important;}
.col_left{width:100%; float:none;}
.col_right{width:100%; float:none;}
.item_news, .dv_item {width: 32%; margin:1% 0; margin-right: 2%;}
.item_news:nth-child(4n), .dv_item:nth-child(4n) {margin-right: 2%}
.item_news:nth-child(4n+1), .dv_item:nth-child(4n+1) {clear: inherit;}
.item_news:nth-child(3n), .dv_item:nth-child(3n) {margin-right: 0}
.item_news:nth-child(3n+1), .dv_item:nth-child(3n+1) {clear: both;}
.dmsp_slider, .dmsp_menu {display: none;}
div#at-share-dock { display: none !important;}
.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;}
.theme-default .nivoSlider { min-height:auto}
ul#banner_menu {display: none;}
header {min-height: 50px;}
#header_top {font-size:13px;}
}
@media (max-width: 768px) {
.form_c, .map_c { width: 100%; float: none; }
.contact_l, .contact_r{ width: 100%; float: none; }
.visible-xs {display: block;background: #fff;}
.visible-xs a {display: block;color: #fff;line-height: 30px;height: 35px;/* width: 48%; */margin-left: 1%;}
.visible-xs a img, .visible-xs a span {display: inline-block;vertical-align: middle;}
.form_lienhe input { width: 100%; }
footer {margin-bottom: 40px;}
.ft_left , .ft_right, .ft_center  { width: 100%; float: none; margin: 1% 0;text-align:left}
.ft_center, .ft_right { display:none; }
/*.ft_bot {text-align:center;}
.ft_bot span {display:block;float: none;width: auto;}*/
.ft_mxh {float:none;}
.product_left {width: 100%;float: none;}
.product_right {width: 100%;float: none;}
/*.tab_left, .tab_right {width: 100%;float: none;}*/
.item_news1 {width: 100%;float: none;}
.visible-xs table { background: #1477b6; }
.item_news, .dv_item, .video_item {width: 49%; margin:1% 0; margin-right: 2%;}
.item_news:nth-child(3n), .dv_item:nth-child(3n), .video_item:nth-child(3n) {margin-right: 2%}
.item_news:nth-child(3n+1), .dv_item:nth-child(3n+1), .video_item:nth-child(3n+1) {clear: inherit;}
.item_news:nth-child(2n), .dv_item:nth-child(2n), .video_item:nth-child(2n) {margin-right: 0}
.item_news:nth-child(2n+1), .dv_item:nth-child(2n+1), .video_item:nth-child(2n+1) {clear: both;}
#subscribe_form {width: 80%;}
.tintuc_item1 {width: 100%;}
#header_top marquee, #header_top span {width: 100%;float: left; }
.title_index h3 {font-size:20px;}
.yahoo_slider, .ykien_slider {width: 100%;float: none;}
}
@media (max-width: 555px){
.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, form.frm_order .group_httt select {width: 100%;}
.totalcart_btn input {margin-bottom: 10px;}
.holder a.jp-first, .holder a.jp-last, .holder a.jp-next, .holder a.jp-previous {display: none;}
.ttcn_group { width: 100%;}
.group_httt, .group_htvc {width: 100%;float: none;}
form.form-horizontal {width:100% !important}
.st-menu { width: 100% !important; }
ul.tabs_main li {float:none;}
.tab_left, .tab_right {width: 100%;float: none;}
}
@media (max-width: 380px){
.item_news, .dv_item, .video_item { width: 100% !important}
#header_top1 { display: none;}
.cart_fix {margin: 0;float: left;}
.tintuc_img {width: 100%;}
.tintuc_name {width: 100%;}
.httt_item { width: 49%; height: 83px;}
.img_news, .item_news1 .img_news {width: 100%;float: none;margin-bottom: 10px;}
.name_news, .item_news1 .name_news {width: 100%;float: none;}
.visible-xs a { width: 100%; margin: 1% 0; }
#back-top { bottom: 13%;}
}