/* CSS Document */



@import "temp.css";



.pink{color:#336699}

#pop_location{position:fixed;width:100%;height:100%;display:block;background:rgba(85,85,85,0.5);z-index:999999}

.pop_location{width:600px;background:#fff;padding:30px 60px;margin:150px auto}

.pop_location select{display:inline-block;width:70%;margin:15px 0;border:2px solid #eb008b;padding:10px}

.left{float:left}

.right{float:right}

.newicon{background-image:url(../images/new_sprite.png);background-repeat:no-repeat;display:inline-block}

.icon-services1{width:32px;height:34px;background-position:0 0}

.icon-services2{width:32px;height:34px;background-position:-50px 0}

.icon-services3{width:32px;height:34px;background-position:-95px 0}

.icon-services4{width:38px;height:34px;background-position:-146px 0}

.icon-user{width:20px;height:20px;background-position:-271px -6px}

.iconnew-cart{width:47px;height:34px;background-position:-202px 0}

#new-menu-top{height:50px;background: #f5f5f5 url(../images/new_bg_top.png) center bottom repeat-x;line-height:44px;}

.fa-map-marker{display:inline-block;width:0;height:0;border:solid 5px transparent;border-left-color:#777777;margin-right:0;vertical-align:middle}

#new-menu-top a{color:#ed008c;text-decoration: none;}

#new-menu-top .left .arrow-right{margin-top:-2px}

#services-top{float:left;margin-left:30px;margin-top:7px}

#login-top{float:right;text-transform:uppercase;font-weight:500}

#login-top .icon-user{margin-top:9px;float:left;margin-right:6px}

#login-top i{color:#eb008b}

#login-top a{color:#777777; font-size: 12px;

    font-weight: 500;}

#login-top a.i1{padding-right:10px}

#services-top .item-services{float:left;font-size:11px;line-height:14px;margin:0 14px}

#services-top .item-services i{float:left}

#services-top .item-services span{display:block;margin-left:40px;margin-top:3px;color:#777777}

#new-menu-top .container{position:relative}

#cLoc{font-size:13px}

.box-sub-nav{float:left;width:20%;padding:9px;box-sizing:border-box}

.box-sub-nav a{display:block;line-height:16px;color:#333;margin-bottom:4px}

.box-sub-nav a.cat1{font-weight:700;color:#333}

.box-sub-nav a.cat2{font-size:12px}

.box-sub-nav a.cat2:hover{color:#eb008b}

.box-sub-nav .view-all{color:#eb008b}

.box-sub-nav .view-all:after{content:'';display:inline-block;border:solid 4px transparent;border-left-color:#ec008c;margin-left:5px}

#banner_home_hot a{display:block}

#banner_home_hot img{display:block;float:left;margin-left:5px;margin-right:3px;width:294px;border-radius:20px;height: 170px;}

#banner_home_hot{margin-left:-5px;margin-right:-3px;margin-top:9px;/* float:left */}

.pro-home-left{float:left;width: 230px;background:#f9f9f9;height:675px;margin-bottom:25px;}

.pro-home-left img{max-width:100%;height:auto;}



.pro-home-right{width: 970px;float:right;overflow:hidden;height:700px;}

.sub-cat-pro-home a{display:block;color:#333;margin:10px 0;font-size:12px}

.sub-cat-pro-home .subcat1{;font-weight:500;margin:10px 0;font-size: 13px;}

.banner-left-cat-pro-home{width: 100%;float:left;}

.list-brand-pro-home ul{list-style:none;padding:0 15px;margin:0}

.list-brand-pro-home ul li{float:left;height:65px;width:auto!important;padding-top:15px;}

.list-brand-pro-home ul li img{display:block;float:left;height:35px;width: 50px;padding:0 15px;max-width: 50px;}

.list-brand-pro-home ul li:hover img{filter:grayscale(0%);opacity:1;}

.box-pro-home{margin-top:30px}

.list-brand-pro-home{position:relative;height:60px;box-shadow:0 3px 4px 0 #cecece;-mox-box-shadow:0 3px 4px 0 #cecece;-webkit-box-shadow:0 1px 4px 0 #dcdcdc;overflow:hidden}

.brand-prev a:after,.brand-next a:after{content:'';display:block;height:0;width:0;border:solid 5px transparent;margin-top:28px}

.brand-prev a:after{border-right-color:#ccc}

.brand-next a:after{border-left-color:#ccc;margin-left:7px}

.brand-prev,.brand-next{display:block;height:65px;position:absolute;top:0;width:20px;z-index:99}

.brand-next{right:0}

.brand-prev{left:0}

.brand-prev:hover,.brand-next:hover{background:rgba(238,238,238,0.68)}

.brand-prev a,.brand-next a{display:block;width:100%;font-size:0;height:65px}

.product-list-home li{float:left;width:236.5px}

.product-list-home li .p_container{border-right:solid 0px #ddd;border-top:solid 0px #ddd;padding:20px 10px 0px;overflow:hidden}

.newp-img{display:table-cell;width:180px;height:180px;vertical-align:middle;text-align:center}

.newp-img img{display:block;max-width:180px;max-height:180px;margin:auto;padding: 0px 0px 0px 20px;}

.newp-name{color:#333;font-size:14px;line-height:18px;height:18px;display:block;overflow:hidden;margin-bottom:10px;margin-top:10px;text-align:left}

.newp-price{font-size:13px;float:left}

.newp-price b{color:#ea0c8b;font-size:16px}

.newp-old-price{font-size:13px;text-decoration:line-through;float:left;margin:2px 0 0 5px}

.product-list-home li .sale{left:-10px!important;top:-3px}

.product-list-home li .off{right:40px!important;left:auto}

.product-list-home ul{margin-left:1px}

.product-list-home{overflow:hidden;position:relative;padding:0 0 20px}

.product-list-home .p-btn-buy{background:url(../images/cat_buy.png) 18px 0 no-repeat;height:42px;width:100%;margin:10px 0 0;}

.product-list-home .new{top:0;right: auto;left: 0;}

.hn-more{position:absolute;right:0;bottom:0px;background:#c60c30;color:#fff;text-transform:uppercase;padding:5px 10px;border-radius:4px 4px 4px 4px;font-size:11px}

.hn-more:hover{background:#2957a4;color:#fff}

.product-list-home li:nth-child(4n) .p_container{border-right:none}

.product-list-home li .p_container .promo{width:40px;height:40px;;top:165px;left:10px}

.sub-cat-pro-home{margin-bottom:10px;padding:0 10px;}

#filter-price{width:100%;padding:0 10px;box-sizing:border-box;overflow:hidden}

.ui-slider-horizontal{height:4px!important;border:none!important}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:none!important;background:#ccc!important}

.ui-slider .ui-slider-handle{width:11px!important;height:11px!important;border-radius:50%!important;border:solid 2px #eee!important}

.ui-slider-horizontal .ui-slider-handle{top:-6px!important}

#filter-price .currentprice{display:block;height:30px;text-align:center}

#slider-range{margin-bottom:11px}

#filter-price .min{float:left}

#filter-price .max{float:right}

#new-col-left{float:left;width:230px;margin-top:30px}

.box-filter-left{background:#fafafa;padding:10px;overflow:hidden}

.title-cat-left{font-weight:700;font-size:16px}

.title-cat-left:before{content:'';display:inline-block;width:0;height:0;border:solid 4px transparent;border-left-color:#333;margin-top:4px;float:left}

.sub-cat-left a{display:block;color:#333;font-size:12px;padding-left:7px;margin:10px 0}

.title-filter{text-transform:uppercase;font-size:14px;font-weight:700;color:#444;margin-bottom:10px;display:block}

.line{height:0;border-top:solid 1px #ddd;margin:20px 0;clear:both}

.sub-cat-left a.current{color:#eb008b}

.content-offer-detail span:nth-child(n+5){display:none}

.content-offer-detail.active span:nth-child(n+5){display:block}

.content-offer-detail span{display:block;font-size:13px;margin-bottom:6px;padding-left:8px;text-align:justify;}

.content-offer-detail span:before,.new-detail-summary span:before{content:'';display:inline-block;width:3px;height:3px;background-color:#ec008c;margin:4px;margin-left:-8px}

.new-detail-summary{padding-right:10px;min-width:274px;margin-left:9px;margin-top:10px;max-width: 300px;}

.new-detail-summary span{display:block;font-size:13px;margin-bottom:6px}

#list-showroom-instock{width:180px;font-size:13px}

#list-showroom-instock .title{cursor:pointer}

#list-showroom-instock .title img{margin-right:9px}

#list-showroom-instock .list{font-size:11px;max-height:125px;overflow:auto;box-shadow:3px 2px 3px 0 #b9b9b9;width:155px;float:right;text-align:left}

#list-showroom-instock .list span{display:block;margin-bottom:7px;color:#555}

#tbl_config .valueList b{font-weight:400;display:inline-block;border:solid 1px #ccc;padding:3px 9px;margin-right:6px;font-size:12px;margin-bottom:6px;cursor:pointer}

#tbl_config b.selected{border:solid 1px #ea0c8b}

#tbl_config{font-weight:700;font-size:13px}

#tbl_config td{vertical-align:top}

#tbl_config .valueList b.disable{cursor:not-allowed;opacity:.4}

.newbtn-addcart{background:none;width:auto;height:auto}

.img-avatar-comment{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:60px}

#services-sp{float:left;margin-left:170px;margin-top:-43px;margin-bottom: 0px;}

#services-sp .item-services{float:left;font-size:9px;line-height:13px;margin:0 0px}

#services-sp .item-services i{float:left}

#services-sp .item-services span{display:block;margin-left:40px;margin-top:3px;color:#777777}

body .mz-expand a[style*='color: inherit'],.mz-hover-zoom a[style*='color: inherit']{display:none!important;position:absolute;top:-1.0E+16px}



.product-daily{border:1px solid #ddd;padding:0px 0 15px;position:relative;height:365px;margin-top:20px;}

.product-daily li{width:237px !important;}

.product-daily .icon_sale{z-index:9999;position:absolute;top:-5px;left:-5px;background:url(../images/sale2017.png) no-repeat;background-size:100%;display:inline-block;width:80px;height:80px;}

.product-daily .navi{position:absolute;top:0;right:10px;font-size:40px;cursor:pointer;z-index:9;color:#999;}

.product-daily #prevD{right:30px;}



/*--wait-order-dialog-------------*/

.pDright .buy .p-btn-out:hover,.wait-dialog .col-md2 .btn-submit:hover{opacity:.8;}

.wait-dialog{max-width:900px;padding:0 30px}

.wait-dialog .col-md1{float:left;width:55%;}

.wait-dialog .col-md1 img{max-width:100%;max-height:400px;}

.wait-dialog .col-md2{float:right;width:40%;padding:30px 0 0;}

.wait-dialog .col-md2 input,.wait-dialog .col-md2 textarea{width:100%;border-radius:3px;margin:8px 0;padding:10px;box-sizing: border-box;}

.wait-dialog .col-md2 .btn-submit{background: url(../images/btn-xac-nhan-bao-co-hang.png) no-repeat;width:245px;height:59px;display:inline-block;border:none;outline:none;cursor:pointer;}

.pDetail .quick .p-btn-out{width:245px;height:59px;background: url(../images/btn-bao-co-hang.png) no-repeat;}

/*-------------*/



/*Contact*/

.contact-bound{

	padding: 20px;

	background:#fff;

	margin-bottom:15px;

}

.contact-header{overflow:hidden;}

.contact-header h3{

	font-size:16px;

	float:left;

}

.contact-header a{

	float:right;

}

.contact-content{

}

.contact-content p{padding:0;margin:0 0 10px 0;}

.contact-content p span{

	display:inline-block;

	width:150px;

}

.contact-content .input,

.contact-content textarea{

	border: 1px solid #eceae4;

	height: 25px;

	color: #666;

	font-size: 12px;

	width: 470px;

	padding-left:5px;

}

.contact-content .input.small{width:100px;float:left;}

.contact-content .verify_confirm_code{float:left;margin-left:10px;}

.contact-content textarea{

	height: 150px;

	resize:none;

}

.contact-content .submit-button{margin-top:10px;}





/*NEWS*/

/*-----------------NewsHot-------------*/



.news-hot{margin-bottom:40px;}



.news-hot-content{



	background:#fff;



	border-radius:10px;



	-moz-border-radius:10px;



	-o-border-radius:10px;



	-webkit-border-radius:10px;



	overflow:hidden;



}



.news-hot-content .title{



	height:40px;



	border-bottom:2px solid #F2E097;



	position:relative;



	margin-bottom:20px;



}



.news-hot-content .title a{



	position:absolute;



	top:22px;



	left:32px;



	height:35px;



	line-height:35px;



	color:#020202;



	font-family:'vmedical';



	font-size:20px;



	text-transform:uppercase;



	background:#F2E097;



	padding:0 24px;



	border-radius:5px;



	-moz-border-radius:5px;



	-o-border-radius:5px;



	-webkit-border-radius:5px;



	z-index:9;



}



.news-hot ul li{



	position:relative;



	overflow:hidden;



	width:295px;



	margin:22px 32px;



	float:left;



}



.news-hot ul li .image{



	width:295px;



	height:195px;



	overflow:hidden;



	text-align:center;



	position:relative;



}



.news-hot ul li .image a{



	display:table-cell;



	width:295px;



	height:195px;



	background-color:transparent;



	background-position:center center;



	background-repeat:no-repeat;



	background-size:cover;



}



.news-hot ul li .image img{width:0;height:0;display:none;}



.news-hot ul li .image .overlay{



	position:absolute;



	z-index:9;



	top:0;



	left:0;



	width:295px;



	height:195px;



	background-color:transparent;



	background-image:url(../images/news-bg.png);



	background-position:center center;



	background-repeat:no-repeat;



	background-size:cover;



}



.news-hot ul li .info{padding:30px 15px;}



.news-hot ul li .info h2{



	margin:0;



	padding:0;



	font-weight:normal;



}



.news-hot ul li .info h2 a{



	font-family:'vmedical';



	color:#000;



	text-transform:uppercase;



	font-size:21px;



	letter-spacing:2px;



}



.news-hot ul li .info .brief{



	margin-top:5px;



	line-height:22px;



	font-size:15px;



	color:#494848;



	font-family:'vmedical_n';



}







/*-----------------NewsHome-------------*/



.news-home{}



.news-home .title{



	height:40px;



	border-bottom:2px solid #F2E097;



	position:relative;



}



.news-home .title a{



	position:absolute;



	top:22px;



	left:32px;



	height:35px;



	line-height:35px;



	color:#020202;



	font-family:'vmedical';



	font-size:20px;



	text-transform:uppercase;



	background:#F2E097;



	padding:0 24px;



	border-radius:5px;



	-moz-border-radius:5px;



	-o-border-radius:5px;



	-webkit-border-radius:5px;



	z-index:9;



}



.news-home .content{padding:37px 0 32px 32px;}



.news-home .adv{



	float:left;



	width:340px;



	margin-right:35px;



}



.news-home .list ul li a{



	display:block;



	font-family:'vmedical_n';



	color:#020202;



	font-size:18px;



	text-transform:uppercase;



	background-color:transparent;



	background-image:url(../images/ico-news.png);



	background-position:0 7px;



	background-repeat:no-repeat;



	padding-left:15px;



	margin-bottom:5px;



}



.news-home .list ul li a:hover{



	color:#002F63;



}



.news-home.news .list ul li a{ color:#989898; font-family:'vmedical_n'; text-transform:none;font-size: 18px;}



.news-home.news .list ul li a:hover{



	color:#002F63;



	}



.f1{ width:50%;}



.f2{ width:50%; float:right}







/*------------------BeforeAfterNews--------------------*/



.before-content{



	width:247px;



	}



.slick-prev{ background:url(../images/prev.png) no-repeat; left:2px;}



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



.ba-news{ margin-top:13px; background:#fff; border-radius:6px}



.news-title a{



	height: 27px;



    line-height: 27px;



    color: #fff;



    font-family: 'vmedical';



    font-size: 20px;



    text-transform: uppercase;



    background: #013264;



	display:block;



	text-align:center;



    border-radius: 5px;



    -moz-border-radius: 5px;



    -o-border-radius: 5px;



    z-index: 9;



}



.news-image{ padding: 9px 14px;}



.news-image img{ width:222px;}



.news-name a{  



    font-family: 'vmedical';



    color: #878787;



    font-size: 18px;



    text-transform: uppercase;



    letter-spacing: 1px;



    display: block;



    text-align: center;}



.before-content .name a{



	font-family: 'vmedical';



    color: #020202;



    font-size: 18px;



    text-transform: uppercase;



    letter-spacing: 1px;



    display: block;



    text-align: center;	



}



/*-----------------NewsList-------------*/



.list-bound{ background:#fff;}



.list-title{height: 40px;}



li.first{background:url(../images/ico-home-h.png) no-repeat 42px 4px;width: 75px; height: 39px; float:left;}



li.first a{text-indent: -999px;}



.list-title ul{ float:left; width:100%; margin-top:8px;}



.list-title ul li { float:left;}



.list-title ul li span{ color:#013264; font-size:20px; }



.list-title a{



	display:inline-block;



	height: 35px;



	line-height: 35px;



	color: #013264;;



	font-family: 'vmedical';



	font-size: 20px;



	text-transform: uppercase;



	padding: 0 10px;



	border-radius: 5px;



	-moz-border-radius: 5px;



	-o-border-radius: 5px;



	-webkit-border-radius: 5px;



	z-index: 9;}



.list-content{ padding:20px 38px}

.list-content ul{list-style:none;}

.list-content ul li.news-list-items{



	position: relative;



	padding: 10px 0;



	padding-left: 225px; 



	padding-bottom:3px;



	height:217px; 



}



.list-content ul li:last-child{ background:none;}



.image-title{position: absolute;top: 0px;left: 0;}



.image-title a{   



	display: block;



    width: 210px;



    height: 212px;



    background-color: transparent;



    background-repeat: no-repeat;



    background-position: center center;



    background-size: cover;



    position: relative;}



.image-title a img { width: 0;height: 0; display: none;}



.image-title a .overlay-list {



    width: 210px;



    height: 212px;



    background-color: transparent;



    background-image: url(../images/bg-image-n.png);



    background-repeat: no-repeat;



    background-position: center center;



    background-size: cover;}



.list-info{ padding:25px 0;font-size: 13px;  color: #020202; font-family:'vmedical'; text-align:justify;



}



.list-info strong {font-family: 'vmedical';font-size: 18px;text-transform: uppercase;color: #000;letter-spacing: 1px;}



.space-list-home{ padding-right:10px;}







/*-----------------NewsDetail-------------*/



h1.news-name{



	color:#013064;



	font-size:20px;



	margin-bottom:5px;



	font-family: 'vmedical';



	text-transform:uppercase;



	font-weight:bold;



	}



.description{



	font-family:'vmedical_n';



	font-size:13px;



	line-height:20px;



	color:#000;



	}



.description p, .descriptiona, .description b, .description span, .description strong,.description {



	font-family:'vmedical_n';



	color:#000;



	}



.description p{



	margin:0;



	}



.description img,.description table{



	max-width:100%;



	height:auto;



	}



.box-info-contact{



	width:100%;



	font-family:'vmedical';



	text-align:center;



	}



.h3-tit-ct{



	display:inline-block;



	padding:10px;



	background:#fff;



	margin-bottom:-24px;



	font-size:24px;



	text-transform:uppercase;



	font-family:'vmedical';



	color:#013064;



	}



.info-container{



	padding:25px 0;



	border:1px solid #012f63;



	border-radius:60px;



	-moz-border-radius:60px;



	-webkit-border-radius:60px;



	text-align:center;



	font-family:'vmedical';



	color:#000;



	}



.info-container h1.tit-info-ct{



	font-size:24px;



	font-family:'vmedical';



	color:#000;



	margin:0;



	}



.info-container p,.info-container b{



	margin:0;



	line-height:22px;



	font-size:16px;



	font-family:'vmedical_n';



	}



.info-container b{



	font-size:20px;



	font-family:'vmedical';



	}



@media screen and (min-width: 300px){



	.h3-tit-ct{



	font-size:12px;



	}



	.info-container h1.tit-info-ct{



	font-size:14px;



	}



	.info-container b{



	font-size:12px;



	}



	.info-container p,.info-container b{



	line-height:16px;



	font-size:12px;



	}



}



@media screen and (min-width: 360px){



}



@media screen and (min-width: 374px){



	.h3-tit-ct{



	font-size:16px;



	}



	.info-container h1.tit-info-ct{



	font-size:16px;



	}



	.info-container b{



	font-size:16px;



	}



	.info-container p,.info-container b{



	line-height:16px;



	font-size:13px;



	}



}



@media screen and (min-width: 680px){



	.h3-tit-ct{



	font-size:18px;



	}



	.info-container h1.tit-info-ct{



	font-size:18px;



	}



	.info-container b{



	font-size:18px;



	}



	.info-container p,.info-container b{



	line-height:18px;



	font-size:14px;



	}



}



@media screen and (min-width: 800px){



	.h3-tit-ct{



	font-size:24px;



	}



	.info-container h1.tit-info-ct{



	font-size:24px;



	}



	.info-container b{



	font-size:20px;



	}



	.info-container p,.info-container b{



	line-height:22px;



	font-size:16px;



	}



}