@charset "utf-8";
a#tnSearch,
ul#header_menu li a {
	text-align: center;
	text-transform: uppercase
}

.chitiettin img,
.logo_top img,
.quangcao_index img,
img {
	max-width: 100%
}

.clear,
.item_news:nth-child(2n+1),
.newsbot_item:nth-child(2n+1),
.pro_item2:nth-child(4n+1),
.pro_item:nth-child(5n+1),
.video_item:nth-child(4n+1) {
	clear: both
}

.cf-invisible,
.clearfix:after {
	visibility: hidden
}

@font-face {
	font-family: UTMAvo;
	src: url('../fonts/UTMAvo/fonts/UTM Avo.eot');
	src: local('☺'), url('../fonts/UTMAvo/fonts/UTM Avo.woff') format('woff'), url('../fonts/UTMAvo/fonts/UTM Avo.ttf') format('truetype'), url('../fonts/UTMAvo/fonts/UTM Avo.svg') format('svg');
	font-weight: 400;
	font-style: normal
}

body {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	width: 100%;
	overflow-x: hidden;
	margin: 0 auto;
	line-height: 1.5
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

a {
	text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: 14px
}

th {
	text-align: center;
	padding: 10px
}

:focus {
	outline: 0!important
}

div#at4-share {
	display: none!important
}

.slick-next,
.slick-prev {
	top: 50%;
	position: absolute;
	z-index: 999;
	border: none;
	cursor: pointer;
	color: transparent;
	display: none!important
}

#header_menu,
.container,
div#header_top,
div#menu_top,
header,
ul#header_menu li,
ul#header_menu li a {
	position: relative
}

.container {
	width: 1200px;
	margin: 0 auto
}

div#header_top {
	background: #636363;
	color: #383838;
	padding: 5px 0;
}

span.slogan {
	display: block;
	float: left;
	color: #ffffff;
	font-family: UTMAvo;
	line-height: 31px;
	font-size: 18px;
	padding: 5px 0;
}

a#tnSearch,
div#cart_top {
	float: right
}

.title_index1 h3,
h6.name_slider {
	font-family: 'Roboto Condensed', sans-serif
}

div#cart_top img,
div#cart_top span {
	display: inline-block;
	vertical-align: middle;
	color: #383838
}

form#frm_search {
	float: right;
	width: 30%;
	background: #fff;
	max-width: 335px;
	position: relative;
	margin-top: 7px;
	margin-right: 20px;
}

form#frm_search select {
	width: 20%;
	float: left;
	border: none;
	padding: 6px 0;
	background: 0 0
}

input#search_input {
	width: 60%;
	float: left;
	border: none;
	padding: 0;
	line-height: 31px;
	font-size: 12px;
	color: #999;
	border-radius: 0;
	padding: 1px 7px;
}

a#tnSearch {
	display: block;
	background: #3c3c3c;
	color: #fff;
	line-height: 29px;
	font-size: 13px;
	position: absolute;
	height: 100%;
	padding: 3px 13px;
	right: 0;
}

div#menu_top {
	width: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 4px 0;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.4);
	padding: 2px 0;
}

.logo_top {
	float: left;
	line-height: 0;
	width: 38%
}

.logo_top img {
	display: block;
	max-height: 55px;
}

#header_menu {
	margin: 3% 0 0;
	padding: 0;
	list-style: none;
	float: right;
	margin: 13px 0 !important;
}

ul#header_menu li {
	display: inline-block;
	vertical-align: top;
	float: left
}

ul#header_menu li a {
	display: block;
	color: #232323;
	font-size: 15px;
	font-weight: 500;
	padding: 4px 15px
}

ul#header_menu li a img,
ul#header_menu li a span {
	display: block;
	position: relative;
	z-index: 2
}

ul#header_menu li:first-child a {
	padding: 6px 15px
}

ul#header_menu>li>a:before {
	content: '';
	opacity:0 !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #187bc0;
	opacity: 0;
	transition: .2s;
	-moz-transform: rotate(0) scale(1, 1) skewX(-20deg) skewY(0) translate(0, 0);
	-webkit-transform: rotate(0) scale(1, 1) skew(-20deg, 0deg) translate(0, 0);
	-o-transform: rotate(0) scale(1, 1) skew(-20deg, 0deg) translate(0, 0);
	-ms-transform: rotate(0) scale(1, 1) skew(-20deg, 0deg) translate(0, 0);
	transform: rotate(0) scale(1, 1) skew(-20deg, 0deg) translate(0, 0);
	border-radius: 5px;
	z-index: 1
}

ul#header_menu>li.active>a:before,
ul#header_menu>li:hover>a:before {
	opacity: 1
}

.img_news img:hover,
.tintuc_img1:hover img,
.tintuc_img:hover img,
a.newsbot_img:hover img {
	opacity: .8
}

ul#header_menu li.active a,
ul#header_menu li:hover a {
	color: #111658;
}

ul#header_menu li:hover ul ul,
ul#header_menu ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 250px;
	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;
	width: auto
}

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:first-child a,
ul#header_menu ul li:hover ul a {
	padding: 8px;
	border-top: thin solid #e0e0e0;
	border-left: 0;
	color: #232323;
	background: 0 0;
	text-align: left;
	line-height: 1.5;
	font-size: 14px;
}

ul#header_menu li:hover ul {
	display: block
}

ul#header_menu ul li:hover a,
ul#header_menu ul ul li:hover a {
	color: #1c2173;
}

ul#header_menu ul li:hover ul {
	display: block;
	top: 0;
	left: 100%
}

.theme-default {
	position: relative
}

.theme-default .nivoSlider {
	background: 0 0!important;
	margin: 0!important;
	box-shadow: none!important;
	width: 100%
}

.theme-default .nivo-caption {
	padding: 0;
	top: 0;
	background: 0 0
}

.theme-default .nivo-caption a {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	border: 0
}

.title_index h3,
.title_index1 h3 {
	display: inline-block;
	text-transform: uppercase
}

.content_slider {
	width: 30%;
	position: absolute;
	top: 20%;
	right: 8%
}

h6.name_slider {
	background: #f1000c;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0;
	padding: 5px 10px;
	float: right;
	width: 70%
}

.content_slider div {
	width: 100%;
	float: right;
	background: rgba(0, 0, 0, .8);
	padding: 10px;
	font-size: 13px;
	margin-top: 10px
}

.col_left {
	width: 19.5%;
	float: left
}

.col_right {
	width: 79%;
	float: right
}

.title_index {
	position: relative;
	margin-bottom: 20px;
	background: url(images/bg_title.png) top left repeat-x;
	padding-top: 3px;
	padding-left: 3px;
	border-radius: 5px
}

.title_index:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 8px;
	background: url(images/bong_title.png) top left no-repeat
}

.chinhsach_item:before,
.title_index h3:before {
	height: 100%;
	top: 0;
	content: ''
}

.title_index h3 {
	position: relative;
	font-size: 25px;
	color: #018001;
	border-radius: 5px;
}

.title_index h3:before {
	position: absolute;
	left: 98%;
	width: 36px;
	background: url(images/bg_title1.png) top right no-repeat
}

.title_index1 {
	margin: 20px 0;
	background: url(images/line_title.png) bottom left no-repeat;
	padding-bottom: 2px
}

.title_index1 h3 {
	font-size: 40px;
	color: #018001;
}

.newsdetail_slider {
	width: 72%;
	float: left;
	margin-top: 20px
}

.newsdetail_slider .slick-dots {
	position: relative;
	top: 0;
	text-align: center
}

.newsdetail_slider .slick-dots li.slick-active button:before {
	color: #00678e
}

.newsdetail_slider .slick-dots li button:before {
	color: #1c91d4
}

.chitiet_mota {
	width: 26%;
	float: right
}

.group_top {
	padding: 20px 0
}

.chinhsach_item {
	width: 27%;
	float: left;
	background: #f8f8f8;
	position: relative;
	padding: 2% 1% 2% 5%;
	margin-left: -2%;
	cursor: pointer
}

.chinhsach_item:before {
	position: absolute;
	left: 91%;
	background: url(images/bg1.png) top right no-repeat;
	background-size: 100% 100%;
	width: 64px;
	z-index: 9
}

.chinhsach_name,
.hethong_item,
.hethong_name,
.video_item1,
h4.title_left,
ul.dmsp_left,
ul.dmsp_left li {
	position: relative
}

.chinhsach_item:nth-child(4):before {
	display: none
}

.chinhsach_name,
a.chinhsach_img {
	display: inline-block;
	vertical-align: middle
}

a.chinhsach_img {
	line-height: 0;
	float: left;
	width: 31%
}

.chinhsach_name {
	width: 68%;
	z-index: 9
}

.chinhsach_name a {
	display: block;
	font-size: 14.5px;
	color: #1379ba;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 5px
}

.chinhsach_name span {
	display: block;
	color: #111;
	font-size: 13px;
	text-align: justify;
	font-style: italic;
	height: 38px;
	overflow: hidden
}

.chinhsach_item:hover {
	background: #dbdbdb
}

.chinhsach_item:hover:before {
	background: url(images/bg2.png) top right no-repeat;
	background-size: 100% 100%
}

.chinhsach_item:first-child {
	margin: 0;
	padding-left: 1%;
	width: 25%
}

.newsbot_item {
	width: 50%;
	float: left;
	position: relative;
	margin-bottom: 7px;
}

.newsbot_item:nth-child(2n) {
	margin-right: 0
}

a.newsbot_img {
	display: block;
	float: left;
	background: #fff;
	line-height: 0;
}

.newsbot_name {
	font-size: 12px;
	color: #545454;
	text-align: justify;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #ffffffad;
	width: 100%;
	padding: 8px 9px;
	text-align: center;
}

.newsbot_name a {
	display: block;
	color: #008000;
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 15px;
}

.newsbot_name a:hover {
	color: red
}

.newsbot_name span {
	display: block;
	height: 55px;
	overflow: hidden
}

.hethong_item {
	margin: 0 15px;
	background: #efefef;
	padding-bottom: 10px
}

a.hethong_img {
	display: block;
	border-bottom: 5px solid #fff
}

.hethong_name {
	background: #fff;
	margin: -30px 10px 0;
	padding: 10px;
	font-size: 13px;
	color: #353535
}

.hethong_name a,
.hethong_name b {
	display: block;
	margin-bottom: 5px
}

.hethong_name a {
	color: #353535;
	font-weight: 500;
	text-transform: uppercase
}

.hethong_name a:hover {
	color: red
}

.hethong_name b {
	font-weight: 400;
	height: 18px;
	overflow: hidden
}

.hethong_name img {
	display: inline-block!important;
	vertical-align: top;
	margin-right: 6px
}

.hethong_name span {
	display: inline-block;
	vertical-align: top;
	width: 90%;
	line-height: 1.2
}

.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 0 0 10px #ccc;
	padding: 5px 22px;
	margin-top: 10px
}

.download_item a:hover {
	box-shadow: inset 0 0 15px #ccc
}

.video_item {
	width: 24%;
	float: left;
	margin: 1% 1.2% 1% 0
}

.video_item:nth-child(4n) {
	margin-right: 0
}

.video_item iframe {
	width: 100%;
	height: 250px;
	border: none
}

div#box_video iframe {
	width: 100%;
	height: 266px;
	border: none
}

select.video_lienquan {
	width: 100%;
	border: thin solid #d3d3d3;
	background: #dfdfdf;
	padding: 4px;
	color: #000
}

.bottom,
.bottom1 {
	padding-bottom: 20px
}

select.video_lienquan option {
	color: #000
}

.video_item1 {
	display: block;
	margin: 0 4px
}

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

.video_item1 img.video_play {
	position: absolute;
	width: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.col3 {
	width: 31.5%
}

.col4 {
	width: 37.4%
}

.col5 {
	width: 48.8%
}

.col6 {
	width: 59.5%
}

.col7 {
	width: 66%
}

.bottom_left {
	float: left
}

.bottom_right {
	float: right
}

.bottom {
}

.tintuc_item1 {
	width: 49.3%;
	float: left
}

.tintuc_img1 {
	display: block;
	line-height: 0
}

.tintuc_name1 {
	color: #6c6b6b;
	font-size: 13px;
	text-align: justify
}

.tintuc_name1 a {
	display: block;
	font-size: 15px;
	color: #050505;
	text-align: left;
	margin-top: 10px
}

.tintuc_name1 a:hover {
	color: red
}

.news_slider {
	width: 49%;
	float: right
}

.tintuc_item {
	padding: 10px 0
}

.tintuc_img {
	display: block;
	line-height: 0;
	width: 31%;
	float: left
}

.tintuc_name {
	width: 66%;
	float: right;
	color: #6c6b6b;
	font-size: 13px;
	text-align: justify
}

.tintuc_name a {
	display: block;
	font-size: 15px;
	color: #050505;
	text-align: left;
	height: 25px;
	overflow: hidden
}

.tintuc_name a:hover {
	color: red
}

.tintuc_name span {
	display: block;
	height: 60px;
	overflow: hidden
}

.hotro_bottom {
	background: url(images/bg_hotro1.png) bottom right no-repeat, url(images/bg_hotro.png);
	text-align: center;
	padding: 5%
}

.hotro_bottom1 {
	margin: 0 auto;
	width: 60%
}

.hotro_bottom1 img,
.hotro_bottom1 span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	margin: 0 3px
}

.hotro_bottom1 b {
	display: block;
	font-size: 24px;
	color: #fb0505
}

.hotro_bottom2 {
	text-align: left;
	width: 40%;
	display: inline-block;
	vertical-align: top;
	margin: 5% 2% 0;
	font-size: 15px;
	font-family: Arial;
	color: #707070
}

.hotro1,
.pro_name a,
.product_left,
form.form_bottom {
	text-align: center
}

.hotro_bottom2 b {
	color: #3bc1ed;
	font-family: Roboto, sans-serif
}

.hotro_bottom2 img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px
}

form.form_bottom {
	background: #f3f3f3;
	border-radius: 50px 0
}

form.form_bottom strong {
	background: #2671d9;
	display: block;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	font-family: SFUFuturaR;
	line-height: 66px;
	border-radius: 50px 0 0
}

form.form_bottom span {
	display: inline-block;
	font-size: 13px;
	color: #4a4747;
	width: 50%;
	margin: 3%
}

form.form_bottom button,
h4.title_left {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase
}

form.form_bottom input,
form.form_bottom textarea {
	width: 90%;
	padding: 0;
	text-indent: 10px;
	line-height: 43px;
	margin-bottom: 5px;
	display: inline-block;
	border: none
}

form.form_bottom textarea {
	height: 110px
}

form.form_bottom button {
	display: inline-block;
	width: 20%;
	background: #2671d9;
	border: none;
	border-radius: 10px 0;
	line-height: 45px;
	margin-top: 5px;
	margin-bottom: 15px
}

form.form_bottom input#email,
form.form_bottom input#ten {
	width: 44%;
	margin-left: 4px;
	margin-right: 4px
}

.group_doitac {
	padding-bottom: 20px
}

.doitac_slider {
	padding: 10px 0;
	border: thin solid #e1e1e1
}

.doitac_slider1 .slick-next,
.doitac_slider1 .slick-prev {
	top: 50%;
	width: 12px;
	height: 18px;
	z-index: 999;
	display: block!important
}

.doitac_slider1 .slick-prev {
	background: url(images/pre1.png) top center no-repeat;
	left: 0
}

.doitac_slider1 .slick-next {
	background: url(images/next1.png) top center no-repeat;
	right: 0
}

.doitac_item {
	display: block;
	background: #fff;
	margin: 0
}

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

.doitac_item1 {
	display: block;
	width: 13%;
	float: left;
	border: thin solid #ebebeb;
	margin-right: 1.5%;
	margin-bottom: 1.5%
}

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

.doitac_item1:nth-child(7n) {
	margin-right: 0
}

h4.title_left {
	margin: 0;
	font-weight: 500;
	background: url(images/icon_title.png) 15px 5px no-repeat, url(images/bg_title.png) top left repeat-x;
	width: 100%;
	line-height: 36px;
	/*text-indent: 40px;*/
	color: #25287b;
}

ul.dmsp_left {
	margin: -4px 0 15px;
	padding: 0;
	list-style: none;
	border: thin solid #006ef2;
	border-radius: 6px;
	background: #fff
}

ul.dmsp_left>li:first-child>a {
	border: none
}

ul.dmsp_left li a {
	display: block;
	border-top: thin solid #eaeaea;
	color: #3c3c3c;
	font-size: 13px;
	padding: 12px 0 12px 30px;
	background: url(images/icon_dmsp.png) 15px 16px no-repeat
}

.hotro1 b,
ul.dmsp_left li a:hover {
	color: red
}

ul.dmsp_left li:hover ul ul,
ul.dmsp_left ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	width: 100%;
	left: 100%;
	top: 0;
	display: none;
	background: #fff;
	z-index: 9
}

.hotro1 b,
ul.dmsp_left li:hover ul,
ul.dmsp_left ul li:hover ul {
	display: block
}

.hotro1 {
	background: url(images/bg_hotro.png) top left no-repeat;
	line-height: 1;
	padding: 10px 0;
	margin-bottom: 10px
}

.hotro1 b {
	font-family: Georgia;
	font-size: 18px
}

.hotro1 img,
.hotro1 span,
.hotro2 img {
	display: inline-block;
	vertical-align: middle
}

.hotro2 {
	padding: 5px;
	border-top: thin dashed #ccc
}

.hotro2 img {
	margin-right: 5px
}

a.prodetail_tour img,
a.prodetail_tour span {
	vertical-align: bottom;
	display: inline-block
}

.hotro2 strong {
	font-size: 16px;
	color: #00339a
}

.hotro2 b {
	color: red
}

.title_seo,
.title_seo a {
	color: #a1a1a1
}

.title_seo {
	font-style: italic;
	font-size: 11px
}

.title_seo a:hover {
	text-decoration: underline
}

.pro_item1 {
	margin: 0 15px 10px;
	border: 2px solid #ddd;
	padding: 10px;
	border-radius: 5px;
	background: #fff
}

.pro_item,
.pro_item2 {
	background: #fff;
	padding: 5px;
	box-shadow: 3px 3px 0 #ebebeb;
	position: relative;
	float: left
}

.pro_item {
	width: 18%;
	margin: 1.2% 2.5% 10px 0;
	border: 1px solid #e1e1e1;
	border-radius: 5px
}

.pro_item:nth-child(5n) {
	margin-right: 0
}

.pro_item2 {
	width: 23%;
	margin: 1.2% 2.5% 10px 0;
	border: 1px solid #e1e1e1;
	border-radius: 5px
}

.pro_item2:nth-child(4n) {
	margin-right: 0
}

.pro_img {
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 5px
}

.pro_img img {
	display: block;
	width: 100%;
	transform: scale(1);
	transition: all 1s ease-out 0s
}

.pro_img:hover img {
	transform: scale(1.05);
	transition: all 1s ease-out 0s
}

.pro_name {
	position: relative
}

.pro_name a {
	display: block;
	text-transform: uppercase;
	color: #666;
	padding: 8px 0;
	font-family: 'Roboto Condensed', sans-serif;
	border-bottom: 1px dotted #dfdfdf;
	height: 55px;
	overflow: hidden
}

.pro_name a:hover {
	color: red
}

.pro_name div {
	border-top: 1px dotted #dfdfdf;
	margin-top: 1px;
	padding-top: 8px
}

.pro_name b {
	display: block;
	color: #da1212
}

.pro_name span {
	display: block;
	color: #a3a1a1;
	text-decoration: line-through
}

.pro_name a.pro_cart {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
	color: #fff;
	background: #d42424;
	line-height: 26px;
	padding: 0 10px;
	border: none;
	border-radius: 5px;
	text-transform: inherit;
	cursor: pointer;
	height: auto
}

.capnhat_gh input,
.form_lienhe button,
.info_name h6,
.input_button button,
.input_button input,
.name_news a,
.product_right2 b,
.sukien_name a,
form.form-horizontal h4,
ul.tabs_main li {
	text-transform: uppercase
}

.pro_name a.pro_cart:hover {
	background: #e11c1c
}

.pro_icon {
	position: absolute;
	top: -5px;
	left: -5px
}

.product_left {
	float: left;
	width: 36%
}

.product_right {
	width: 63%;
	float: right;
	background: #fff
}

.info_name span {
	display: block;
	border-top: thin dashed #cacaca;
	padding: 8px 0
}

.info_name h6 {
	font-size: 20px;
	margin: 0 0 10px;
	color: #bc0000
}

.info_item {
	padding: 10px 0;
	border-bottom: thin solid #cacaca
}

.info_item p {
	margin: 0
}

.addthis_toolbox.addthis_default_style,
.cart_prodetail {
	margin-top: 20px
}

span.info_span {
	display: block;
	color: #7c7c7c;
	font-size: 13px
}

.product_content {
	padding: 3% 0
}

a.prodetail_tour span {
	background: #0072bc;
	color: #fff;
	margin-left: 5px;
	padding: 0 15px;
	line-height: 30px;
	transition: .5s
}

a.prodetail_tour:hover span {
	background: #4267b2
}

.cart_prodetail {
	display: inline-block;
	background: #c80105;
	padding: 2px
}

.cart_prodetail a {
	display: block;
	border: 1px solid #fff;
	color: #fff;
	padding: 6px 15px
}

.cart_prodetail img,
.cart_prodetail span {
	display: inline-block;
	vertical-align: middle
}

ul.tabs_main {
	margin: 0;
	padding: 0;
	list-style: none
}

ul.tabs_main li {
	background: #d1d1d1;
	display: inline-block;
	color: #000;
	line-height: 42px;
	padding: 0 20px;
	cursor: pointer
}

ul.tabs_main li.active,
ul.tabs_main li:hover {
	background: #0070be;
	color: #fff
}

.product_right2 b,
.tieuchi_sp {
	margin-bottom: 10px;
	color: #187bc0
}

.tab_container {
	padding: 10px;
	border: thin solid #cacaca;
	background: #fff
}

.mathebh b {
	display: inline-block;
	width: 20%
}

.product_right1 {
	width: 60%;
	float: left
}

.product_right2 {
	float: right;
	width: 38%
}

.product_right2 b {
	display: block;
	font-size: 15px;
	line-height: 1.2
}

.tieuchi_sp {
	padding-bottom: 10px;
	border-bottom: thin solid #eaeaea;
	cursor: pointer;
	font-weight: 700
}

.tieuchi_sp img {
	float: left;
	width: 20%
}

.tieuchi_sp span {
	float: right;
	width: 79%;
	font-size: 13px;
	text-align: justify;
	display: block
}

.tieuchi_sp:hover {
	color: red
}

.capnhat_gh {
	text-align: right;
	padding: 10px 0
}

.capnhat_gh input {
	background: #0070be;
	color: #fff;
	font-size: 15px;
	border: none;
	padding: 8px 16px;
	border-radius: 5px;
	cursor: pointer;
	transition: .5s
}

.capnhat_gh input:hover {
	background: url(images/icon_menu) 5px 11px no-repeat #0074f2
}

.thanhtoan1,
.thanhtoan2 {
	background: rgba(204, 204, 204, .09);
	padding: 1%;
	margin: 10px 0;
	border: thin solid #ccc
}

.tong_giohang {
	text-align: right;
	font-size: 18px
}

.thanhtoan2 {
	width: 47%;
	float: right
}

.input_thanhtoan {
	padding: 5px 0
}

.input_thanhtoan b {
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: thin solid #ccc;
	font-size: 16px
}

.input_thanhtoan label {
	width: 40%;
	display: inline-block;
	text-align: right;
	font-weight: 400;
	font-size: 13px
}

.input_thanhtoan label span {
	color: red
}

.input_thanhtoan input {
	width: 55%;
	display: inline-block
}

.input_thanhtoan select {
	width: 27%
}

.input_thanhtoan textarea {
	width: 55%;
	display: inline-block;
	vertical-align: top
}

.gui_tt input {
	display: inline-block;
	margin: 10px 0;
	background: #0070be;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	border: none;
	padding: 8px 20px;
	border-radius: 7px;
	width: 10%;
	transition: .2s
}

.gui_tt input:hover {
	background: #0094f2
}

form.form-horizontal::-webkit-input-placeholder {
	color: #ccc;
	font-size: 13px;
	font-style: initial
}

form.form-horizontal:-moz-placeholder {
	color: #ccc;
	font-size: 13px;
	font-style: initial
}

form.form-horizontal::-mocolor: {
	color: #ccc;
	font-size: 13px;
	font-style: initial
}

form.form-horizontal:-ms-input-placeholder {
	color: #ccc;
	font-size: 13px;
	font-style: initial
}

form.form-horizontal {
	width: 74%;
	margin: 0 auto;
	padding: 2%;
	border: thin solid #ccc;
	border-radius: 5px
}

form.form-horizontal h4 {
	margin: 0 0 10px;
	color: #c80105;
	font-size: 18px
}

.input_dkdn {
	width: 60%;
	margin: 0 auto 15px
}

.input_dkdn label {
	display: block;
	font-size: 13px;
	margin-bottom: 3px
}

.input_dkdn input {
	width: 100%;
	line-height: 30px;
	padding: 0;
	text-indent: 10px;
	border: thin solid #ccc;
	border-radius: 5px
}

.input_button {
	text-align: center
}

.name_news span,
.sukien_name span {
	text-align: justify;
	font-size: 13px
}

.input_button button,
.input_button input {
	width: 49%;
	border: none;
	background: #c80105;
	color: #fff;
	line-height: 30px;
	border-radius: 5px;
	cursor: pointer
}

.sukien_item {
	width: 80%;
	margin: 0 auto;
	position: relative;
	padding: 15px 0
}

.sukien_left {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 14%;
	padding-top: 20px
}

.sukien_left:before {
	content: '';
	position: absolute;
	top: 10%;
	right: 0;
	width: 15px;
	height: 15px;
	border: 2px solid #000;
	border-radius: 50%;
	background: #fff;
	z-index: 9
}

.sukien_left:after {
	content: '';
	position: absolute;
	top: 0;
	right: 6%;
	height: 100%;
	border: 1px solid #000
}

.sukien_left span {
	display: block;
	font-size: 20px;
	color: #c80105;
	position: relative
}

.sukien_left span:after {
	content: '';
	position: absolute;
	top: 14px;
	left: 75%;
	width: 50px;
	border: thin solid
}

.form_lienhe,
.item_news,
div#tab_cont {
	position: relative
}

.sukien_right {
	padding-left: 17%
}

.sukien_img {
	display: block;
	float: left;
	width: 45%
}

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

.sukien_name {
	width: 55%;
	float: right;
	background: #eaeaea;
	padding: 2%;
	min-height: 224px
}

.sukien_name a {
	display: block;
	font-size: 16px;
	color: #c80105;
	padding-bottom: 1%
}

.sukien_name span {
	display: block
}

.daily_item {
	padding: 10px 0;
	border-bottom: thin solid #ebebeb
}

.daily_item strong.daily_name {
	display: block;
	padding-bottom: 5px;
	color: #0070be
}

.daily_item p {
	margin: 0
}

.item_news {
	float: left;
	width: 48.5%;
	margin: 1% 3% 1% 0;
	background: #f9f9f9
}

.item_news:nth-child(2n) {
	margin-right: 0
}

.img_news {
	width: 33%;
	float: left;
	display: block
}

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

.name_news {
	width: 67%;
	float: right;
	padding: 2%
}

.name_news a {
	color: #3c3c3c;
	display: block;
	font-weight: 500;
	margin-bottom: 10px
}

.name_news a:hover {
	color: red
}

.name_news span {
	display: block;
	color: #3c3c3c;
	height: 60px;
	overflow: hidden
}

.code_contact input,
.code_contact span,
a.view_news,
ul.tabs li {
	display: inline-block
}

a.view_news:hover {
	background: #BD8B36
}

a.view_news {
	color: #2d2d2d;
	font-family: Arial;
	font-size: 13px;
	background: #FAD669;
	padding: 6px 12px;
	border-radius: 20px 0
}

.other_news ul {
	padding: 0;
	margin: 0 0 1%;
	list-style-position: inside
}

.form_lienhe input,
.form_lienhe textarea {
	line-height: 30px;
	margin-bottom: 10px;
	background: #fff;
	border: thin solid #ccc;
	padding: 0;
	color: #000;
	text-indent: 10px
}

.other_news ul li a {
	color: #000
}

.other_news ul li a:hover {
	text-decoration: underline
}

.form_lienhe input {
	width: 49%;
	float: left;
	margin-right: 2%
}

.form_lienhe input:nth-child(2n) {
	margin-right: 0
}

.form_lienhe textarea {
	width: 100%;
	height: 150px;
	margin-right: 2%
}

.form_lienhe button {
	background: #f3ac00;
	border: none;
	color: #000;
	padding: 5px 30px;
	font-size: 15px;
	border-radius: 5px
}

.form_lienhe button:hover {
	background: #ff0
}

.code_contact {
	margin-bottom: 20px
}

.code_contact span {
	vertical-align: middle;
	width: 15%
}

.code_contact input {
	vertical-align: middle;
	width: 25%;
	float: none;
	margin: 0
}

::-webkit-input-placeholder {
	font-size: 13px;
	color: #868585
}

:-moz-placeholder {
	font-size: 13px;
	color: #868585
}

::-mocolor: {
	font-size: 13px;
	color: #868585
}

:-ms-input-placeholder {
	font-size: 13px;
	color: #868585
}

.form_c {
	width: 49%;
	float: left
}

.map_c {
	width: 49%;
	float: right
}

.map_info {
	width: 100%;
	height: 500px;
	color: #000
}

ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none
}

ul.tabs li {
	background: #eaeaea;
	padding: 5px 10px;
	cursor: pointer
}

ul.tabs li.current {
	background: #eb7d1f;
	color: #fff
}

div#tab_cont {
	border: thin solid #eaeaea;
	height: 515px
}

.tab-content {
	opacity: 0;
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px
}

.tab-content.current {
	opacity: 1
}

.contact_l {
	width: 49%;
	float: left
}

.contact_r {
	width: 49%;
	float: right
}

.map_c img {
	max-width: inherit;
	max-height: inherit
}

footer {
	position: relative;
	color: #fff;
	padding-top: 38px
}

footer:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	background: url(images/bg_footer1.png) top no-repeat;
	height: 52px;
	z-index: 9
}

.ft_dangky {
	padding: 5px 0;
	background: #0097ce;
}

.text_dangky {
	width: 31%;
	float: left;
	margin-right: 2%
}

.text_dangky img,
.text_dangky span {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	margin-right: 5px
}

.text_dangky b,
a#send_email_newsletter {
	display: block;
	text-transform: uppercase
}

.text_dangky b {
	font-size: 17px
}

form#subscribe_form {
	float: left;
	background: #fff;
	margin-top: 2%;
	position: relative;
	width: 100%;
}

input#email_newsletter {
	width: 76%;
	float: left;
	padding: 0;
	border: none;
	line-height: 40px;
	text-indent: 10px
}

a#send_email_newsletter {
	float: right;
	text-align: center;
	background: #de1919;
	color: #fff;
	line-height: 40px;
	font-weight: 500;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 9px;
}

.ft_mxh {
	margin-top: 2%;
}

.ft_mxh a,
.ft_mxh span {
	display: inline-block;
	vertical-align: middle;
	line-height: 0
}

.ft_top {
	padding: 20px 0;
	background: url(images/bg_footer.png) bottom no-repeat #0097ce
}

.ft_top p {
	margin: 0
}

.ft_left {
	width: 45%;
	float: left;
}

.ft_center {
	width: 23%;
	float: left;
	margin: 0 1%;
}

.ft_center a {
	display: block;
	color: #fff
}

.ft_center a:hover {
	color: #ff0
}

.ft_right {
	float: right;
	width: 23.5%;
	margin-left: 1%
}

h5.ft_title {
	margin: 0 0 10px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 400;
	padding-bottom: 5px;
	background: url(images/line_footer.png) bottom left no-repeat
}

#map_canvas1 {
	width: 100%;
	height: 190px;
	color: #000
}

.ft_bot {
	font-size: 12px;
	color: #78d9fc;
	padding: 10px 0;
	background: #0e90bf
}

.ft_bot span {
	display: block;
	float: left;
	width: 50%
}

#back-top {
	position: fixed;
	bottom: 10%;
	right: 0;
	display: block
}

.cf-hidden,
.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%,
	100% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
}

@-webkit-keyframes blinker {
	0%,
	100% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
}

@keyframes blinker {
	0%,
	100% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
}

.phantrang {
	padding: 10px 0;
	text-align: center
}

.phantrang a,
.phantrang span {
	display: inline-block;
	line-height: 23px;
	margin-right: 5px;
	padding: 0 10px
}

.phantrang a {
	color: #696969;
	border: thin solid #ebebeb;
	text-decoration: none;
	text-align: center;
	font-size: 12px
}

.phantrang a:hover,
.phantrang span {
	background-color: #ff0101;
	color: #fff;
	border: thin solid #ff0101
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	line-height: 0;
	height: 0
}
#top-category{}
#top-category .item{
    position: relative;
}
#top-category .item .name{
    position: absolute;
    bottom: 20px;
    left: 5%;
    width: 90%;
    background: #ffffffe0;
    text-align: center;
    border-radius: 5px;
    padding: 8px 10px;
}
#top-category .item .name a{
    color: green;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
}
#top-category .item:hover .name{}
#top-category .item:hover .name a{}

.group_index{}
.group_index .product-index{
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.4);
    border-bottom: 1px solid #ccc;
}
.group_index .product-index .pro_img{}
.group_index .product-index .pro_name{
    padding: 0 10px;
}
.group_index .product-index .pro_name > a{
    color: green;
    font-weight: bold;
    border: 0;
    font-size: 16px;
}
.group_index .product-index .pro_name:hover > a{}
.group_index .product-index .xdetail{
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-top: 10px;
}
.group_index .product-index .xdetail a{
    display: inline-block;
    background: #018001;
    height: auto;
    border: 0;
    padding: 7px 14px;
    border-radius: 32px;
    color: #fff;
}
.group_index .product-index .xdetail:hover a{}



.big-news{
    position: relative;
    overflow: hidden;
}
.big-news .name{
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    background: #ffffffd4;
    display: block;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase;
}
.big-news .name a{
    position: relative;
    display: block;
    color: green;
    font-weight: bold;
    font-size: 16px;
}
.big-news .name:hover a{}
.wrap-col5-max{margin-left:-5px;margin-right:-5px}
.col5-max{width:50%;float:left;padding-left:5px;padding-right:5px}

.list-policy{
    margin: 20px 0;
}
.row-10{
    margin-left: -10px;
    margin-right: -10px;
}
.col-10{
    padding-left: 10px;
    padding-right: 10px;
}
.list-policy{}
.col-policy{
    width: 25%;
    float: left;
}
.col-policy .inner{
    background: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    border: 2px solid green;
    padding-left: 46px;
    position: relative;
}
.col-policy .inner span{
    padding: 10px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    color: green;
    font-size: 17px;
    padding-right: 0;
}
.col-policy img{
    width: 42px;
    left: 7px;
    position: absolute;
}
.col-policy a{}
.col-policy:hover a{}


@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 a {
		padding: 4px 10px
	}
	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:first-child a,
	ul#header_menu ul li:hover ul a {
		padding: 8px
	}
	.chinhsach_name a {
		font-size: 13px
	}
	.chinhsach_name span {
		font-size: 12px
	}
	.pro_name div {
		font-size: 13px
	}
}

@media (max-width:1024px) {
	.chinhsach_name,
	a.chinhsach_img {
		text-align: center;
		width: 100%;
		display: block
	}
	#responsive-menu {
		display: block!important;
		background: #eeeded
	}
	#header_menu,
	.chinhsach_item:before,
	.col_left {
		display: none
	}
	div#menu_top {
		position: relative!important;
		background: #eeeded
	}
	.pro_item {
		width: 32%;
		margin: 1% 2% 1% 0
	}
	.pro_item:nth-child(5n) {
		margin-right: 2%
	}
	.pro_item:nth-child(5n+1) {
		clear: initial
	}
	.pro_item:nth-child(3n) {
		margin-right: 0
	}
	.pro_item:nth-child(3n+1) {
		clear: both
	}
	.pro_item2 {
		width: 32%;
		margin: 1% 2% 1% 0
	}
	.col_right,
	.thanhtoan1 {
		width: 100%
	}
	.pro_item2:nth-child(4n) {
		margin-right: 2%
	}
	.pro_item2:nth-child(4n+1) {
		clear: initial
	}
	.pro_item2:nth-child(3n) {
		margin-right: 0
	}
	.pro_item2:nth-child(3n+1) {
		clear: both
	}
	.col_right {
		float: none
	}
	.gui_tt input {
		width: auto
	}
	form#frm_search {
		width: 40%
	}
	.chinhsach_item,
	.chinhsach_item:first-child {
		width: 24%;
		float: left;
		padding: 2% 1%;
		margin: .5%
	}
	a.chinhsach_img {
		float: none
	}
	.ft_mxh span {
		display: block;
		margin-bottom: 18px
	}
	.text_dangky img {
		width: 22%
	}
	.text_dangky span {
		width: 73%
	}
}

@media (max-width:768px) {
	.col5-max{width:100%}
	.col-policy{width:50%;margin-bottom:20px}
	.pro_item,
	.pro_item2 {
		width: 49%;
		margin: 1% 2% 1% 0
	}
	.pro_item2:nth-child(3n),
	.pro_item:nth-child(3n) {
		margin-right: 2%
	}
	.pro_item2:nth-child(3n+1),
	.pro_item:nth-child(3n+1) {
		clear: initial
	}
	.pro_item2:nth-child(2n),
	.pro_item:nth-child(2n) {
		margin-right: 0
	}
	.pro_item2:nth-child(2n+1),
	.pro_item:nth-child(2n+1) {
		clear: both
	}
	div#box_video iframe {
		height: 275px
	}
	.contact_l,
	.contact_r,
	.form_c,
	.map_c {
		width: 100%;
		float: none
	}
	footer {
		margin-bottom: 36px
	}
	.visible-xs {
		display: block
	}
	.visible-xs table {
		background: #378fcc
	}
	.product_left {
		float: none;
		width: 100%
	}
	.product_right {
		width: 100%;
		float: none;
		padding: 20px 0
	}
	.col_left,
	.col_right {
		width: 100%;
		float: none
	}
	.form_lienhe input {
		width: 100%
	}
	.img_news {
		width: 30%
	}
	.name_news {
		width: 67%
	}
	.item_news {
		float: none;
		width: 100%;
		margin: 2% 0
	}
	.col3,
	.col4,
	.col5,
	.col6,
	.col7 {
		width: 100%
	}
	.tintuc_item {
		margin: 0
	}
	.ft_center,
	.ft_left,
	.ft_right {
		width: 100%;
		float: none;
		margin: 1% 0;
		text-align: left
	}
	.newsdetail_slider {
		width: 100%;
		float: none;
		margin: 20px 0
	}
	.chitiet_mota {
		width: 100%;
		float: none
	}
	span.slogan {
		float: none;
		padding: 5px 0
	}
	div#cart_top {
		float: none;
		position: absolute;
		top: 0;
		right: 20px
	}
	form#frm_search {
		width: 100%;
		margin: 0
	}
	.logo_top {
		float: none;
		line-height: 0;
		width: 100%!important;
		text-align: center
	}
	.logo_top img {
		display: inline-block;
		max-width: 100%
	}
	.chinhsach_item,
	.chinhsach_item:first-child {
		width: 49%;
		float: left;
		padding: 2% 1%;
		margin: .5%
	}
	a.newsbot_img {
		width: 100%;
		margin-bottom: 4%
	}
	.newsbot_name {
		width: 100%
	}
	.ft_dangky {
		padding-bottom: 0
	}
	.text_dangky {
		width: 100%;
		float: none;
		margin-right: 0
	}
	form#subscribe_form {
		width: 100%;
		float: none;
		background: #fff;
		margin: 2% 0
	}
	.ft_mxh {
		float: none
	}
	.ft_bot span {
		display: block;
		float: none;
		width: 100%
	}
	.product_right1,
	.product_right2 {
		width: 100%;
		float: none
	}
}

@media (max-width:560px) {
.col-policy .inner{
    padding-left: 10px;
}
.col-policy .inner span{font-size: 14px;}
.col-policy img{display:none}
}



@media (max-width:380px) {
	.col-policy{width:100%;margin-bottom:20px}
	.pro_item,
	.pro_item2 {
		width: 100%;
		margin: 1% 0
	}
	.img_news,
	.name_news {
		width: 100%;
		float: none
	}
	.chinhsach_item,
	.chinhsach_item:first-child {
		width: 100%;
		float: none;
		padding: 2% 1%;
		margin: 1% 0
	}
	div#cart_top {
		float: none;
		position: relative;
		top: 0;
		right: 0;
		margin-bottom: 2%
	}
}

.invi_loading {
	visibility: hidden;
}