@charset "utf-8";

/************************************************************************************
CSS RESET
*************************************************************************************/

*{margin:0; padding:0;outline:0;}
html{height:100%;}
h1{font-size:15px;}
h2{font-size:14px;} 
h3{font-size:13px;} 
h4{font-size:12px;} 
h5{font-size:11px;} 
h6{font-size:10px;} 
a{text-decoration:none;} 
p{padding: 0 0 10px 0;}
img{border:0; border-spacing:0;}
img, embed{vertical-align:middle;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img, embed {margin: 0; padding: 0; outline: 0;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0; border: 1px solid #eee}
table td, table th {border: 1px solid #eee; padding: 3px 10px;}
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong, b {font-weight:bold;}
em {font-style:italic;}
pre {white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

input[type=text], input[type=password], input[type=file], input[type=submit], input[type=reset], input[type=search], textarea, button {-webkit-appearance:none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;}

input[type=number]::-webkit-inner-spin-button {opacity: 1;}

/************************************************************************************
Reset HTML5 Elements to Block
*************************************************************************************/

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/************************************************************************************
FONTFACE fontawesome
*************************************************************************************/

@font-face {
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: normal;
	src: 	url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-brands-400.eot");
	src: 	url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), 
			url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-brands-400.woff2") format("woff2"), 
			url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-brands-400.woff") format("woff"), 
			url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-brands-400.ttf") format("truetype"), 
			url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  src: 	url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-light-300.eot");
  src: 	url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), 
  		url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-light-300.woff2") format("woff2"),
		url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-light-300.woff") format("woff"), 
		url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-light-300.ttf") format("truetype"), 
		url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-light-300.svg#fontawesome") format("svg");
}
  
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  src: 	url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-regular-400.eot");
  src: 	url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), 
  		url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-regular-400.woff2") format("woff2"), 
		url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-regular-400.woff") format("woff"), 
		url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-regular-400.ttf") format("truetype"), 
		url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}
  
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  src: 	url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-solid-900.eot");
  src: 	url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), 
  		url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-solid-900.woff2") format("woff2"), 
		url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-solid-900.woff") format("woff"), 
		url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-solid-900.ttf") format("truetype"), 
		url("../templates/font-awesome-pro/web-fonts-with-css/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

/************************************************************************************
CSS WEBSITE
*************************************************************************************/

html {background: #222;}
body {
	font-family: 'Quicksand', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #333;
	line-height: 20px;
	max-width: 1920px;
	margin: 0 auto;
}
.css_body {	
	background: #fff;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	height: auto;
	min-height: 100%;
	letter-spacing: 0.2px;
	overflow-x: hidden;
}
.fixbody {overflow: hidden;}

#wrapper {position: relative; height: 100%;}

.min_wrap {width: 1170px; margin: 0 auto;}
 
.icon_web {}

.font_sty {}

/************************************************************************************
CSS HEADER
*************************************************************************************/

#header {}

.top_hea {background: #f5f5f5;}
.l_top_hea {float: left;}
.l_top_hea > li {float: left; position: relative; padding: 8px 10px;}
.l_top_hea > li:first-child, .r_top_hea > li:first-child {padding-left: 0;}
.l_top_hea > li:last-child, .r_top_hea > li:last-child {padding-right: 0;}
.l_top_hea > li::before {
	content: "";
	width: 1px; height: 10px;
	position: absolute;
	top: 13px; right: 0;
	background: #b8b8b8;
}
.l_top_hea > li:last-child::before {display: none;}
.l_top_hea > li > a {
	display: block;
	font-size: 11px;
	color: #333;
}
.l_top_hea > li.active > a, .l_top_hea > li:hover > a {color: #0095da;}

.r_top_hea {float: right;}
.r_top_hea > li {float: left; padding: 8px 10px;}
.r_top_hea > li > a {
	display: block;
	color: #0095da;
	font-size: 14px;
}

.banner {background: #fff;}
.banner .min_wrap {position: relative; padding: 15px 0;}
.logo {display: inline-block;}
.logo img {display: inline-block; width: auto; height: 60px;}

.orther_banner {position: absolute; top: 25px; right: 0;}
.orther_banner > li {
	float: left;
	margin-right: 30px;
	position: relative;
	padding-left: 45px;
}
.orther_banner > li:last-child {margin-right: 0;}
.orther_banner > li > span {
	position: absolute;
	top: 2px; left: 0;
	z-index: 1;
	width: 34px; height: 34px;
	line-height: 34px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #efefef;
	font-size: 16px;
	text-align: center;
	color: #0095da;
}
.orther_banner > li > p {
	min-height: 36px;
	padding: 0 0 0 14px;
	border-left: 1px solid #f7f7f7;
	font-size: 12px;
}
.orther_banner > li > p strong {display: block; font-weight: 400;}
.orther_banner > li > p b {font-size: 14px; display: block;}

.nav_mn {background: #0095da;}
.nav_mn .min_wrap {width: 1200px;}
.ul_mn > li {float: left; position: relative;}
.ul_mn > li > a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 44px;
	padding: 0 10px;
}
.ul_mn > li > a svg {margin-left: 4px;}
.ul_mn > li.active > a, .ul_mn > li:hover > a {background: #0773a5;}
.ul_mn > li:hover > ul.mn_child_01 {visibility: visible; z-index: 100; opacity: 1; top: 44px;}
.ul_mn > li > ul.mn_child_01 {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: 0; top: 50px;
	background: #0773a5;
	transition: top .2s;
	-moz-transition: top .2s;
	-webkit-transition: top .2s;
	-o-transition: top .2s;
	z-index: 101;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
.ul_mn > li > ul.mn_child_01 > li {position: relative;}
.ul_mn > li > ul.mn_child_01 > li > a {
	color: #fff; 
	display: block; 
	padding: 7px 15px; 
	white-space: nowrap; 
	text-transform: capitalize;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.ul_mn > li > ul.mn_child_01 > li:hover > a {background: #0095da;}
.ul_mn > li > ul.mn_child_01 > li:hover > ul.mn_child_02 {display: block;}
.ul_mn > li > ul.mn_child_01 > li > ul.mn_child_02 {
	display: none;
	position: absolute;
	top: 0;
	background: #0095da;
	min-width: 160px;
}
.ul_mn > li > ul.mn_child_01 > li > ul.mn_child_02 > li > a {
	color: #fff;
	display: block;
	padding: 7px 15px; 
	white-space: nowrap; 
	text-transform: capitalize;
}
.ul_mn > li > ul.mn_child_01 > li > ul.mn_child_02 > li > a:hover {text-decoration: underline;}

/************************************************************************************
CSS CONTAINER
*************************************************************************************/

#container {min-height: 500px;}

.slide {position: relative;}
.swiper1 .swiper-slide {background: #f9f9f9; height: 493px;}
.swiper1 .swiper-slide img {display: block; width: 100%; height: 100%;}

.search_h {
	position: absolute; 
	z-index: 98;
	bottom: 30px; right: 0; left: 0;
	width: 1100px;
	margin: 0 auto;
	padding: 5px;
	background: rgba(255,255,255,0.5);
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
}
.in_search_h {
	background: #fff;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	position: relative;
}
.ul_search_h {padding-right: 120px; overflow: hidden;}
.ul_search_h > li {
	float: left;
	width: 16.6666%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 44px;
}
.ul_search_h > li + li {border-left: 1px solid #eee;}
.ipt_search_h {
	width: 100%; height: 44px;
	border: 0;
	color: #333;
	padding: 0 10px;
	background: none;
}
.slec_search_h {
	width: 100%; height: 44px;
	border: 0;
	padding: 0 24px 0 6px;
	background: url(../imgs/layout/icon_1.png) no-repeat center right 10px;
}
.btn_search_h {
	color: #fff;
	background: #0095da;
	width: 120px; height: 44px;
	-webkit-border-radius: 22px !important;
	-moz-border-radius: 22px !important;
	border-radius: 22px !important;
	cursor: pointer;
	border: 0;
	position: absolute;
	top: 0; right: 0;
	z-index: 1;
}
.btn_search_h:active {background: #0773a5;}

.other_slide {
	position: fixed; 
	top: 35%; right: 0; 
	z-index: 99;
	height: 117px;
}
.other_slide > li {
	width: 250px;
	font-size: 12px;
	padding: 4px 0 4px 4px;
	background: rgba(255,255,255,0.5);
	-webkit-border-top-left-radius: 28px;
	-webkit-border-bottom-left-radius: 28px;
	-moz-border-radius-topleft: 28px;
	-moz-border-radius-bottomleft: 28px;
	border-top-left-radius: 28px;
	border-bottom-left-radius: 28px;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-ms-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
.li_dstnt {position: absolute; top: 0; right: -195px;}
.li_hotline {position: absolute; top: 61px; right: -195px;}
.li_hotline_2 {position: absolute; top: 122px; right: -195px;}
.other_slide > li:hover {background: rgba(0,149,216,0.8); right: 0;}
.other_slide > li a {
	background: #fff;
	position: relative;
	-webkit-border-top-left-radius: 24px;
	-webkit-border-bottom-left-radius: 24px;
	-moz-border-radius-topleft: 24px;
	-moz-border-radius-bottomleft: 24px;
	border-top-left-radius: 24px;
	border-bottom-left-radius: 24px;
	padding: 2px 15px 0 58px;
	display: block;
	height: 46px;
}
.other_slide > li span {display: block; color: #333;}
.other_slide > li strong {display: block; color: #0095d8; font-size: 18px; font-weight: 700;}
.other_slide > li i {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 42px; height: 42px;
	background-color: #0095da;
	background-position: center center;
	background-repeat: no no-repeat;
	position: absolute;
	top: 3px; left: 3px;
}
.icon_13 {background-image: url(../imgs/layout/icon_13.png);}
.icon_14 {}
.icon_14 img {
	display: block; 
	width: 100%; height: 100%;
	-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
	animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
}
@-webkit-keyframes phonering-alo-circle-img-anim {
	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		transform: rotate(0) scale(1) skew(1deg);
	}
	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		transform: rotate(0) scale(1) skew(1deg);
	}
	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		transform: rotate(0) scale(1) skew(1deg);
	}
}
@keyframes phonering-alo-circle-img-anim {
	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		transform: rotate(0) scale(1) skew(1deg);
	}
	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		transform: rotate(0) scale(1) skew(1deg);
	}
	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		transform: rotate(0) scale(1) skew(1deg);
	}
}

.t_h {
	text-align: center;
	font-size: 26px; line-height: 32px;
	color: #0095da;
	padding-bottom: 27px;
	text-transform: uppercase;
	font-family: Arial;
	font-weight: 700;
	background: url(../imgs/layout/icon_2.png) no-repeat center bottom;
}
.t_h_cont {padding-top: 20px;}

.da_nb_h {background: #fff; padding: 50px 0;}
.da_nb_h .min_wrap {width: 1178px;}
.swiper2 {padding: 30px 4px 0 4px !important;}
.swiper2 .swiper-pagination-2 {position: static; padding-top: 30px !important;}
.swiper2 .swiper-pagination-2 .swiper-pagination-bullet {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 10px; height: 10px;
	background: #b1b1b1;
	opacity: 1;
}
.swiper2 .swiper-pagination-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #0095da;}
.swiper2 .swiper-slide:hover .name_da_nb_h {color: #0095da;}
.img_da_nb_h {
	background: #fff;
	padding: 5px;
	height: 170px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	position: relative;
}
.img_da_nb_h img {display: block; width: 100%; height: 100%;}
.name_da_nb_h {
	font-size: 13px;
	font-weight: 700;
	color: #333;
	padding: 15px 0 10px 0;
}
.des_da_nb_h {
	color: #666;
	max-height: 80px;
	overflow: hidden;
	padding: 0;
}

.row_h_1 {background: #fff; padding-bottom: 50px;}
.t_row_h_1 {
	text-transform: uppercase;
	font-family: Arial;
	font-size: 26px;
	line-height: 32px;
	color: #0095da;
	font-weight: 700;
	padding-bottom: 30px;
}

.gt_h {float: right; width: 770px; position: relative;}
.gt_h .f-detail img {padding-top: 0;}
.swiper-button-prev-3 {
	width: 40px !important; height: 40px !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #0095da !important;
	background-size: auto 20px !important;
	left: -20px !important;
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
}
.swiper-button-next-3 {
	width: 40px !important; height: 40px !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #0095da !important;
	background-size: auto 20px !important;
	right: -20px !important;
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
}

.news_h {float: left; width: 370px;}
.ul_news_h {border: 1px solid #eee; border-left: 3px solid #ff9b47;}
.ul_news_h > li {border-bottom: 1px solid #eee; position: relative;}
.ul_news_h > li:last-child {border-bottom: 0;}
.ul_news_h > li:last-child > a {color: #0773a5; text-transform: uppercase; font-weight: 700;}
.ul_news_h > li:last-child > a::before {
	content: "\f054";
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 300; 
	color: #0773a5;
	position: absolute;
	top: 20px; right: 20px;
}
.ul_news_h > li > a {display: block; padding: 20px;}
.ul_news_h > li:hover::before {
	content: "";
	width: 3px;
	background: #077fcb;
	position: absolute;
	top: 0; bottom: 0; left: -3px;
	z-index: 1;
}
.ul_news_h > li:hover > a {background: #fcfcfc;}
.ul_news_h > li > a h3 {font-size: 13px; font-weight: 700; color: #333;}
.ul_news_h > li > a span {display: block; color: #666; padding-top: 10px;}

.prod_h {padding: 50px 0;}
.prod_h_1 {background: #f5f5f5;}
.prod_h_2 {background: #fff;}

.ul_prod > li {
	float: left;
	width: 370px;
	margin: 30px 30px 0 0;
	background: #fff;
	border-bottom: 6px solid #d6d6d6;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-ms-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
	position: relative;
}
.ul_prod > li:nth-child(3n) {margin-right: 0;}
.ul_prod > li:hover {	
	border-bottom: 6px solid #0095da;
	-webkit-box-shadow: 0 32px 27px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 32px 27px rgba(0,0,0,0.2);
	box-shadow: 0 32px 27px rgba(0,0,0,0.2);
}
.ul_prod_other > li {width: 48.5%; margin-right: 0;}
.ul_prod_other > li:nth-child(2n) {float: right;}
.info_prod {padding: 20px;}
.name_prod {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #111;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.dc_prod {
	color: #aab1bb;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0;
}
.img_prod {height: 247px; position: relative;}
.img_prod img {display: block; width: 100%; height: 100%;}
.quan_img_prod {
	position: absolute;
	z-index: 1;
	top: 15px; left: 15px;
	color: #fff;
	background: #ec0000;
	font-weight: 700;
	padding: 5px 10px;
}
.ts_prod {overflow: hidden; padding: 10px 20px;}
.ts_prod > li {
	float: left; 
	width: 48.5%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 26px;
	color: #333;
	padding: 10px 0;
}
.ts_prod > li:nth-child(2n) {float: right;}
.price_prod {font-size: 16px; font-weight: 700; color: #ec0000 !important;}
.ts_prod i {
	float: left;
	width: 26px; height: 26px;
	margin-right: 10px;
}
.icon_3 {background: url(../imgs/layout/icon_3.png) no-repeat;}
.icon_4 {background: url(../imgs/layout/icon_4.png) no-repeat;}
.icon_5 {background: url(../imgs/layout/icon_5.png) no-repeat;}
.icon_6 {background: url(../imgs/layout/icon_6.png) no-repeat;}
.icon_8 {background: url(../imgs/layout/icon_8.png) no-repeat;}
.icon_9 {background: url(../imgs/layout/icon_9.png) no-repeat;}
.icon_10 {background: url(../imgs/layout/icon_10.png) no-repeat;}
.icon_7 {
	background: url(../imgs/layout/icon_7.png) no-repeat;
	width: 21px; height: 37px;
	position: absolute;
	top: -3px; right: 20px;
	z-index: 1;
}

.ul_prod_ks > li {width: 570px;}
.ul_prod_ks > li .img_prod {height: 380px;}
.ul_prod > li:nth-child(3n) {margin-right: 0;}
.ul_prod_ks > li:nth-child(2n) {margin-right: 0;}
.ul_prod_ks > li .ts_prod > li {width: 32%; margin-right: 2%;}
.ul_prod_ks > li .ts_prod > li:nth-child(2n) {float: left;}
.ul_prod_ks > li .ts_prod > li:nth-child(3n) {margin-right: 0;}

.vd_h {background: #fff; padding: 50px 0;}
.vd_h .min_wrap {width: 1190px;}
.swiper4 {padding: 30px 10px 10px 10px !important;}
.swiper4 .swiper-slide {
	background: #fff;
	-webkit-box-shadow: 0 0 9px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 9px rgba(0,0,0,0.2);
	box-shadow: 0 0 9px rgba(0,0,0,0.2);
}
.swiper4 .swiper-pagination-4 {position: static; padding-top: 20px !important;}
.swiper4 .swiper-pagination-4 .swiper-pagination-bullet {
	width: 10px; height: 10px;
	opacity: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #b1b1b1;
}
.swiper4 .swiper-pagination-4 .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #0095da;}
.img_vd_h {position: relative; height: 247px;}
.swiper4 .swiper-slide:hover .img_vd_h::before {background: rgba(0,0,0,0.6);}
.img_vd_h::before {
	content: "";
	z-index: 1;
	background: rgba(0,0,0,0.4);
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-ms-transition: ease .3s;
	-o-transition: ease .3s;
	transition: ease .3s;
}
.img_vd_h::after {
	content: "";
	z-index: 2;
	background: url(../imgs/layout/icon_11.png) no-repeat;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	width: 60px; height: 60px;
}
.img_vd_h img {display: block; width: 100%; height: 100%;}
.name_vd_h {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #333;
	padding: 15px 20px;
	height: 48px;
	overflow: hidden;
	position:relative;
}
.name_vd_h::before {
	content: "";
	background: #fff;
	height: 10px;
	position: absolute;
	bottom: 0; right: 0; left: 0;
	z-index: 1;
}

.dt_h {padding: 50px 0; background: #f5f5f5;}
.swiper5 {padding-top: 30px !important;}
.swiper5 .swiper-slide figure {
	position: relative;
	background: #fff;
	text-align: center;
	height: 90px;
}
.swiper5 .swiper-slide figure img {
	display: block;
	width: auto; max-width: 100%;
	max-height: 100%;
	margin: auto;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

.hotline {background: #ca681e url(../imgs/layout/bg_hotline.jpg) no-repeat center center; background-size: cover;}
.ul_hotline {
	overflow: hidden;
	border-left: 1px  solid #dfa478;
}
.ul_hotline > li {
	float: left;
	width: 33.3333%;
	border-right: 1px  solid #dfa478;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px 20px 25px 120px;
	color: #fff;
	background: url(../imgs/layout/icon_12.png) no-repeat center left 40px;
}
.ul_hotline > li span {display: block; text-transform: uppercase; padding-bottom: 8px;}
.ul_hotline > li a {font-size: 18px; font-weight: 700; color: #fff;}

.bg_catalogy {
	position: relative;
	z-index: 1;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background: #f3f3f3;
}
.bg_catalogy .min_wrap {height: 200px; position: relative; display: flex; align-items: center;}
.our_breacrum {
	background: rgba(0,0,0,0.5);
	display: inline-block;
	color: #fff;
	padding: 20px;
}
.h_cont {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 5px;
}
.ul_breacrum > li {display: inline-block; color: #fff;}
.ul_breacrum > li::after {
	content: "/";
	display: inline-block;
	margin: 0 3px;
}
.ul_breacrum > li:last-child::after {display: none;}
.ul_breacrum > li > a {color: #fff;}

.f_cont {background: #f5f5f5;}
.f_cont .min_wrap {padding: 30px 0 50px 0; min-height: 400px;}
.f_page {background: #fff; padding: 20px; overflow: hidden;}
.other_page {margin-top: 30px;}
.t_other_page {
	text-transform: uppercase;
	color: #0095da;
	font-weight: 700;
	background: #fff;
	padding: 10px 20px;
	margin-top: 30px;
	position: relative;
}

.ul_share_social {padding-top: 20px; line-height: 18px;}
.ul_share_social > li {float: left;}
.ul_share_social > li + li {margin-left: 7px;}

.maps_ct {position: relative; height: 300px; background: #ccc;}
.maps_ct iframe {width: 100% !important; height: 100% !important;}
.mask_map {background: rgba(0,0,0,0); z-index: 2; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.f_contact {padding: 20px 0 0 0;}
.fc_1 {float: left; width: 48%;}
.fc_2 {float: right; width: 48%;}
.ul_ct > li {margin-bottom: 20px; position: relative;}
.ipt_ct {
	border: 1px solid #ddd;
	width: 100%; height: 34px;
	padding: 0 10px;	
	color: #777;
}
.txt_ct {
	border: 1px solid #ddd;
	width: 100%; min-height: 100px;
	padding: 10px;
	color: #777;
	resize: vertical;	
}
.ipt_ct:focus, .txt_ct:focus {border: 1px solid #bbb; color: #333;}
.btn_ct {
	cursor: pointer;	
	background: #0095da;
	color: #fff;
	text-transform: uppercase;
	padding: 15px 30px;
	border: 0;
	font-weight: bold;
}
.btn_ct:active {opacity: 0.9;}
.t_fc_1 {
	padding-bottom: 10px; 
	font-weight: 700; 
	font-size: 19px;
}
.m_fc_1 a {color: #0095da;}
.m_fc_1 a:hover {text-decoration: underline;}
.ul_m_fc_1 > li {padding: 5px 0; overflow: hidden;}
.ul_m_fc_1 > li span {
	font-size: 14px; 
	margin-right: 10px; 
	float: left; 
	text-align: center;
	width: 30px; height: 30px;
	line-height: 30px;
	background: #f9f9f9;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	top: -4px;
	color: #434343;
}

.ul_dm_bv {overflow: hidden; position: relative;}
.ul_dm_bv::before {
	content: "";
	background: #eee;
	position: absolute;
	top: 0; bottom: 0;
	left: 50%;
	width: 1px;
}
.ul_dm_bv > li {
	overflow: hidden;
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}
.ul_dm_bv > li:nth-child(1), .ul_dm_bv > li:nth-child(2) {padding-top: 0;}
.ul_dm_bv > li:nth-child(2n) {padding-right: 0;}
.ul_dm_bv > li:nth-child(2n+1) {padding-left: 0;}
.ul_dm_bv > li:nth-last-child(1), .ul_dm_bv > li:nth-last-child(2) {padding-bottom: 0;}
.ul_dm_bv > li + li + li {border-top: 1px solid #eee;}
.ul_dm_bv > li figure {
	float: left;
	width: 250px; height: 170px;
	margin-right: 20px;
}
.ul_dm_bv > li figure img {display: block; width: 100%; height: 100%;}
.m_ul_dm_bv {overflow: hidden;}
.m_ul_dm_bv h3 {font-size: 16px; color: #333; line-height: 24px; max-height: 48px; overflow: hidden;}
.m_ul_dm_bv h3:hover {color: #0095da;}
.m_ul_dm_bv .tool_user {padding: 5px 0;}
.m_ul_dm_bv p {color: #666; max-height: 80px; overflow: hidden; padding: 0;}
.m_ul_dm_bv span {color: #0095da; display: inline-block; padding-top: 5px;}
.m_ul_dm_bv span svg {margin-left: 4px;}

.title_D {font-size: 18px; line-height: 26px; color: #0095da; padding-bottom: 10px;}
.des_D {font-size: 14px; padding-bottom: 10px;}

.filter_cont {
	background: #fff;
	padding: 10px 0;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.15);
	box-shadow: 0 0 8px rgba(0,0,0,0.15);
	position: relative;
}
.filter_cont .min_wrap {width: 1190px;}
.ul_filter_cont {overflow: hidden;}
.ul_filter_cont > li {
	float: left;
	width: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	position: relative;
}
.ipt_filter_cont {
	border: 0;
	width: 100%; height: 36px;
	background: #f5f5f5;
	padding: 0 15px;
}
.slec_filter_cont {
	border: 0;
	width: 100%; height: 36px;
	background: #f5f5f5 url(../imgs/layout/icon_1.png) no-repeat center right 15px;
	padding: 0 35px 0 11px;
}
.slec_filter_cont:focus, .ipt_filter_cont:focus {background-color: #fff; border: 1px solid #bbb;}
.btn_filter_cont {
	width: 43%; height: 36px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	background: #0095da;
	position: absolute;
	top: 10px; right: 10px;
	border: 0;
	cursor: pointer;
}
.btn_filter_cont:active {background: #0773a5;}

.ul_filter_cont_2 {display: none;}
.click_s_fh_2 {
	width: 43%; line-height: 36px;
	text-align: center;
	position: absolute;
	top: 10px; left: 10px;
	font-size: 12px;
	color: #0095da;
	font-weight: 700;
	background: #f5f5f5;
	text-transform: uppercase;
}
.click_s_fh_2::before {
	content: "\f013";
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 700;
	margin-right: 6px;
}

.slide_prod_D {width: 575px; float: left; margin-right: 20px;}
.info_prod_D {overflow: hidden; position: relative;}

#gallery-2 {width: 100%; height: 383px; background: #fff !important;}
#gallery-2 .rsOverflow, #gallery-2 .rsSlide, #gallery-2 .rsVideoFrameHolder, #gallery-2 .rsThumbs {background: #fff !important;}
#gallery-2 .rsThumbsHor {height: auto;}
#gallery-2 .rsThumb {width: 132px; height: 88px; opacity: 1; border: 2px solid #fff;}
#gallery-2 .rsThumb img {
	display: block;
	width: 100%; height: 100%;
	object-fit: cover;
	-moz-object-fit: cover;
	-webkit-object-fit: cover;
	-o-object-fit: cover;
	-ms-object-fit: cover;		
}
#gallery-2 .rsThumb.rsNavSelected {background: none; opacity: 1; border-color: #0095da;}
#gallery-2 .rsThumb.rsNavSelected img {opacity: 1;}
#gallery-2 .rsThumbsArrow {height: 88px; top: 15px;}

.title_prod_D {
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	color: #0095da;
	padding-bottom: 10px;
}
.dc_prod_D {color: #999;}
.dc_prod_D svg {color: #0095da; margin: 0 4px 0 1px;}
.ul_prod_D > li {overflow: hidden; padding: 10px 15px; background: #fff;}
.ul_prod_D > li:nth-child(2n) {background: #fbfbfb;}
.ul_prod_D > li strong {
	display: block;
	float: left;
	font-weight: 700;
	width: 38%;
	margin-right: 2%;
}
.ul_prod_D > li p {overflow: hidden; padding: 0;}

.bgdv_prod_D {margin-top: 15px;}
.t_bgdv_prod_D {
	color: #fff;
	text-align: center;
	background: #0095da;
	padding: 5px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.m_bgdv_prod_D {
	border: 1px solid #eee;
	border-top: 0;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 10px 15px;
}
.m_bgdv_prod_D ul {overflow: hidden;}
.m_bgdv_prod_D ul li {
	position: relative;
	float: left;
	width: 48.5%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 5px 0 5px 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.m_bgdv_prod_D ul li::before {
	content: "";
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #0095da;
	width: 6px; height: 6px;
	position: absolute;
	top: 12px; left: 0;
}
.m_bgdv_prod_D ul li:nth-child(2n) {float: right;}

.but_prod_D {padding-top: 15px; position: relative;}
.fcb_tvn {
	display: inline-block;
	background: #f00000;
	color: #fff !important;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	height: 40px; line-height:  40px;
	padding: 0 15px;
	min-width: 110px;
	margin-right: 16px;
}
.fcb_tvn:hover, .fcb_dlh:hover {opacity: 0.8;}
.fcb_dlh {
	display: inline-block;
	background: #0cb66c;
	color: #fff !important;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	height: 40px; line-height:  40px;
	padding: 0 15px;
	min-width: 110px;
}

.addthis_sharing_toolbox {position: absolute; bottom: 7px; right: -5px;}

.mn_scroll_prod_D {
	background: #fff;
	position: relative;
	margin-top: 30px;
}
.mn_scroll_prod_D.is_stuck {
	margin-top: 0;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.15);
	box-shadow: 0 0 8px rgba(0,0,0,0.15);
	z-index: 11;
}
.navHighlighter {overflow: hidden;}
.navHighlighter > li {float: left; border-right: 1px solid #eee;}
.navHighlighter > li > a {
	display: block;
	color: #333;
	padding: 18px 20px;
}
.navHighlighter > li.nav-active > a {font-weight: 700;}

.nd_prod_D {overflow: hidden; margin-top: 30px;}
.l_nd_prod_D {float: left; width: 770px; margin-right: 30px;}
.in_l_nd_prod_D {padding: 20px; background: #fff;}
.r_nd_prod_D {overflow: hidden;}
.ct_nd_prod_D {margin-bottom: 30px;}
.ct_nd_prod_D:last-child {margin-bottom: 0;}
.t_nd_prod_D {
	text-transform: uppercase;
	font-weight: 700;
	color: #0095da;
	border-left: 10px solid #0095da;
	padding: 5px 0 5px 10px;
	margin-bottom: 20px;
}

.vd_nd_prod_D .img_vd_h {height: 480px;}

.block_sb {margin-bottom: 30px;}
.block_sb:last-child {margin-bottom: 0;}

.dm_sb {background: #fff; padding: 10px;}
.t_dm_sb {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px;
	background: #0095da;
}
.ul_dm_sb {padding: 0 5px;}
.ul_dm_sb > li {border-bottom: 1px solid #eee;}
.ul_dm_sb > li:last-child {border-bottom: 0;}
.ul_dm_sb > li > a {
	display: block;
	position: relative;
	color: #333;
	padding: 10px 0 10px 15px;
}
.ul_dm_sb > li > a::before {
	content: "\f105";
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 400;
	position: absolute;
	top: 10px; left: 0;
	font-size: 12px;
}
.ul_dm_sb > li.active > ar, .ul_dm_sb > li > a:hover {color: #0095da;}

.m_ttlh {
	overflow: hidden;
	border: 3px solid #0095da;
	padding: 20px;
}
.img_m_ttlh {
	float: left;
	display: block;
	width: 140px; height: auto;
	margin-right: 25px;
}
.info_m_ttlh {overflow: hidden; font-size: 16px;}
.t_info_m_ttlh {font-weight: 700; padding-bottom: 10px;}
.info_m_ttlh a[href^="tel:"] {font-weight: 700;}
.bot_m_ttlh {overflow: hidden; padding: 5px 0 0 0;}
.ul_bot_m_ttlh {float: left;}
.ul_bot_m_ttlh > li {display: inline-block; margin-right: 7px; padding: 5px 0;}
.ul_bot_m_ttlh > li > a {color: #666;}
.ul_bot_m_ttlh > li > a:hover {color: #0095da;}
.link_bot_m_ttlh {
	display: inline-block;
	float: right;
	font-weight: 700;
	font-size: 13px;
	background: #0095da;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 5px 10px;
	color: #fff !important;
}

/************************************************************************************
CSS FOOTER
*************************************************************************************/

#footer {color: #fff; font-size: 12px;}
#footer a {color: #fff;}
#footer a:hover {text-decoration: underline; color: #fff !important;}

.foot_1 {
	background: #333 url(../imgs/layout/bg_foot_1.jpg) no-repeat center center;
	background-size: cover;
	padding: 50px 0;
	color: rgba(255,255,255,0.8) !important;
}
.ul_foot_1 {overflow: hidden;}
.ul_foot_1 > li {
	float: left;
	width: 20%;
	margin-left: 2%;
}
.ul_foot_1 > li:nth-child(1) {margin-left: 0; width: 34%;}
.t_foot_1 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	color: #0773a5;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-bottom: 20px;
}
.ol_foot_1 > li {padding-bottom: 5px;}
.ol_foot_1 > li:last-child {padding-bottom: 0;}
.ol_foot_1 > li > a {
	display: inline-block;
	position: relative;
	padding-left: 14px;
	color: rgba(255,255,255,0.8) !important;
}
.ol_foot_1 > li > a::before {
	content: "\f105";
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 400;
	position: absolute;
	top: 0; left: 0;
}
.info_foot_1 {padding-bottom: 20px;}
.info_foot_1 strong {
	display: block;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	color: #0773a5;
}	
.info_foot_1 p {padding: 0;}
.ol_2_foot_1 > li {
	padding-bottom: 15px; 
	overflow: hidden; 
	line-height: 15px;
}
.ol_2_foot_1 > li:last-child {padding-bottom: 0;}
.ol_2_foot_1 > li span {
	float: left;
	display: block;
	width: 30px; height: 30px;
	line-height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #0773a5;
	text-align: center;
	margin-right: 10px;
	font-size: 14px;
}
.ol_2_foot_1 > li p {
	padding: 0;
	display: flex;
	align-items: center;
	height: 30px;
}

.foot_2 {background: #0773a5;}
.foot_2 .min_wrap {overflow: hidden; padding: 10px 0;}
.foot_2 p {float: right; padding: 0;}
.foot_2 p svg {margin-right: 4px;}

/************************************** END FOOTER **************************************/

.f-detail {line-height: 1.7; color: #444;}
.f-detail img, .f-detail div, .f-detail table, .f-detail h1, .f-detail h2, .f-detail h3, .f-detail h4, .f-detail h5, .f-detail h6, .f-detail p, .f-detail strong, .f-ndct em{max-width: 100% !important;}
.f-detail img {padding: 10px 0; max-width: 100% !important; height: auto !important;}
.f-detail a {color: #0095da;}
.f-detail a:hover {text-decoration: underline;}

.f-detail ul, .f-detail ol {margin-top: 10px; margin-bottom: 10px;}

.f-detail ul li {list-style: disc outside url(../imgs/layout/icon_0.png); margin-left: 30px;}
.f-detail ol li {list-style: decimal; margin-left: 30px;}

.tag {padding: 15px 0 0 0; font-size: 11px; overflow: hidden; font-family: Arial; line-height: 18px;}
.tag span {color: #939393; padding: 2px 5px 2px 23px; background: #F1F1F1 url(../imgs/layout/icontag.png) no-repeat 5px 5px; display: block; float: left; margin: 0 3px 3px 0;}
.tag a {padding: 2px 5px; color: #656565; background: #F1F1F1; display: block; float: left;	margin: 0 3px 3px 0;}
.tag a:hover {background: #E2E2E2;}

.error-sty {color: #f70000; font-weight: 400; padding: 5px 0px; font-size: 11px;}

a, a:hover {color: #0095da;}
a[href^="tel:"], a[href^="mailto:"] {color: #0095da;}

.clear {clear:both; height: 0; float: none;}

.box-sizing-fix {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.img_object_fit {object-fit: cover; -moz-object-fit: cover; -webkit-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover;}

::-webkit-input-placeholder {opacity: 1;} ::-moz-placeholder {opacity: 1;} :-ms-input-placeholder {opacity: 1;} :-moz-placeholder {opacity: 1;}

.sty_slec {-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.sty_slec::-ms-expand {display: none;}

.sty_transition {-webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; -o-transition: ease 0.3s; -ms-transition: ease 0.3s; transition: ease 0.3s;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

select option {font-size: 12px; padding: 0px 5px;}

input, textarea, select, button {font-family: 'Quicksand', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 12px;}

::-webkit-scrollbar {width: 6px; height: 6px; background: #f9f9f9;}
::-webkit-scrollbar-thumb {width: 6px; background-color: #c1c1c1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
::-webkit-scrollbar-track {padding: 6px;}

.vote_radio input {position: relative; top: -2px; cursor: pointer;}
.vote_radio label {cursor: pointer;}

.page {font-size: 12px; padding: 30px 0 0 0; font-family: Arial; line-height: 18px; text-align: center;}
.PageNum a {display: inline-block; color: #666; padding: 3px 10px; background: #f6f6f6; border: 1px solid #f6f6f6; margin: 0px 3px 5px 0px;}
.PageNum a:hover {color: #fff; background: #0095da; border: 1px solid #0095da;}
.PageNum span {font-weight: bold; display: inline-block; color: #fff; padding: 3px 10px; background: #0095da; margin: 0px 3px 5px 0px; border: 1px solid #0095da;}

/************************************************************************************
CSS DAT LICH KHAM
*************************************************************************************/

.t_f_book {
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	padding: 10px 15px;
	border-bottom: 1px solid #eee;
	line-height: 22px;
	color: #0095da;
}
.ul_f_book {border-top: 1px solid #f6f6f6; padding: 15px;}
.ul_f_book > li {list-style: none; position: relative;}
.ul_f_book > li + li {margin-top: 15px;}
.icon_f_book {
	width: 32px; height: 32px;
	font-size: 15px;
	color: #444;
	position: absolute;
	top: 0; right: 0;
	background: #ddd;
	text-align: center;
	z-index: 1;
	display: block;
}
.icon_f_book svg {position: relative; top: 8px;}
.ipt_f_book {
	width: 100%; height: 32px;
	border: 1px solid #ddd;
	padding: 0 42px 0 10px;
}	
.txt_f_book {
	width: 100%; height: 80px;
	border: 1px solid #ddd;
	padding: 10px;
	resize: none;
}
.slec_f_book {
	background: #fff;
	width: 100%; height: 32px;
	border: 1px solid #ddd;
	padding: 0 40px 0 6px;
}
.btn_f_book {
	width: 100%; height: 32px;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	background: #0095da;
	border: 0;
}
.btn_f_book:active {opacity: 0.8;}

/************************************************************************************
MENU MOBILE
*************************************************************************************/

.icon_menu_mobile {
	visibility: hidden;
	width: 40px; height: 40px;
	background: #0095da url(../imgs/layout/menu_mobile.png) no-repeat center center;
	position: absolute;
	top: 15px; right: 0;
	z-index: 10;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.menu_mobile {
	visibility: hidden;
	background: #555555;
	width: 280px; height: 100%;
	overflow-y: scroll;
	position: fixed;
	top: 0; left: -280px;
	z-index: 99999;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.close_menu_mobile {
	background: rgba(255,255,255,0); 
	position: fixed; 
	top: 0; right: 0; bottom: 0; left: 280px;
	z-index: 7009;
}
.ad_body {overflow-y: hidden;}
.ad_body .menu_mobile {left: 0;}
.ad_body #wrapper::after {
	content: "";
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 10001;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.ul_ma_1 li {font-size: 12px; position: relative;}
.ul_ma_1 > li a {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; color: #fff; padding: 10px 38px 10px 15px;}
.ul_ma_1 > li > a {border-top: 1px solid #6c6c6c; border-bottom: 1px solid #454545; font-weight: bold;}
.ul_ma_1 > li > a:hover, .ul_ma_1 > li.active > a {background: #626262;}

.ul_ma_2 > li > a {background: #474747; border-left: 3px solid #0095da; padding-left: 25px;}
.ul_ma_2 > li > a:hover {background: #5F5F5F;}
.ul_ma_2 > li + li {border-top: 1px solid #575757;}

.ul_ma_3 > li {border-top: 1px solid #575757;}
.ul_ma_3 > li > a {background: #474747; border-left: 3px solid #0095da; padding-left: 40px; padding-right: 15px;}
.ul_ma_3 > li > a:hover {background: #5F5F5F;}

.arrown_menu_accordion {
	background: url(../imgs/layout/arrown_menu_accordion.png) no-repeat center;
	width: 38px; height: 38px;
	position: absolute;
	top: 1px; right: 0;
	cursor: pointer;
}

/************************************************************************************
RESPOSIVE
*************************************************************************************/

.show_neo {
	display: none;
	width: 42px; height: 42px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #0095da url(../imgs/layout/icon_15.png) no-repeat center center;
	background-size: 50% 50%;
	position: fixed;
	bottom: 3px; right: 3px;
	z-index: 99;
	border: 3px solid #fff;
}
.close_show_neo {
	display: none;
	width: 42px; height: 42px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #0095da url(../imgs/layout/icon_16.png) no-repeat center center;
	background-size: 50% 50%;
	position: fixed;
	bottom: 3px; right: 3px;
	z-index: 99;
	border: 3px solid #fff;
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
	.icon_menu_mobile {visibility: visible;}
	.min_wrap, .nav_mn .min_wrap, .da_nb_h .min_wrap, .vd_h .min_wrap, .filter_cont .min_wrap {width: 1000px;}
	.banner .min_wrap {padding: 10px 0; position: relative;}
	.logo img {height: 50px;}
	.search_h {
		width: auto; 
		position: static;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.in_search_h {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.swiper1 .swiper-slide {height: auto;}
	.img_da_nb_h {height: 141px;}
	.gt_h {width: 670px;}
	.news_h {width: 300px;}
	.ul_prod > li {width: 313px;}
	.ul_prod_other > li {width: 48.5%;}
	.ul_prod_other > li .img_prod {height: 227px;}
	.img_prod, .img_vd_h {height: 209px;}
	.info_prod, .name_vd_h {padding: 15px;}
	.ts_prod {padding-left: 15px; padding-right: 15px;}
	.ul_prod_ks > li {width: 485px;}
	.ul_prod_ks > li .img_prod {height: 324px;}
	.name_vd_h {height: 72px;}
	.ul_filter_cont > li {padding: 5px;}
	.click_s_fh_2 {top: 5px; left: 5px; width: 45%;}
	.btn_filter_cont {top: 5px; right: 5px; width: 45%;}
	.l_nd_prod_D {width: 700px;}
	.ul_prod_other > li {width: 48.5%;}
	
	.nav_mn, .orther_banner {display: none !important;}
}

@media only screen and (max-width: 1023px) {
	html, body {overflow-x: hidden; -webkit-overflow-scrolling: touch;}
	body {background-size: 100% auto;}
	.icon_menu_mobile {visibility: visible;}
	#wrapper {
		transition: ease .3s;
		-moz-transition: ease .3s;
		-webkit-transition: ease .3s;
		-o-transition: ease .3s;
		left: 0;
	}
	.min_wrap, .nav_mn .min_wrap, .da_nb_h .min_wrap, .vd_h .min_wrap, .filter_cont .min_wrap {width: 96%;}
	
	.banner .min_wrap {padding: 10px 0; position: relative;}
	.logo img {height: 50px;}
	.search_h {
		width: auto; 
		position: static;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.in_search_h {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.swiper1 .swiper-slide {height: auto;}
	.img_da_nb_h, .img_vd_h {height: 165px;}
	.gt_h, .news_h {width: auto; float: none; padding-bottom: 6%;}
	.news_h {width: auto; float: none;}
	.swiper-button-prev-3 {left: 15px !important;}
	.swiper-button-next-3 {right: 15px !important;}
	.ul_prod > li {width: 49%; margin: 2% 0 0 0;}
	.ul_prod > li:nth-child(2n) {float: right;}
	.img_prod, .ul_prod_ks > li .img_prod {height: 265px;}
	.ul_prod_ks > li .ts_prod > li {width: 48.5%; margin-right: 0;}
	.ul_prod_ks > li .ts_prod > li:nth-child(2n) {float: right;}
	.name_vd_h {height: 72px;}
	.ul_hotline {white-space: nowrap; overflow-x: auto; border: 0;}
	.ul_hotline > li {
		width: auto;
		float: none; 
		display: inline-block;
		padding: 20px 20px 20px 80px;
		background-position: center left 20px;
	}
	.foot_1 {padding: 4% 0; text-align: center;}
	.ul_foot_1 > li {float: none; width: auto !important;}
	.ol_2_foot_1 > li {padding: 0; line-height: inherit;}
	.ol_2_foot_1 > li p {height: auto; display: block;}
	.foot_2 .min_wrap {text-align: center;}
	.foot_2 p {float: none;}
	.f_cont .min_wrap {padding: 2% 0 4% 0;}
	.bg_catalogy .min_wrap {height: 120px;}
	.ul_dm_bv > li {float: none !important; width: auto !important; padding: 15px 0 !important;}
	.ul_dm_bv > li:first-child {padding-top: 0 !important;}
	.ul_dm_bv > li + li {border-top: 1px solid #eee;}
	.ul_dm_bv > li figure {margin-right: 15px;}	
	.l_nd_prod_D {width: auto; float: none; margin: 0;}
	.slide_prod_D {float: none; width: auto; margin: 0 0 15px 0; overflow: hidden;}
	.t_nd_prod_D {margin-bottom: 15px;}
	.addthis_sharing_toolbox {right: 0;}
	.filter_cont {padding: 2% 0;}
	.filter_cont .min_wrap {position: relative; padding-bottom: 36px;}
	.ul_filter_cont > li {padding: 0; width: 49%; position: static; margin-bottom: 2%;}
	.ul_filter_cont > li:nth-child(2n) {float: right;}
	.ul_filter_cont > li:last-child {float: none; width: 100%;}
	.click_s_fh_2 {width: 49%; top: auto; bottom: 0; left: 0;}
	.btn_filter_cont {width: 49%; top: auto; bottom: 0; right: 0;}
	
	.row_h_1 {padding: 0;}
	.da_nb_h, .prod_h, .vd_h, .dt_h {padding: 6% 0;}
	.info_prod, .name_vd_h, .f_page, .in_l_nd_prod_D, .ul_news_h > li > a, .our_breacrum {padding: 15px;}
	.ts_prod {padding-left: 15px; padding-right: 15px;}
	.t_other_page, .other_page {margin-top: 2%;}
	.block_sb {margin-bottom: 2%;}
	.t_h, .t_row_h_1 {font-size: 20px; line-height: 26px;}
	
	.ul_breacrum {white-space: nowrap; overflow-x: auto;}
	
	.nav_mn, .orther_banner, .ul_foot_1 > li:nth-child(2), .ul_foot_1 > li:nth-child(3), .ul_foot_1 > li:nth-child(4), .ol_2_foot_1 > li span, .ul_dm_bv::before {display: none !important;}
	.f-detail table, .f-qldh {display: block; overflow-x: auto;}
	
	/*.show_neo {display: block;}*/
	.mn_scroll_prod_D {
		display: none;
		position: fixed;
		top: auto !important;
		bottom: 0; left: 0;
		z-index: 100 !important;
		width: 150px;
	}
	.navHighlighter > li {float: none;}
	.navHighlighter > li > a {padding: 5px 10px;}
	.navHighlighter > li.nav-active > a {background: #0095da; color: #fff;}
}

@media only screen and (max-width: 812px) {
	.img_da_nb_h, .img_vd_h {height: 155px;}
	.img_prod, .ul_prod_ks > li .img_prod {height: 255px;}
	.maps_ct {height: 200px;}
	
	.f-detail iframe {width: 100% !important;}
}

@media only screen and (max-width: 768px) {	
	.img_da_nb_h, .img_vd_h {height: 146px;}
	.img_prod, .ul_prod_ks > li .img_prod {height: 241px;}
}

@media only screen and (max-width: 740px) {	
	.img_da_nb_h, .img_vd_h {height: 141px;}
	.img_prod, .ul_prod_ks > li .img_prod {height: 232px;}
}

@media only screen and (max-width: 736px) {	
	.img_da_nb_h, .img_vd_h {height: 140px;}
	.img_prod, .ul_prod_ks > li .img_prod {height: 231px;}
}

@media only screen and (max-width: 667px) {	
	.img_da_nb_h, .img_vd_h {height: 126px;}
	.img_prod, .ul_prod_ks > li .img_prod {height: 209px;}
}

@media only screen and (max-width: 568px) {	
	.img_da_nb_h, .img_vd_h {height: 106px;}
	.img_prod, .ul_prod_ks > li .img_prod {height: 178px;}
	.m_bgdv_prod_D ul li {float: none !important; width: auto; white-space: normal;}
	#gallery-2 {height: 342px;}
	#gallery-2 .rsThumb {width: 74px; height: 50px;}
	#gallery-2 .rsThumbsArrow {height: 50px;}
	.vd_nd_prod_D .img_vd_h {height: 200px;}
}

@media only screen and (max-width: 480px) {	
	.min_wrap, .nav_mn .min_wrap, .da_nb_h .min_wrap, .vd_h .min_wrap, .filter_cont .min_wrap {width: 94%;}
	.da_nb_h, .prod_h, .vd_h, .dt_h {padding: 9% 0;}
	.f_cont .min_wrap {padding: 3% 0 6% 0;}
	.foot_1 {padding: 6% 0;}
	.gt_h, .news_h {padding-bottom: 9%;}
	.t_other_page, .other_page {margin-top: 3%;}
	.block_sb {margin-bottom: 3%;}
	
	.search_h {padding: 0;}
	.ul_search_h {padding-right: 0;}
	.ul_search_h > li {
		width: 33.3333%; height: auto;
		-webkit-box-shadow: 0 0 1px rgba(0,0,0,1);
		-moz-box-shadow: 0 0 1px rgba(0,0,0,1);
		box-shadow: 0 0 1px rgba(0,0,0,1);
	}
	.ul_search_h > li + li {border-left: 0;}
	.ipt_search_h, .slec_search_h {height: 30px;}
	.btn_search_h {
		position: static; 
		width: 100%; height: 30px;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	.ul_prod > li {width: 48.5%; margin-top: 3%;}
	.ts_prod > li {width: auto !important; float: none !important;}
	.price_prod {font-size: 13px;}
	.img_da_nb_h, .img_vd_h {height: 134px;}
	.img_prod, .ul_prod_ks > li .img_prod {height: 146px;}
	.fc_1, .fc_2 {width: auto; float: none; padding-top: 3%;}
	.btn_ct {width: 100%;}
	.ul_dm_bv > li figure {width: 100px; height: 68px; margin-right: 10px;}
	.m_ul_dm_bv {overflow: visible;}
	.m_ul_dm_bv h3 {font-size: 14px; line-height: 20px; max-height: 60px;}
	.m_ul_dm_bv p {clear: both; padding: 7px 0 0 0;}
	#gallery-2 .rsThumb {width: 74px; height: 50px;}
	.m_ttlh {text-align: center; padding: 15px;}
	.img_m_ttlh {float: none; display: inline-block;}
	.ul_bot_m_ttlh, .link_bot_m_ttlh {float: none; margin-top: 10px;}
	.but_prod_D {text-align: center;}
	.fcb_tvn {min-width: inherit; width: 49%; margin-right: 0; padding: 0;}
	.fcb_dlh {min-width: inherit; width: 49%; padding: 0;}
	.addthis_sharing_toolbox {position: static; margin-top: 15px;}
	
	.l_top_hea, .m_ul_dm_bv span {display: none !important;}
}

@media only screen and (max-width: 414px) {	
	.ul_prod > li {float: none !important; width: auto;}
	.ts_prod > li {width: 48.5% !important; float: left !important;}
	.ts_prod > li:nth-child(2n) {float: right !important;}
	#gallery-2 {height: 239px;}

	.img_da_nb_h, .img_vd_h {height: 114px;}
	.img_prod, .ul_prod_ks > li .img_prod {height: 259px;}
}

@media only screen and (max-width: 375px) {	
	.img_da_nb_h, .img_vd_h {height: 102px;}
	.img_prod, .ul_prod_ks > li .img_prod {height: 234px;}
	.t_h, .t_row_h_1 {font-size: 18px; line-height: 24px;}
	#gallery-2 {height: 215px;}
}

@media only screen and (max-width: 360px) {	
	.img_da_nb_h, .img_vd_h {height: 97px;}
	.img_prod, .ul_prod_ks > li .img_prod {height: 225px;}
	#gallery-2 {height: 205px;}
}

@media only screen and (max-width: 320px) {	
	.img_da_nb_h, .img_vd_h {height: 85px;}
	.img_prod, .ul_prod_ks > li .img_prod {height: 200px;}
	#gallery-2 {height: 180px;}
}