@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;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

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

/************************************************************************************
Reset HTML5 Elements to Block
*************************************************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
CSS WEBSITE
*************************************************************************************/
body {
	font-family: Arial, sans-serif, Helvetica;
	font-weight: 400;
	font-size: 12px;
	color: #333;
	background: #fff url(../images/bg.png) no-repeat top center fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	line-height: 18px;
	-webkit-text-size-adjust:100%;
}

#wrapper {position: relative; width: 100%; height: 100%;}
#wrapper .min_wrap {position: relative;}
.min_wrap {
	width: 1030px; 
	margin: 0 auto; 
	background: #fff;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
}

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

#header {padding: 0 15px; background: url(../images/header.png) no-repeat top center;}

.banner {height: 80px; position: relative;}

.info_banner {
	position: absolute; 
	top: 0; right: 0;
	background: url(../images/info_banner.png) repeat-x bottom;	
	-moz-box-shadow: 1px 0px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 0px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 0px 2px rgba(0,0,0,0.1);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.info_banner ul.ul_info_banner > li {font-size: 11px; float: left; color: #606d4a; padding: 7px 0; line-height: 14px;}
.info_banner ul.ul_info_banner > li > a {color: #606d4a; display: inline-block; padding: 0 10px;}
.info_banner ul.ul_info_banner > li + li > a {border-left: 1px dotted #c6cabf;}
.info_banner ul.ul_info_banner > li a:hover {color: #9ac7c0;}
.info_banner ul.ul_info_banner > li.cart strong {font-weight: normal; color: #9ac7c0;}
.info_banner ul.ul_info_banner > li.user-hover {padding-left: 20px; position: relative;}
.info_banner ul.ul_info_banner > li.user-hover .img_user {position: absolute; top: 4px; left: 5px;}
.info_banner ul.ul_info_banner > li.user-hover:hover ul {visibility: visible; z-index: 100; opacity: 1; top: 28px;}
.info_banner ul.ul_info_banner > li.user-hover ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: 0; top: 30px;
	background: #fff;
	padding: 0 10px;
	min-width: 100px;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	z-index: 2;
	border: 1px solid #9ac7c0;
	border-bottom: 2px solid #9ac7c0;
	border-right: 2px solid #9ac7c0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.info_banner ul.ul_info_banner > li.user-hover ul li {padding: 5px 0;}
.info_banner ul.ul_info_banner > li.user-hover ul li + li {border-top: 1px dotted #eee;}
.info_banner ul.ul_info_banner > li.user-hover ul li a {color: #333;}
.info_banner ul.ul_info_banner > li.user-hover ul li a:hover {color: #9ac7c0;}
.icon_cart {
	width: 10px; height: 10px;
	background: url(../images/icon_cart.png) no-repeat;
	position: relative;
	top: 1px;
	display: inline-block;
	margin-right: 2px;	
}

.hotline {position: absolute; top: 34px; right: 0;}
.hotline ul {overflow: hidden;}
.hotline ul li {float: left; text-align: center; font-size: 10px; text-transform: uppercase; padding: 0 15px; line-height: 16px;}
.hotline ul li strong {display: block; font-size: 18px; font-weight: normal; color: #9ac7c0;}

.logo {position: absolute; top: 10px; left: 0;}
.logo img {width: 195px; height: 60px; display: block;}

.nav_mn {
	background: #686767 url(../images/nav_mn.png) no-repeat left center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
	border-radius: 8px;
	padding: 5px;
	position: relative;
}
.ul_mn {
	/*background: url(../images/ul_mn.png) repeat-x;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;
	height: 40px;
	background: linear-gradient(to bottom, #fff, #9ac7c0);
}
.ul_mn > li {float: left; position: relative;}
.ul_mn > li > a {
	line-height: 40px;
	font-size: 13px;
	font-weight: bold;
	color: #3f192d;	
	padding: 0 20px 0 20px;
	background: url(../images/li_info_foot.png) no-repeat right center;
}
.ul_mn > li:last-child > a {background: none;}
.ul_mn > li.active:first-child > a {color: #3f192d;}
.ul_mn > li.active > a, .ul_mn > li:hover > a, .ul_mn > li.active:hover > a {color: #9ac7c0;}
.ul_mn > li:hover > ul.mn_child_01 {visibility: visible; z-index: 100; opacity: 1; top: 40px;}
.ul_mn > li > ul.mn_child_01 {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: 0; top: 50px;
	background: #fff;
	padding: 0 20px;
	min-width: 150px;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	z-index: 2;
	border: 1px solid #9ac7c0;
	border-bottom: 2px solid #9ac7c0;
	border-right: 2px solid #9ac7c0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.ul_mn > li > ul.mn_child_01::before {
	border-bottom: 7px solid #9ac7c0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	content: " ";
	cursor: pointer;	
	display: block;
    width: 0; height: 0;
    position: absolute;
	top: -7px; left: 20px;
}
.ul_mn > li > ul.mn_child_01 > li + li {border-top: 1px dotted #ddd;}
.ul_mn > li > ul.mn_child_01 > li > a {color: #333; display: block; padding: 5px 0; white-space: nowrap;}
.ul_mn > li > ul.mn_child_01 > li > a:hover {color: #9ac7c0;}

.search {
	background: url(../images/search.png) no-repeat;
	width: 195px; height: 30px;
	position: absolute;
	padding: 5px 0 5px 5px;
	top: 85px; right: 20px;
}
.ipt_s {
	width: 100%; height: 30px;
	font-size: 11px;
	padding: 0 45px 0 8px;
	border: none;
	background: none;
	color: #777;	
}
.btn_s {
	background: url(../images/icon_search.png) no-repeat;
	width: 45px; height: 30px;
	position: absolute;
	top: 5px; right: 0;
	cursor: pointer;
	border: none;	
}

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

#container {}

.f_home {padding: 15px 15px 40px 15px;}

.top_content {overflow: hidden; margin-bottom: 15px;}
.tct_left {margin-right: 10px; width: 100%; float: left; position: relative;}
.tct_right {overflow: hidden;}

.slide {
	overflow: hidden; 
	height: 300px; 
	position: relative; 
	background: #f9f9f9 url(../images/loading.gif) no-repeat center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.slide .owl-carousel .item img {
	display: block; 
	width: 100%; height: 300px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.slide .owl-controls {
	position: absolute;
	bottom: -24px; right: 0; left: 0;
	margin: 0 auto;	
	z-index: 100;
	text-align: center;
	-moz-transition: all .3s; 
	-webkit-transition: all .3s; 
	-o-transition: all .3s; 
	transition: all .3s;	
}
.slide:hover .owl-controls {bottom: 0;}
.slide .owl-controls .owl-page {
	width: 10px; height: 10px; 
	border: 2px solid #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;	
}
.slide .owl-controls .owl-page + .owl-page {margin-left: 5px;}
.slide .owl-controls .owl-page.active {background: #fff;}

.dmsp {
	border: 1px solid #6dab1f;
	background: rgba(255,255,255,0.8);
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	min-height: 150px; width: 158px;
	padding: 0 10px 10px 10px;
	position: absolute;
	top: 15px; left:15px;
	z-index: 2;
}
.title_dmsp {background: url(../images/dmsp.png) no-repeat; width: 148px; height: 40px;}
.ul_dmsp > li {padding-top: 2px;}
.ul_dmsp > li > a {
	font-weight: bold;
	color: #333;
	background: url(../images/icon_dmsp.png) no-repeat left 3px;
	display: inline-block;
	padding-left: 15px;
}
.ul_dmsp > li.active > a, .ul_dmsp > li > a:hover {color: #9ac7c0;}

.module_pdh {
	background: #98df3f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;
	border: 2px solid #6dab1f;
	height: 208px;
}
.title_pdh {background: url(../images/title_pdh.png) no-repeat center; height: 66px; text-indent: -9999px;}
.main_pdh {padding: 10px; color: #f3ffe3;}
.ul_phd > li + li {margin-top: 5px;}
.ul_phd > li label {display: block; font-weight: bold;}
.ul_phd > li strong {color: #f53e94;}
.ul_phd > li span.customSelect {
	font-size: 11px;
	width: 100%; height: 24px;
	line-height: 24px;
	cursor: pointer;
	padding: 0 8px;
	color: #6aa421;
	background: #bbfb6b url(../images/filter_customSelect_1.png) no-repeat right;
	border: 1px solid #8ace34;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ul_phd > li span.customSelect span.customSelectInner {
	width: 100% !important; height: 100%;
	line-height: 22px;
	overflow: hidden;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	box-sizing: border-box;  
}
.ul_phd > li span.customSelect.customSelectFocus {
	border: 1px solid #bbb; 
	color: #333; 
	background: #fff url(../images/filter_customSelect_2.png) no-repeat right;
}

.hddh {margin-top: 10px;}
.hddh img {width: 100%; height: 78px;}

.block_dh {margin-bottom: 10px;}
.bdh_left {float: left; margin-right: 15px; width: 100%;}
.bdh_right {overflow: hidden;}
.inner_bdh {border: 1px solid #b4b4b4; position: relative; background: #fef8fb; padding: 5px 9px; min-height: 110px;}
.title_seo {text-transform: uppercase; color: #333; font-size: 13px; text-align: center;}
.nd_seo {color: #666;}
.boder_bdh {background: url(../images/border_bdh.png) no-repeat; width: 31px; height: 31px; position: absolute;}
.boder_bdh_1 {background-position: 0px 0px; top: -9px; left: -9px;}
.boder_bdh_2 {background-position: -31px 0px; top: -9px; right: -9px;}
.boder_bdh_3 {background-position: 0px -31px; bottom: -9px; left: -9px;}
.boder_bdh_4 {background-position: -31px -31px; bottom: -9px; right: -9px;}
.img_tvdh {background: url(../images/img_tvdh.png) no-repeat; width: 76px; height: 115px; position: absolute; bottom: 0; right: 0;}
.title_tvdh {
	text-transform: uppercase; 
	color: #333; 
	font-size: 13px; 
	font-weight: bold;
	background: url(../images/title_tvdh.png) no-repeat left bottom;
	padding-bottom: 8px;
}
.main_tvdh {padding: 5px 0 0 0; font-size: 11px;}
.ul_tvdh > li {float: left; width: 150px;}
.ul_tvdh > li + li {margin-left: 10px;}
.ul_tvdh > li label {display: block; font-size: 11px; font-weight: bold;}
.ul_tvdh > li span.customSelect {
	font-size: 11px;
	width: 100%; height: 24px;
	line-height: 24px;
	cursor: pointer;
	padding: 0 8px;
	color: #777;
	background: #fff url(../images/filter_customSelect_3.png) no-repeat right;
	border: 1px solid #f39acb;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ul_tvdh > li span.customSelect span.customSelectInner {
	width: 100% !important; height: 100%;
	line-height: 22px;
	overflow: hidden;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}
.ul_tvdh > li span.customSelect.customSelectFocus {
	border: 1px solid #bbb; 
	color: #333; 
	background: #fff url(../images/filter_customSelect_2.png) no-repeat right;
}
.btn_tvdh {line-height: 12px; padding-top: 5px; position: relative; color: #333;}
.btn_tvdh h3 {font-weight: normal; font-size: 11px;}
.btn_tvdh input {
	background: url(../images/btn_tvdh.png) no-repeat;
	border: none;
	width: 47px; height: 24px;
	cursor: pointer;
	position: absolute;
	top: 5px; right: 80px;	
}

.block_prod_home + .block_prod_home {margin-top: 10px;}
.title_prod_home {
	background: url(../images/title_prod_home.png) no-repeat left;
	position: relative;
	padding-top: 17px;
}
.title_prod_home::before {
	content: " ";
	background: url(../images/title_prod_home_left.html) no-repeat;
	display: block;
    width: 15px; height: 54px;
    position: absolute;
	top: 0; left: -15px;	
}
.title_prod_home::after {
	content: " ";
	background: #9ac7c0;
	height: 37px;
	display: block;
	position: absolute;
	top: 17px; left: 300px; right: 0;
}
.title_prod_home span {
	display: block;
	line-height: 37px;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 40px;
	position: relative;
}
.title_prod_home span::after {
	background: #9ac7c0;
	width: 15px; height: 37px;
	content: "";
	position: absolute;
	top: 0; right: -15px;
}
.title_prod_home span a {color: #fff;}
.view_tilte_prod {
	position: absolute; 
	top: 26px; right: 0;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	z-index: 1;
}
.view_tilte_prod:hover {text-decoration: underline;}

.ul_prod {overflow: hidden;}
.ul_prod > li {
	width: 192px;
	float: left;
	margin: 10px 10px 10px 0;	
	text-align: center;
	position: relative;
}
.ul_prod > li:nth-child(5n) {margin-right: 0;}
.ul_prod > li:nth-child(5n+1) {clear: both;}
.ul_prod > li figure {height: 210px; position: relative;}
.ul_prod > li figure img {
	background: url(../images/loading.gif) no-repeat center;
	display: block;
	width: auto; height: 100%; max-width: 100%;
	margin: auto;
}
.ul_prod1 > li figure {height: 260px;}
.icon_label_1 {
	width: 40px; height: 18px;
	position: absolute;
	top: 0; right: 0;
	z-index: 1;
	background: url(../images/label_1.html) no-repeat;
}
.icon_label_2 {
	width: 60px; height: 60px;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
	background: url(../images/label_2.png) no-repeat;
}
.name_prod {padding: 5px 0 0 0; font-weight: bold; color: #000;}
.name_prod:hover {color: #9ac7c0;}
.price_prod {display: block;}
.price_gg {color: #666; text-decoration: line-through; font-style: normal; margin-right: 5px;}
.price_ht {color: #ef061c; font-weight: bold; font-style: normal;}
.btn_dm {
	width: 50px; height: 50px;
	background: #9ac7c0;
	border: 2px solid rgba(255,255,255,0.5);
	display: block;
	position: absolute;
	right: 0; bottom: 41px;
	margin: auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	z-index: 1;
	opacity: 0;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.ul_prod > li:hover .btn_dm  {
	opacity: 1; 
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
.btn_dm strong {position: relative; top: 10px;}
.btn_dm i {font-style: normal; display: block;}

.readmore_prod {text-align: center;}
.readmore_prod span {
	background: url(../images/readmore_prod.html) repeat-x bottom;
	display: inline-block;
	border: 1px solid #9ac7c0;	
	border-bottom: 2px solid #9ac7c0;	
	color: #bc136c;
	font-size: 11px;
	text-transform: uppercase;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 20px;
}
.readmore_prod span:hover {background: #9ac7c0; color: #fff;}
.readmore_prod span a {color: #bc136c;}
.readmore_prod span:hover a {color: #fff;}

.f_cont {padding: 10px 15px 40px 15px; overflow: hidden;}
.content {float: right; width: 790px; margin-left: 10px;}
.sidebar {overflow: hidden;}
.sidebar .dmsp, .dmsp_ct .dmsp {
	position: static;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: inherit;
}
.sidebar .module_pdh {border: none;}
.dmsp_ct {padding-bottom: 10px;}
.dmsp_ct .dmsp {display: none;}
.block_sb + .block_sb {margin-top: 10px;}

.adv_sb > li {position: relative;}
.adv_sb > li + li {margin-top: 10px;}
.adv_sb > li a {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 1;	
}
.adv_sb > li img {width: 100%;}

.breacrum {position: relative; line-height: 14px; padding-bottom: 10px;}
.ul-breacrum > li {
	display: inline-block; 
	font-size: 11px; 
	background: url(../images/arrown-breacrum.png) no-repeat right 4px;
	padding: 0 10px 0 3px;
}
.ul-breacrum > li:first-child a img {position: relative; top: -2px;}
.ul-breacrum > li:first-child {padding-left: 0;}
.ul-breacrum > li:last-child {padding-right: 0; background: none;}
.ul-breacrum > li > a {color: #999;}
.ul-breacrum > li > a:hover {text-decoration: underline; color: #777;}

.breacrum .addthis_sharing_toolbox {position: absolute; top: 0; right: -2px;}

.form_prod {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #eee;	
	box-shadow: 0px 1px 0px #f2f2f2;
}
.form_prod .f-detail {padding: 5px 9px; color: #555;}
.title_form_prod {border-bottom: 1px solid #eee; padding-left: 9px; position: relative;}
.title_fp_h {font-size: 18px; line-height: 34px; color: #9ac7c0;}

.ul_form_prod {position: absolute; top: 5px; right: 0;}
.ul_form_prod > li {float: left; width: 150px; margin-right: 5px;}
.ul_form_prod > li span.customSelect {
	font-size: 11px;
	width: 100%; height: 24px;
	line-height: 24px;
	cursor: pointer;
	padding: 0 8px;
	color: #777;
	background: #f2f2f2 url(../images/filter_customSelect_4.png) no-repeat right;
	border: 1px solid #f2f2f2;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ul_form_prod > li span.customSelect span.customSelectInner {
	width: 100% !important; height: 100%;
	line-height: 22px;
	overflow: hidden;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}
.ul_form_prod > li span.customSelect.customSelectFocus {
	border: 1px solid #bbb; 
	color: #333; 
	background: #fff url(../images/filter_customSelect_2.png) no-repeat right;
}

.block_prod_catalogy {padding: 10px 0;}
.block_prod_catalogy .ul_prod > li {width: 190px;}
.block_prod_catalogy .ul_prod > li:nth-child(4n) {margin-right: 0;}
.block_prod_catalogy .ul_prod > li:nth-child(5n+1) {clear: inherit;}
.block_prod_catalogy .ul_prod > li:nth-child(4n+1) {clear: both;}

.social_fixed {
	position: fixed; 
	top: 40%; right: 0;
	background: rgba(255,255,255,0.5);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 10px;
}
.social_fixed ul li + li {margin-top: 10px;}

.f_contact {padding: 10px 15px 40px 15px;}
.form-ct {}
.f1-ct {overflow: hidden;}
.f2-ct {float: right; width: 70%; margin-left: 15px; overflow: hidden; font-size: 12px; color: #444;}
.t-f2-ct {color: #9ac7c0; font-size: 18px; font-weight: normal; padding-bottom: 10px; line-height: 24px;}
.top_f2ct {margin-bottom: 10px; padding-left: 5px;}
.m-f2-ct ul li {overflow: hidden; line-height: 18px; padding: 5px 0;}
.m-f2-ct ul li a {color: #333;}
.m-f2-ct ul li a:hover {text-decoration: underline; color: #9ac7c0;}
.form-contact li + li {padding-top: 10px;}
.form-contact li .txt-contact {
	border: 1px solid #ddd;
	background: #fff;
	color: #666;
	width: 100%;
	padding: 8px;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.form-contact li .tArea-contact {
	border: 1px solid #ddd;
	background: #fff;
	color: #666;
	width: 100%; min-width: 100%; max-width: 100%;
	min-height: 150px; height: 150px;
	padding: 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.form-contact li .txt-contact:focus, .form-contact li .tArea-contact:focus {border: 1px solid #bbb;}
.btn-contact {
	margin-top: 10px;
	border: none;
	border: 1px solid #C61271;
	background: #9ac7c0;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	font-weight: bold;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.btn-contact:active {background: #DB0C0B;}
.icon_contact {
	background: url(../images/icon_contact.html) no-repeat; 
	display: block; 
	position: relative;
	width: 22px;
	margin-right: 10px;
	float: left;
}
.icon_map_lh {
	background-position: 0px 0px;
	height: 32px;
	top: -1px;
}
.icon_hotline_lh {
	background-position: 0px -32px;
	height: 22px;
	top: -1px;
}
.icon_email_lh {
	background-position: 0px -54px;
	height: 16px;
	top: 2px;
}
.icon_website_lh {
	background-position: 0px -70px;
	height: 20px;
}
.note_contact {display: block; padding: 10px 0; border-top: 1px solid #eee; font-weight: bold; text-transform: uppercase;}
.maps_ct {position: relative;}
.mask_map {background: rgba(255,255,255,0); z-index: 2; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.box_news > li {padding: 10px 0; overflow: hidden;}
.box_news > li:first-child {padding-top: 0;}
.box_news > li + li {border-top: 1px dotted #eee;}
.box_news > li figure {
	padding: 2px;
	width: 200px; height: 111px;	
	float: left;
	margin-right: 10px;
}
.box_news > li figure img {display: block; width: 100%; height: 100%;}
.info_box_news {overflow: hidden;}
.info_box_news h3 {font-size: 14px; line-height: 20px;}
.info_box_news h3 a {color: #9ac7c0;}
.info_box_news h3 a:hover {text-decoration: underline;}
.info_box_news span {color: #666;}

.title_D {color: #9ac7c0; font-size: 18px; line-height: 24px; padding-bottom: 5px;}
.des_d {padding-bottom: 5px; font-size: 13px;}
.ul_social_like {padding: 10px 0px;}
.ul_social_like > li {
	display: inline-block;
	margin-right: 7px;
	position: relative;
}

.news_other {padding-top: 20px;}
.title_news_other {display: inline-block; border-left: 1px solid #9ac7c0; border-bottom: 1px solid #9ac7c0; padding-left: 5px; color: #9ac7c0}
.main_news_other ul li {padding-top: 10px;}
.main_news_other ul li + li {padding-top: 5px;}
.main_news_other ul li a {color: #333; display: inline-block; background: url(../images/icon_news_other.html) no-repeat left 6px; padding-left: 10px;}
.main_news_other ul li a:hover {color: #9ac7c0;}

.title_prod_tab {border-bottom: 2px solid #9ac7c0; margin: 15px 0;}
.title_prod_tab ul {overflow: hidden;}
.title_prod_tab ul li {
	float: left;
	background: #ebebeb;
	text-transform: uppercase;
	padding: 5px 10px;
	margin-right: 3px;
	font-weight: bold;
	cursor: pointer;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.title_prod_tab ul li.active {background: #9ac7c0; color: #fff;}

.ul_prive_sp > li {overflow: hidden; padding-top: 5px;}
.ul_prive_sp > li span {display: block;}
.li_prive_sp_1 {float: left;}
.li_prive_sp_1 label {cursor: pointer;}
.li_prive_sp_1 label input {position: relative; margin-right: 3px; top: -2px;}
.li_prive_sp_2 {
	float: right; 
	text-align: right; 
	font-weight: bold; 
	color: #ef061c;
	font-size: 16px;
}

.title_prod_D {
	height: 5px;
	position: relative;
	background: url(../images/title_prod_D.html) repeat-x;
	margin-top: 20px;
}
.title_prod_D span {
	position: absolute; 
	left: 0; top: -6px; 
	text-transform: uppercase; 
	font-weight: bold;
	background: #fff;
	padding-right: 10px;
}
.prod-D-l {width: 500px; float: left; margin-right: 10px;}
.prod-D-r {overflow: hidden;}

#gallery-2 {width: 100%; background: #fff; height: 410px;}
.rsMinW .rsOverflow {width: 419px !important; float: right;}
.rsFullscreen .rsOverflow {width: inherit !important;}
#gallery-2 .rsNav {background: #fff;}
#gallery-2 .rsOverflow, #gallery-2 .rsSlide  {background: #fff;}
#gallery-2 .rsThumbsVer {width: 60px; position: static; border-right: 1px solid #eee; margin-right: 10px;}
#gallery-2 .rsThumb {width: 54px; height: 54px; background: none !important; border: 1px solid #eee; padding: 2px;}
#gallery-2 .rsThumb.rsNavSelected {background: none !important; border: 1px solid #d90070;}
#gallery-2 .rsThumb.rsNavSelected img {opacity: 1;}
#gallery-2 .rsThumbsArrow {background: rgba(0,0,0,0.8); height: 20px; width: 60px;}

.row_msp {border-top: 1px dotted #d9d9d9; border-bottom: 1px dotted #d9d9d9; padding: 5px 0; font-size: 11px;}
.row_price_sp {padding: 5px 0 0 0; font-size: 11px;}
.row_gg {display: block;}
.row_gg strong {text-decoration: line-through;}
.row_gt {display: block; font-size: 24px; line-height: 24px; font-weight: bold; color: #ef061c;}
.btn-price-prod {
	display: block; 
	text-transform: uppercase; 
	font-weight: bold; 
	background: #DF1F26; 
	color: #fff;
	padding: 10px 0;
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 3px solid #bd050c;
}
.btn-price-prod:hover, .btn-price-prod:active {background: #bd050c;}
.right_note1 {
	background: #e8fcce;
	border: 1px solid #a3d95d;	
	padding: 10px;
	margin-top: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #518908;
	position: relative;
}
.right_note1::before {
	content: "";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	border: 1px solid #fff;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.right_note2 {
	margin-top: 15px;
	line-height: 14px;
	position: relative;
	color: #9ac7c0;
}
.right_note2 strong {font-size: 16px; color: #9ac7c0; margin: 0 5px;}
.right_note2 a {color: #9ac7c0;}

.adv_fixed_l {
	position: absolute;
	width: 120px; height: 300px;
	z-index: 10;
	top: 145px; left: -125px;
}
.adv_fixed_r {
	position: absolute;
	width: 120px; height: 300px;
	z-index: 10;
	top: 145px; right: -125px;
}
.adv_fixed_l img, .adv_fixed_r img {display: block; width: 100%; height: 100%;}
.adv_fixed_l a, .adv_fixed_r a {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 1;	
}

.hotline_mobile {
	display: none !important;
	background: rgba(255,255,255,0.9);
	position: fixed;
	right: 0; bottom: 0; left: 0;
	z-index: 10;
	padding: 10px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.hotline_mobile p {
	padding: 0 0 0 21px;
	font-weight: bold;
	font-size: 15px;
	color: #9ac7c0;
	background: url(../images/icon_hotline.png) no-repeat left 1px;
}
.hotline_mobile p a {color: #9ac7c0;}
.hm1 {float: left;}
.hm1 span {font-size: 10px; color: #333;}
.hm1 img {position: relative; top: -1px;}
.hm2 {float: right;}

.our_sigle_img {float: left; width: 500px; margin-right: 10px;}

.sptk {
	margin-top: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	color: #fff;
	text-align: center;
	border: 1px solid #9ac7c0;
	padding: 12px;
}
.swiper2 {padding: 3px;}
.swiper2 .swiper-slide {
	width: 200px; 
	background: #fff;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 0;
}
.swiper2 .swiper-slide:hover {
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
	box-shadow: 0 0 2px rgba(0,0,0,0.4);
}
.swiper2 .swiper-slide figure {
	background: #fff;
	height: 190px;
}
.swiper2 .swiper-slide figure img {
	display: block;
	width: auto; max-width: 100%;
	height: 100%;
	margin: auto;
}
.swiper2 .swiper-slide h3 {color: #000; font-size: 12px; padding-top: 10px;}
.swiper2 .swiper-button-disabled {display: none !important;}
.swiper-button-next-2 {
	background-color: #fff !important;
	right: 0px !important;
	padding: 10px !important;
	width: 14px !important; height: 24px !important;
	background-size: 14px 24px !important;
	margin-top: -22px !important;
}
.swiper-button-prev-2 {
	background-color: #fff !important;
	left: 0px !important;
	padding: 10px !important;
	width: 14px !important; height: 24px !important;
	background-size: 14px 24px !important;
	margin-top: -22px !important;
}
.swiper-button-next-2:hover, .swiper-button-prev-2:hover {background-color: #eee !important;}

.sigle_img {
	position: relative;
	background: #fff; 
	width: 100%; height: 400px;
}
.sigle_img img {
	display: block;	
	max-width: 100%; max-height: 100%;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
}

.right_note {
	position: relative;
	margin-top: 10px;
	background: #FFF8FC;
	border: 1px solid #f5e1ec;	
	padding: 10px;
	color: #c27252;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.right_note::before {
	content: "";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	border: 1px solid #fff;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.right_note ul li {
	margin-left: 15px;
	position: relative;
	padding: 5px 0px;
}
.right_note ul li span {
	width: 10px; height: 10px;
	background: url(../images/icon_dmsp.png) no-repeat;
	position: absolute;
	top: 8px; left: -15px;
	text-indent: -9999px;
}

.box_select_tt {
	position: fixed;
	background: rgba(0,0,0,0.8);
	top: 0px; right: 0px; bottom: 0px; left: 0px;
	z-index: 100;
}
.inner_seclect_tt {
	position: absolute; 
	top: 20%; right: 0px; left: 0px;
	margin: auto;
	width: 350px; height: 200px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
}
.title_seclect_tt {
	background: #9ac7c0;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	position: relative;
}
.title_seclect_tt img {
	display: inline-block;
	padding: 5px 0px;
	height: 40px;	
}
.main_seclect_tt {
	text-align: center;
	padding: 15px;	
	color: #9ac7c0;
}
.main_seclect_tt select {
	margin: 10px 0px;
	width: 100%;
	height: 28px;
	-webkit-appearance: menulist-button;
	line-height: 22px;	
	padding-left: 5px;
}
.btn_seclect_tt {
	background: #9ac7c0;
	border: none;
	padding: 5px 30px;
	color: #fff;
	text-transform: uppercase;	
	cursor: pointer;
	margin-top: 10px;
	font-weight: bold;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-bottom: 2px solid #a8016d;
}
.btn_seclect_tt:active {background: #a8016d;}
.btn_close_seclect_tt {
	display: inline-block;
	background: #4db848;
	padding: 5px 30px 4px 30px;
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-bottom: 2px solid #2d9128;
	position: relative;
	text-transform: uppercase;	
	top: 5px;
	font-weight: bold;
}
.btn_close_seclect_tt:active {background: #2d9128;}

.load_prod {text-align: center; margin-top: 20px;}
.load_prod a {
	display: inline-block;
	background: #f7ebf1;
	border: 1px solid #9ac7c0;
	text-transform: uppercase;
	font-weight: bold;
	color: #9ac7c0;
	padding: 10px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
.load_prod a:hover {background: #C81272;}

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

#footer {}

.foot_1 {background: #9ac7c0 url(../images/foot1.png) no-repeat center; padding: 5px 0; height: 56px;}

.info_foot {padding: 15px 0;}
.ul_info_foot {overflow: hidden;}
.ul_info_foot > li {
	float: left; 
	width: 33.33%;
	padding: 0 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/ul_info_foot.png) repeat-y right;
	min-height: 125px;
}
.ul_info_foot > li:last-child {background: none;}
.title_info_foot {text-transform: uppercase; color: #000; font-weight: bold; padding-bottom: 5px;}
.ul_info_foot > li > ol li {padding-top: 5px;}
.ul_info_foot > li > ol li a {color: #333;}
.ul_info_foot > li > ol li a:hover {color: #9ac7c0;}
.ul_info_foot > li > ol li strong {display: block; font-size: 18px; font-weight: normal; line-height: 24px;}
.social {height: 32px;}
.social a {background: url(../images/icon_social.html) no-repeat; width: 32px; height: 32px; display: inline-block; margin-right: 2px;}
.social a.s_fb {background-position: 0px 0px;}
.social a.s_fb:hover {background-position: -32px 0px;}
.social a.s_gg {background-position: 0px -32px;}
.social a.s_gg:hover {background-position: -32px -32px;}
.social a.s_yt {background-position: 0px -64px;}
.social a.s_yt:hover {background-position: -32px -64px;}

.text_link {padding: 0 15px;}
.inner_text_link {border-top: 1px solid #f0f0f0; padding: 15px 0;}
.text_link a {color: #666;}
.text_link a:hover {color: #9ac7c0;}

.foot_3 {background: #f0f0f0; border-top: 1px solid #ddd; padding: 10px; text-align: left; position: relative;}
.foot_3 strong {display: block; color: #000;}
.foot_3 a {color: #333;}
.foot_3 a:hover {color: #9ac7c0;}

.tbbct {position: absolute; top: 10px; right: 170px;}

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

.f-detail {text-align: justify;}
.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: 5px 0; max-width: 100% !important; height: auto !important;}
.f-detail a {color: #9ac7c0;}
.f-detail a:hover {text-decoration: underline;}

.f-detail ul li {list-style: disc; margin-left: 20px;}
.f-detail ol li {list-style: decimal; margin-left: 20px;}

.tag {padding: 20px 0 0 0; font-size: 11px; overflow: hidden;}
.tag span {
	color: #939393; 
	padding: 2px 5px 2px 23px; 
	background: #F1F1F1 url(../images/icontag.html) 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;}

.back-to-top {
	cursor: pointer;
	background: url(../images/back-to-top.html) no-repeat;
	width: 30px; height: 30px;
	position: fixed;
	bottom: 10px; right: 10px;
	display: none;
	z-index: 10;
}

.error-sty {color: #f70000; font-weight: 400; border: 1px solid #f2ba72; padding: 5px 10px; background: #fffed2; font-size: 11px;}

a, a:hover {}

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

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

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
} /* Hides from IE-mac \*/
.clearfix {
	display: block;
}

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

input, textarea, select {
	font-family: Arial,sans-serif,Helvetica;
	font-size: 12px;
	font-weight: 400;
	vertical-align: middle;
}

.page {font-size: 11px; padding: 20px 0 0 0; text-align: center;}
.PageNum a {
	display: inline-block;
	color: #666;
	padding: 2px 10px;
	background: #f6f6f6;
	margin: 0 -3px 3px 6px;
}
.PageNum a:hover {color: #fff; background: #9ac7c0;}
.PageNum span {
	font-weight: bold;
	display: inline-block;
	color: #fff;
	padding: 2px 10px;
	background: #9ac7c0;
	margin: 0 -3px 3px 6px;
}
.pro-new{
	position: absolute;
    top: -3px;
    right: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(40deg);
    color: #fff;
    background: red;
    z-index: 999;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid;
    padding: 6px;
    border-radius: 100%;
}
/************************************************************************************
FORM ACCOUNT
*************************************************************************************/

.f_account {padding: 10px 15px 40px 15px;}
.form_account {
	width: 400px;
	margin: 0 auto;
	padding: 15px;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.08); 
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.08);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.08); 
}
.title_account {border-bottom: 1px solid #ddd; font-size: 16px; color: #333;}
.title_account b {display: block; padding-bottom: 5px; font-weight: bold;}
.title_account ul {overflow: hidden;}
.title_account ul li {float: left;}
.title_account ul li + li {margin-left: 5px;}
.title_account ul li a {
	line-height: 24px;
	color: #333; 
	display: block; 
	background: #f9f9f9;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.title_account ul li.active a {
	background: #9ac7c0;	
	
	background: rgb(245,245,245); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.title_account ul li a span {display: block; padding: 5px 30px 5px 40px;}
.title_account ul li a.dn_account span {
	background-image: url(../images/dn_account.html); 
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.title_account ul li a.dk_account span {
	background-image: url(../images/dk_account.html); 
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.main_account {}
.ul_main_account > li {padding-top: 10px;}
.ul_main_account > li label {display: block; font-size: 12px; color: #333; font-weight: bold;}
.se_nh {
	width: 100%; height: 34px;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0 6px;
}
.se_nh option {padding: 0 10px;}
.ipt_account {
	color: #333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
	width: 100%; height: 34px;
	padding: 0 10px;
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
}
.txt_account {
	color: #333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
	width: 100%; min-height: 197px;
	padding: 10px;
	resize: vertical;
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
}
.ipt_account:focus {
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.1); 
}
.li_posi_cart {
	position: absolute; 
	bottom: 60px; 
	left: 20px; 
	width: 45%;	
	z-index: 1;
}
.nut_laytt {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	background: #f9f9f9;
	border: 1px solid #eee;
	color: #666;
	position: absolute;
	top: 16px; right: 20px;
	display: inline-block;
	padding: 2px 7px;
	font-size: 10px;
	text-shadow: 1px 1px 0px #fff;
	z-index: 1;
	text-transform: uppercase;
	
	background: -moz-linear-gradient(top, #fff 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.qmk_account {display: block; font-size: 11px; color: #666; margin-top: 10px;}
.qmk_account:hover {text-decoration: underline;}
.btn_account {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #C61271;	
	background: #9ac7c0;
	color: #fff;
	padding: 10px 30px;
	font-weight: bold;
	cursor: pointer;
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
}
.btn_account + .btn_account {margin-left: 10px;}
.btn_account:active {background: #C61271;}
.error_account {display: block; font-size: 11px; color: #F03; padding-top: 5px;}
.bottom_account {padding-top: 10px; overflow: hidden;}
.f_btn_social {padding-top: 15px;}
.ul_btn_social {overflow: hidden;}
.line_social {height: 1px; background: #ddd; display: block; position: relative; margin-top: 20px;}
.line_social i {
	width: 21px; height: 21px;
	line-height: 21px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
	border: 1px solid #ddd;
	margin: auto;
	position: absolute;
	top: -11px; left: 0; right: 0;
	font-style: normal;
	font-size: 10px;
	color: #ddd;
	text-transform: uppercase;
	text-align: center;
	background: #fff;
}
.ul_btn_social > li {
	float: left; 
	width: 49%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	position: relative;
}
.ul_btn_social > li:nth-child(1) {background: #3B5998;}
.ul_btn_social > li:nth-child(2) {float: right; background: #DD4B39;}
.ul_btn_social > li > a {display: block; padding: 10px 0 10px 50px; color: #fff; font-weight: bold;}
.ul_btn_social > li > a i {
	width: 38px; height: 38px;
	display: block;
	position: absolute; 
	top: 0; left: 0;
	border-right: 1px solid rgba(255,255,255,0.25);	
}
.social_fb {background: url(../images/facebook.html) no-repeat center;}
.social_gg {background: url(../images/google.html) no-repeat center;}
.show_gt ul {overflow: hidden;}
.show_gt ul li {float: left; position: relative; padding-left: 20px;}
.show_gt ul li + li {margin-left: 20px;}
.show_gt ul li label {display: inline-block; cursor: pointer;}
.show_gt ul li input {position: absolute; top: 2px; left: 0; cursor: pointer;}
.f_add_user {
	background: #FFF5FB; 
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px dashed #9ac7c0;
}
.row_add_user_1 {padding: 10px 0 5px 0;}
.col_add_user {width: 32%; float: left; margin-right: 2%;}
.col_add_user:last-child {margin-right: 0;}
.col_add_user select {
	height: 28px;
    line-height: 22px;
    padding-left: 5px;
    width: 100%;
}
.row_add_user_2 {padding-bottom: 5px;}
.row_add_user_2 .col_add_user {width:49%;}
.name_full_add_user {font-size: 11px;}
.title_add_user {font-size: 11px; border-bottom: 1px dotted #9ac7c0; line-height: 16px; padding-bottom: 5px; color: #9ac7c0;}

.f_quanly {overflow: hidden; padding: 10px 15px 40px 15px;}
.fql_1 {float: left; width: 215px; margin-right: 10px;}
.fql_2 {overflow: hidden;}
.frame_fql {}
.frame_fql_l {}
.frame_fql_l + .frame_fql_l {margin-top: 20px;}
.frame_fql_l .main_fql {min-height: inherit;}
.title_fql {
	padding: 10px 15px; 
	font-size:16px; 
	font-weight: bold; 
	color: #fff;
	position: relative;
	background: #9ac7c0; 
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.main_fql {
	padding: 15px 14px; 
	min-height: 350px; 
	border: 1px solid #ddd; 
	border-top: none;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.main_fql .page {padding-top: 15px;}
.main_fql .main_account {width: 60%;}
.show_info_account {padding-bottom: 15px; border-bottom: 1px solid #eee; margin-bottom: 15px; overflow: hidden;}
.show_info_account .avatar_account {width: 50px; height: 50px; border: 1px solid #ddd; float: left; margin-right: 10px;}
.f_info_account {overflow: hidden;}
.f_info_account strong {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
.f_info_account i {display: block; font-size: 11px; font-style: normal; color: #F47A20; line-height: 16px;}
.f_info_account span {display: inline-block; background: #F47A20; color: #fff; font-weight: bold; padding: 0 5px; font-size: 10px; line-height: 16px;}
.dm_fql li {font-size: 12px;}
.dm_fql li + li {margin-top: 5px;}
.dm_fql li a {color: #666; background: url(../images/icon-bk-foot.html) no-repeat left 6px; display: block;}
.dm_fql li.active a, .dm_fql li a:hover {color: #9ac7c0;}
.dm_fql li.active a {font-weight: bold;}
.icon_user {background: url(../images/icon_user.html) no-repeat; display: inline-block; position: relative; width: 16px; height: 16px; margin-right: 3px;}
.icon_qldh {background-position: 0px 0px; top: 3px;}
.icon_ttcn {background-position: 0px -16px; top: 3px;}
.icon_dmk {background-position: 0px -32px; top: 3px;}
.icon_logout {background-position: 0px -48px; top: 3px;}

.form_fql > li {overflow: hidden;}
.form_fql > li + li {margin-top: 15px;}
.name_fql {display: block; float: left; width: 180px; font-size: 12px; font-weight: bold; color: #333; padding-top: 4px;}
.info_fql {overflow: hidden;}
.info_fql .show_gt {line-height: 34px;}
.info_fql .show_gt ul li input {top: 10px;}
.ipt_fql {
	color: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #ddd;
	width: 350px; height: 30px;
	padding: 0 10px;
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
}
.ipt_fql:focus , .txt_fql:focus{
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.1); 
}
.txt_fql {
	color: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #ddd;
	width: 100%; min-height: 100px;
	resize: vertical;
	padding: 10px;
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
}
.form_fql .slec_account span.customSelect {width: 350px;}
.form_dangtin {font-size: 12px; padding-bottom: 30px;}
.form_dangtin .ipt_fql {width: 100%;}
.fdt .name_fql {width: 120px;}
.title_fdt {
	background: #F9F9F9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 15px;
	color: #333;
	font-size: 13px;	
}
.main_fdt {padding: 30px;}
.btn_fdt {overflow: hidden; text-align: center;}
.btn_fdt input {float: inherit;}
.col1_fdt > li {margin-bottom: 20px;}
.col2_fdt, .col3_fdt {overflow: hidden;}
.col2_fdt > li {float: left; width: 45%; margin-right: 10%; overflow: hidden; margin-bottom: 20px;}
.col2_fdt > li:nth-child(2n) {margin-right: 0;}
.col2_fdt > li:nth-child(2n+1) {clear: both;}
.col3_fdt > li {float: left; width: 25%; overflow: hidden; margin-bottom: 10px;}
.col3_fdt > li:nth-child(4n+1) {clear: both;}
.col3_fdt > li input {position: relative; cursor: pointer; top: -1px; margin-right: 3px;}
.col3_fdt > li label {cursor: pointer; font-size: 11px;}
.slec_fdt {
	width: 100%; height: 30px;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	border-radius: 2px;
	padding: 0 3px;
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
}

.f-upfile{position:relative; padding-top:5px;}
.f-upfile span{color:#0490ce; font-size:12px; text-decoration:underline; cursor:pointer;}
.f-upfile input{position:absolute; top:0; left:0; opacity:0; width:121px; cursor:pointer;}

.filter-qldh {padding-bottom: 10px; border: 1px solid #ddd; margin-bottom: 15px; overflow: hidden; background: #f6f6f6; padding: 5px 10px 10px 10px;}
.filter-qldh ul li {float: left;}
.filter-qldh ul li + li {margin-left: 5px;}
.filter-qldh ul li span {display: block; font-weight: bold; text-transform: uppercase; font-size: 11px;}
.filter-qldh ul li select {
	height: 24px;
    line-height: 18px;
    padding-left: 5px;
    width: 100%;
}
.btn-filter-qldh {
	background: #666;
	display: block;
	padding: 2px 10px 3px 10px;
	color: #fff;
	position: relative;
	top: 18px;	
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
}
.btn-filter-qldh:active, .btn-filter-qldh:hover {background: #9ac7c0;}

.f-qldh {font-size: 11px;}
.f-qldh table {
	width: 100%; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	border: 1px solid #eee;
}
.f-qldh table thead {border-bottom: 2px solid #bbb; background: #f9f9f9;}
.f-qldh table thead td {font-weight: 400; font-weight: bold;}
.f-qldh table td {padding: 10px; box-sizing: content-box;}
.f-qldh table tbody td {border: 1px solid #eee;}
.f-qldh table tbody tr:hover {background: #F3FAFC;}
.price-qldh {color: #F00505; font-weight: bold;}
.ul-tt-aldh li {padding: 10px 0; font-size: 11px; color: #313131;}
.ul-tt-aldh li:first-child {padding-top: 0;}
.ul-tt-aldh li:last-child {padding-bottom: 0;}
.ul-tt-aldh li + li {padding-top: 10px; border-top: 1px dotted #eee;}
.ul-tt-aldh li h4 a {color: #1f76d9;}
.ul-tt-aldh li h4 a:hover {text-decoration: underline;}
.ul-tt-aldh li span {display: block;}
.ipt_sl {
	border: 1px solid #eee;
	text-align: center;
	width: 30px;
	padding: 5px;
	color: #333;
}
.check_dh_1 {color: #F30;}
.check_dh_2 {color: #093;}
.sty_d {font-style: normal;}
.tips_gh {text-align: center; padding-bottom: 20px;}
.tips_gh ul li {display: inline-block; text-align: center; padding: 0 20px;}
.tips_gh ul li span {
	background: #fff;
	width: 40px; height: 40px;
	line-height: 40px;
	font-size: 24px;
	color: #666;
	border: 5px solid #eee;
	display: inline-block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.tips_gh ul li strong {display: block; padding-top: 2px;}
.tips_gh ul li.active span {border: 5px solid #9ac7c0; color: #9ac7c0;}
.tips_gh ul li.active strong {color: #9ac7c0;}
.row_info_gh {background: #fff !important;}
.row_info_gh .price-qldh {font-size: 14px;}
.next_info_gh {
	float: right;
	display: inline-block;
	background: #9ac7c0;
	color: #fff;
	font-weight: bold;
	border: 1px solid #c61271;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 30px;
	font-size: 12px;	
}
.next_info_gh:active, .next_info_gh:hover {background: #c61271;}
.form_add_ql {color: #9ac7c0;}

.star {color: #E91546; font-size: 11px; display: inline-block !important;}

.f_xn {padding: 15px 0 5px 0;}
.note_xn a {color: #1f76d9; text-decoration: underline;}

.ftt_1 {
	padding: 15px;
	border: 1px solid #ddd; 
	min-height: 350px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
.form-f1-pc ul li {overflow: hidden;}
.form-f1-pc ul li + li {margin-top: 10px;}
.form-f1-pc ul li span {display: block; font-weight: bold; font-size: 11px;}
.ffpc_1 {overflow: hidden;}
.ffpc_2 {float: right; width: 400px; margin-left: 15px;}
.row_ttdh {
	background: #fff5fb; 
	padding: 5px 10px; 
	border: 1px solid #9ac7c0; 
	margin-top: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.row_ttdh ul li {overflow: hidden; padding: 3px 0;}
.row_ttdh ul li + li {margin-top: 0;}
.row_ttdh ul li strong {float: right; width: 50%; padding-left: 5px;}
.row_ttdh ul li::after {content:':'; float: right;}
.row_ttdh ul li:last-child {border-top: 1px solid #ECC9DD; padding-top: 5px;}
.row_ttdh ul li:last-child strong {font-size: 18px;}
.ipt-ct {
 	border: 1px solid #ddd;
    color: #333;
    height: 34px;
    padding: 0 8px;
    width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.txt-ct {
   border: 1px solid #ddd;
	color: #333;
	height: 150px;
	max-width: 100%;
	min-height: 150px;
	min-width: 100%;
	padding: 8px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ipt-ct:focus, .txt-ct:focus {border: 1px solid #000;}
.check-f1-pc {overflow: hidden;}
.float-f1-pc {
    border: 2px solid #eee;
    padding: 8px 10px;
    position: relative;
	margin-top: 5px;
}
.float-f1-pc:hover {background: #f9f9f9;}
.float-f1-pc label {padding-left: 20px; cursor: pointer;}
.float-f1-pc input {position: absolute; top: 10px; left: 10px; cursor: pointer;}
.ktt {width: 25%; float: left; overflow: hidden;}
.ktt label {
	cursor: pointer;
	display: block;
	overflow: hidden;
	padding: 10px 10px 0 0;
	line-height: 16px;
}
.img_ktt {
	float: left;
	position: relative;
	border: 2px solid #EEE;
	width: 85px; height: 50px;
	margin-right: 10px;
}
.img_ktt img {
	width: 60px; height: 50px;	
	position: absolute;
	top: 0; left: 5px;
}
.img_ktt input {
	cursor: pointer;
	position: absolute;
	top: 0; bottom: 0; right: 5px;
	margin: auto;	
}
.check-show-hide {
    background: #f9f9f9;
    color: #666;
	margin-top: 15px;
    padding: 15px 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.btn_cgh {margin: 20px 0 0 0; text-align: center;}
.btn_cgh input {
    background: #9ac7c0;
    color: #fff;
	font-weight: bold;
    cursor: pointer;
    font-family: Arial, sans-serif, Helvetica;
    font-size: 12px;
    padding: 10px 30px;
	border: 1px solid #c61271;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.btn_cgh input:active, .btn_cgh input:hover {background: #C61271;}
.btn_hb {
	font-weight: bold;
	display: inline-block;
	margin-left: 5px;
	padding: 9px 30px 10px 30px;
	font-size: 12px;
	background: #4DB848;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #4DB848;
}
.btn_hb:active, .btn_hb:hover {background: #3aa235;}
.main_pay {
	font-size: 12px;
	width: 400px; 
	margin: 0 auto;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 15px;
	margin-top: 20px;
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.08); 
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.08);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.08); 
}
.f_xn {padding: 15px 0 5px 0;}
.note_xn a {color: #1f76d9; text-decoration: underline;}

.form_choose_pay {padding: 10px 0 0 0;}
.ul_choose_pay > li + li {margin-top: 1px;}
.title_choose_pay {
	padding: 5px 10px;
	color: #fff;
	background: #9ac7c0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	cursor: pointer;
}
.title_choose_pay.active {background: #4DB848;}
.show_choose_pay {padding: 10px 0;}
.ol_choose_pay > li {padding: 10px 0; overflow: hidden;}
.ol_choose_pay > li:first-child {padding-top: 0;}
.ol_choose_pay > li:last-child {padding-bottom: 0;}
.ol_choose_pay > li + li {border-top: 1px solid #eee;}
.img_choose_pay {width: 80px; float: left; margin-right: 10px;}
.info_choose_pay {overflow: hidden;}
.li_choose_pay {position: relative; padding: 10px 0;}
.li_choose_pay + .li_choose_pay {border-top: 1px solid #eee;}
.li_choose_pay input {cursor: pointer; position: absolute; top: 12px; left: 0;}
.li_choose_pay label {padding-left: 20px; cursor: pointer; font-weight: bold;}
.note_choose_pay {display: block; color: #f40a0a; padding-left: 20px;}
.note_choose_pay img {display: block; max-width: 100%;}

.main_xntt {}
.info_xntt {padding: 10px; background: #FFF5FB; border: 1px solid #ddd; border-top: 0;}
.info_xntt ul li {overflow: hidden;}
.info_xntt ul li span {width: 50%; float: left; text-align: left; display: block; position: relative;}
.info_xntt ul li span:nth-child(1)::after {content: ":"; position: absolute; right: 0; top: 0;}
.info_xntt ul li span:nth-child(2) {text-align: right;}
.title_over_sroll {padding: 10px 0;}
.m_over_sroll {height: 200px; overflow: auto; padding: 10px; border: 1px solid #ddd;}
.check_xntt {position: relative; padding: 15px 0 0 0;}
.check_xntt input {cursor: pointer; position: absolute; top: 17px; left: 0;}
.check_xntt label {cursor: pointer; padding-left: 20px; color: #075397;}

.page_tt_new {overflow: hidden; padding-top: 50px; border-top: 1px solid #eee; background: url(../images/page_tt_new.html) repeat-x top;}
.pttn_1 {float: left; width: 680px; margin-right: 40px;}
.pttn_2 {overflow: hidden;}
.b0_pttn {padding-bottom: 20px; border-bottom: 1px solid #eee; overflow: hidden;}
.b1_pttn {padding: 20px 0px; border-bottom: 1px solid #eee; overflow: hidden;}
.b2_pttn {padding: 20px 0px;}
.t_b1_pttn {float: left; width: 180px;}
.m_b1_pttn {overflow: hidden;}
.m_b1_pttn ul li {font-weight: bold;}
.m_b1_pttn ul li + li {margin-top: 5px;}
.m_b1_pttn ul li input {position: relative; top: -3px; margin-right: 5px; cursor: pointer;}
.m_b1_pttn ul li label {cursor: pointer;}
.ul_b2_pttn > li {padding: 15px 0px;}
.ul_b2_pttn > li + li {border-top: 1px solid #eee;}
.t_ul_b2_pttn input {position: relative; top: -3px; margin-right: 5px; cursor: pointer;}
.t_ul_b2_pttn label {cursor: pointer; font-weight: bold;}
.t_pttn_2 {text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid #eee;}
.ul_pttn_2 > li {overflow: hidden; padding: 7px; background: #f9f9f9;}
.ul_pttn_2 > li:nth-child(2n) {background: #fff;}
.ul_pttn_2 > li + li {border-top: 1px dotted #eee;}
.ul_pttn_2 > li span {float: left; font-size: 11px;}
.ul_pttn_2 > li strong {float: right; color: #9ac7c0;}

.f_ttmh {
	overflow: hidden; 
	padding: 20px 20px 0 20px; 
	position: relative;
	background: url(../images/page_tt_new.html) repeat-x top;
	border-top: 1px solid #eee;
}

.f_ttmh::before {
	content: "";
	width: 1px;
	position: absolute;
	top: 43px; bottom: 60px;
	left: 50%;
	background: #eee;
}
.f_ttmh .form_account {
	float: left; 
	width: 47%; 
	padding: 0; 
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.form_account_r {float: right !important;}

/************************************************************************************
POPBOX KO VAO WEB
*************************************************************************************/

.popbox_no_web {
	background: rgba(0,0,0,0.8); 
	position: fixed; 
	top: 0; right: 0; bottom: 0; left: 0; 
	z-index: 99999999;
}
.in_popbox_no_web {
	background: #fff;
	padding: 10px;
	width: 500px; height: 320px;
	position: absolute;
	top: 0; right:0; bottom: 0; left: 0;
	margin: auto;
}
.in_popbox_no_web img {display: block; width: 100%; height: auto;}

/************************************************************************************
POPBOX LIKE FB
*************************************************************************************/

.popbox_like_fb {
	background: rgba(0,0,0,0.8); 
	position: fixed; 
	top: 0; right: 0; bottom: 0; left: 0; 
	z-index: 99999998;
}
.in_popbox_like_fb {
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	width: 380px; height: 180px;
	padding: 10px;
	position: absolute;
	top: 50%; right: 0; left: 0;
	margin: -100px auto 0 auto;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 0 30px rgba(0,0,0,0.8);
	box-shadow: 0 0 30px rgba(0,0,0,0.8);
}
.t_popbox_like_fb {padding: 5px 0; text-align: center;}
.t_popbox_like_fb strong {font-weight: normal;}
.close_popbox_like_fb {
	background: #fff;
	width: 20px; height: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
	text-align: center;
	position: absolute;
	top: -10px; right: -10px;
	z-index: 1;
	font-style: normal;
	cursor: pointer;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	font-size: 14px;
	border: 2px solid #fff;
}
.close_popbox_like_fb:hover {color: #fff; background: #9ac7c0;}

/************************************************************************************
ADV LEFT FIXED
*************************************************************************************/

.adv_left_fixed {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 99;
	border: 1px solid #b7b8b8;
}
.in_adv_left_fixed {width: 300px; height: 250px;}
.adv_left_fixed img {display: block; width: 300px; height: 250px;}
.close_adv_left_fixed {
	padding: 0 10px;
	background: #000;
	color: #fff;
	position: absolute;
	top: -19px; left: -1px;
	font-style: normal;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	z-index: 102;
}

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

.icon_fb_banner {
	background: url(../images/icon_1.png) no-repeat center;
	width: 32px; height: 32px;
	position: absolute;
	bottom: 21px; right: 10px;
	display: none;
}
.mn_child_mobile {display: none; overflow: hidden; background: #888;}
.mn_child_mobile > li {float: left; padding-left: 15px;}
.mn_child_mobile > li > a {
	color: #fff;
	display: block;
	padding: 10px 0 8px 0;
	font-weight: bold;
}
.mn_child_mobile > li > a img {
	display: inline-block; 
	width: auto; height: 20px; 
	margin-right: 5px;
	position: relative;
	top: -2px;
}

.icon_search {
	display: none;
	width: 38px; height: 38px;
	background: url(../images/icon_4.png) no-repeat center center;
	position: absolute;
	top: 1px; right: 0;
	border-left: 1px solid rgba(255,255,255,0.4);
}
.icon_search.active {background: url(../images/icon_5.html) no-repeat center center;}

.icon_menu_mobile {
	visibility: hidden;
	width: 60px; height: 40px;
	background: url(../images/menu_mobile.html) no-repeat center;
	position: absolute;
	top: 30px; right: 15px;
	z-index: 10;
}

.menu_mobile {
	visibility: hidden;
	background: #555555;
	width: 280px; height: 100%;
	overflow-y: scroll;
	position: absolute;
	top: 0; left: -280px;
	z-index: 9999999;
	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;
}
.ad_body {height: 100%; overflow-y: hidden;}
.ad_body .menu_mobile {left: 0;}
.ad_body #wrapper {left: 280px;}

.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: 5px solid #9ac7c0; 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: 5px solid #9ac7c0; padding-left: 40px; padding-right: 15px;}
.ul_ma_3 > li > a:hover {background: #5F5F5F;}

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

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

@media only screen and (max-width: 1279px) and (min-width: 1024px) {
	.adv_fixed_l, .adv_fixed_r {display: none;}
	.tbbct {right: 250px;}
}

@media only screen and (max-width: 780px) and (min-width: 767px) {
	/*.tct_left{
		display: none;
	}*/
}
@media only screen and (max-width: 767px) {
	html, body {overflow-x: hidden;}
	.icon_menu_mobile {visibility: visible;}
	body {background-attachment: inherit; background-color: #E7F5FB;}
	#wrapper {
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		left: 0;
	}
	.ul_prod > li figure img{
		width: 100%;
	}
	.hotline_mobile {display: block !important;}
	#header {background: url(../images/header_mobile.png) no-repeat top center; padding: 0;}
	.banner {height: inherit;}
	.logo {position: static; display: inline-block; margin: 10px 0 10px 15px;}
	.logo img {width: auto; height: 50px;}
	.foot_2 {background: #9ac7c0; color: #fddbed;}
	.title_info_foot {color: #fff;}
	.ul_info_foot > li > ol li a {color: #fddbed;}
	.ul-breacrum {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.ul_form_prod {position: static;}
	.nav_mn {padding: 1px 0; background: #fff; border-top: 1px solid #E51985; border-bottom: 1px solid #E51985;}
	.tct_left, .bdh_left, .content, .f2-ct, .prod-D-l, .ffpc_2, .fql_1 {margin: 0 0 15px 0; float: inherit; width: inherit;}
	.ul_mn, .adv_fixed_l, .adv_fixed_r, .ul_mn .hddh, .hotline, .addthis_sharing_toolbox, .adv_sb, .foot_1, .bdh_left, .img_tvdh, #panel_chat_vatgia, .right_note2, .hddh {display: none;}
	.nav_mn, .info_banner, .slide, .slide .owl-carousel .item img {-webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0; background-image: none;}
	.rsMinW .rsOverflow {width: inherit; float: inherit;}
	.rsMinW .rsThumbsHor {height: 60px !important;}
	.tips_gh ul li {padding: 0 10px;}
	.tips_gh ul li span {display: none;}
	.tct_left {margin-bottom: 0;}
	.f-qldh table, .f-detail table {display: block; overflow-x: auto;}
	.ul_info_foot > li {background-image: none;}
	.btn_tvdh {overflow: hidden;}
	.btn_tvdh br {display: none;}
	.ul_tvdh > li {width: 49%;}
	.ul_tvdh > li:nth-child(2) {float: right;}
	.ul_tvdh > li + li {margin-left: 0;}
	.btn_tvdh input {position: static; float: right;}
	
	.sty_none {display: none !important;}
	
	#___person_0 {
		display: block !important;
		margin: auto !important;
	}
	
	.sigle_img {float: none; width: auto; margin: 0 0 10px 0; height: auto !important;}
	.sigle_img img {max-height: 100%; height: auto; display: block; position: static;}
	
	.foot_3 {text-align: center;}
	.tbbct {position: static; padding-bottom: 30px;}
	
	.nut_laytt {position: static; display: block; text-align: center; margin-top: 10px;}
	.li_posi_cart {position: static; width: auto;}
	
	.pttn_1 {width: auto; float: none; margin: 0 0 20px 0;}
	
	.dmsp_ct .dmsp {display: block;}
	
	.popbox_like_fb {display: none !important;}
	
	.adv_left_fixed {top: 0; right: 0; background: rgba(0,0,0,0.8); border: 0;}
	.in_adv_left_fixed {
		position: absolute;
		margin: -130px auto 0 auto; 
		top: 50%; right: 0; left: 0;
		-webkit-box-shadow: 0 0 20px rgba(0,0,0,1.00);
		-moz-box-shadow: 0 0 20px rgba(0,0,0,1.00);
		box-shadow: 0 0 20px rgba(0,0,0,1.00);
		padding: 5px;
		background: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.close_adv_left_fixed {
		top: 0;
		left: auto; right: 0;	
		background: #fff;
		color: #000;
		padding: 0;
		width: 20px; height: 20px;
		line-height: 20px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		text-align: center;
	}
	
	.f_cont {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.sidebar {-webkit-order: -1; order: -1;}
	
	.our_sigle_img {float: none; width: auto; margin-right: 0;}
	
	.tct_right {padding-top: 15px;}
	.module_pdh {height: auto; border: 0;}
	.title_pdh {
		background: none;
		height: auto;
		text-indent: inherit;
		text-align: center;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		padding-top: 10px;
	}
	.ul_phd {overflow: hidden;}
	.ul_phd > li {float: left; width: 49%;}
	.ul_phd > li:nth-child(2) {float: right;}
	.ul_phd > li + li {margin-top: 0;}
	.icon_fb_banner {display: block; bottom: 7px; right: 10px;}
	.mn_child_mobile, .icon_search {display: block;}	
	.search {
		position: relative; 
		width: 100%; 
		padding: 0; 
		background: #fcebf4; 
		height: 34px;
		top: auto; right: auto;
		display: none;
	}
	.ipt_s {height: 34px; padding: 0 34px 0 15px; color: #9ac7c0;}
	.ipt_s::placeholder {color: #9ac7c0;}
	.btn_s {height: 34px; width: 34px; top: 0; right: 0; background-position: center; background: url(../images/icon_6.png) no-repeat center;}
	.right_note_destop {display: none;}
	.right_note_mobile {display: block !important;}
}

@media only screen and (max-width: 767px) and (min-width: 641px) {
	.min_wrap {width: 640px;}
	.slide, .slide .owl-carousel .item img {height: 232px;}
	.maps_ct iframe  {height: 250px;}
	.ul_prod > li {width: 196px;}
	.ul_prod > li:nth-child(5n), .block_prod_catalogy .ul_prod > li:nth-child(4n) {margin-right: 10px;}
	.ul_prod > li:nth-child(5n+1), .block_prod_catalogy .ul_prod > li:nth-child(4n+1) {clear: inherit;}
	.ul_prod > li:nth-child(3n), .block_prod_catalogy .ul_prod > li:nth-child(3n) {margin-right: 0;}	
	.ul_prod > li:nth-child(3n+1), .block_prod_catalogy .ul_prod > li:nth-child(3n+1) {clear: both;}
	.f_home .ul_prod > li:nth-child(10) {display: none;}	
	
	.tct_left .dmsp {
		border: 0;
		top: 0; left: 0; bottom: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.tct_left .ul_dmsp > li {font-size: 11px; padding-top: 0;}
	.tct_left .ul_dmsp > li > a {font-weight: 400; background-position: left 4px;}
}

@media only screen and (max-width: 640px) {
	.info_banner {position: static;}
	.icon_menu_mobile {top: 45px;}
	.ul_info_foot > li {width: 100%; background-image: none;}
	.ul_info_foot > li:nth-child(2n+1) {clear: both;}
	.box_news > li figure {width: 120px; height: 67px;}
	.info_box_news {overflow: visible;}
	.info_box_news span {text-align: justify; display: block;}
	.btn-price-prod, .btn-contact, .next_info_gh, .btn_account {width: 100%; text-align: center; padding: 10px 0;}
	.form_account {width: inherit;}
	.name_fql {float: inherit; width: inherit;}
	.ipt_fql {width: 100%;}
	.filter-qldh ul li {float: inherit;}
	.filter-qldh ul li + li {margin: 5px 0 0 0;}
	.btn-filter-qldh {position: static;}
	.f-detail iframe, .f-detail embed {width: 100% !important; height: auto !important;}
	.title_prod_tab {border-bottom: 0;}
	.title_prod_tab ul li {float: none; margin: 0;}
	.title_prod_tab ul li + li {border-top: 1px solid #fff;}
	.f_ttmh {padding: 20px 5px 0 5px;}
	.f_ttmh::before {display: none;}
	.f_ttmh .form_account {width: auto; float: none; margin-bottom: 20px;}
	
	.f_home {padding: 10px 15px 15px 15px;}
	/*.slide {display: none;}*/
	.dmsp {
		position: static; 
		width: auto;
		-webkit-border-radius: 5px !important;
		-moz-border-radius: 5px !important;
		border-radius: 5px !important;
	}
	.t_b1_pttn {float: none; width: auto; padding-bottom: 10px;}
	.module_pdh {
		border: 1px solid #6dab1f !important;
		background: #eaffd0;
		color: #6aa421;
	}
	.title_pdh, .ul_phd > li {color: #6aa421;}
	.ul_phd > li span.customSelect {background-color: #fff; color: #333;}
	.title_tvdh {text-align: center; background: none; padding-top: 6px; }
	.icon_fb_banner {display: block; bottom: 21px; right: 10px;}
}

@media only screen and (max-width: 640px) and (min-width: 481px) {
	.min_wrap {width: 480px;}
	.slide, .slide .owl-carousel .item img {height: 171px;}
	.maps_ct iframe  {height: 250px;}
	.ul_prod > li, .block_prod_catalogy .ul_prod > li {width: 220px;}
	.ul_prod > li:nth-child(5n), .block_prod_catalogy .ul_prod > li:nth-child(4n) {margin-right: 10px;}
	.ul_prod > li:nth-child(5n+1), .block_prod_catalogy .ul_prod > li:nth-child(4n+1) {clear: inherit;}
	.ul_prod > li:nth-child(2n), .block_prod_catalogy .ul_prod > li:nth-child(2n) {margin-right: 0;}	
	.ul_prod > li:nth-child(2n+1), .block_prod_catalogy .ul_prod > li:nth-child(2n+1) {clear: both;}
}

@media only screen and (max-width: 480px) {
	.ul_btn_social > li {float: inherit; width: 100%;}
	.ul_btn_social > li + li {margin-top: 5px;}
	.inner_seclect_tt {width: 90%;}
	.ul_prod > li, .block_prod_catalogy .ul_prod > li {width: 49% !important; margin-right: 0 !important; float: left !important;}
	.ul_prod > li:nth-child(2n), .block_prod_catalogy .ul_prod > li:nth-child(2n) {float: right;}
	.ul_prod1 > li figure {height: 260px !important;}
	
	.in_popbox_no_web {width: 300px; height: 192px; padding: 5px;}
}

@media only screen and (max-width: 480px) and (min-width: 361px) {
	.min_wrap {width: 360px;}
	.slide, .slide .owl-carousel .item img, .maps_ct iframe {height: 150px;}
	.btn_tvdh input {position: static; display: block; margin-top: 5px;}
	.ul_prod > li figure {height: 175px;}
	.ul_prod > li:nth-child(5n), .block_prod_catalogy .ul_prod > li:nth-child(4n) {margin-right: 10px;}
	.ul_prod > li:nth-child(5n+1), .block_prod_catalogy .ul_prod > li:nth-child(4n+1) {clear: inherit;}
	.ul_prod > li:nth-child(2n), .block_prod_catalogy .ul_prod > li:nth-child(2n) {margin-right: 0;}	
	.ul_prod > li:nth-child(2n+1), .block_prod_catalogy .ul_prod > li:nth-child(2n+1) {clear: both;}
}

@media only screen and (max-width: 360px) {
	.min_wrap {width: 100%;}
	.slide, .slide .owl-carousel .item img {height: 140px;}
	.maps_ct iframe {height: 120px;}
	.info_banner ul.ul_info_banner > li > a {padding: 0 10px;}
	.ul_info_foot > li {float: inherit; width: 100%; padding: 15px;}
	.ul_info_foot > li + li {border-top: 1px dashed #ff90cb;}	
	.ul_prod > li:nth-child(5n), .block_prod_catalogy .ul_prod > li:nth-child(4n) {margin-right: 10px;}
	.ul_prod > li:nth-child(5n+1), .block_prod_catalogy .ul_prod > li:nth-child(4n+1) {clear: inherit;}
	.ul_prod > li:nth-child(2n), .block_prod_catalogy .ul_prod > li:nth-child(2n) {margin-right: 0;}	
	.ul_prod > li:nth-child(2n+1), .block_prod_catalogy .ul_prod > li:nth-child(2n+1) {clear: both;}
	.ul_form_prod > li {width: inherit; float: inherit;}
	.ul_form_prod > li {width: inherit; float: inherit;}
	.ul_prod.ul_prod1 > li {float: none !important; width: 100% !important; margin: 20px 0 0 0;}
	.ul_prod.ul_prod1 > li figure {height: 300px !important;}
	}

@media only screen and (max-width: 360px) and (min-width: 321px) {	
	.ul_prod > li figure {height: 153px;}
}

@media only screen and (max-width: 320px) {
	.btn_tvdh input {position: static; display: block; margin-top: 5px;}
	.ul_prod > li figure {height: 142px;}
	.ul_prod1 > li figure {height: 200px !important;}
	
	.hotline_mobile p {font-size: 14px;}
	.hm1 img {display: none;}
}