@charset "utf-8";

/* CSS Document */



body { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:url(images/bg.jpg)}

.clear { clear:both}

a{ text-decoration:none;}

.cover { width:100%; max-width:1180px; margin:auto; padding:10px;}

#page {width:1200px;background: #fff;margin:0 auto;

-moz-box-shadow:0 0 5px 3px #5d3200;

-webkit-box-shadow:0 0 5px 3px#CCCCCC;

 box-shadow: 0 0 5px 3px #CCCCCC;}
 
 .viewsp a { color:#4B82BC}
 .viewsp img { max-width:100%;}
 .viewsp a:hover { text-decoration:underline;}

.logo { width:30%; float:left;}

.logo img { width:70%; height:auto}

.slogan { width:36%; float:left; padding-top:0; display:block}

	.slogan p { background:url(images/icon-tich.png) no-repeat; padding-left:20px; font-weight:bold; text-transform:uppercase; color:#2a2a2a;}

.hotline { width:30%; float:left; padding-top:16px; display:block}

	.hotline p { float:right;margin:0; margin-top:6px; margin-bottom:6px;}	

.menu { width:1200px; margin:0 auto; height:40px; background:url(images/bg-left.gif)}

#home {}

.vieww img { max-width:100%;}

.boxhome { padding-top:10px; margin:0 -20px;  display:block;}

.boxhome .ima {    padding: 20px;    width: 30%; float: left;}

.boxhome img {  width:100%;}

.boxsearch { padding: 0; padding-top:10px;}

	.newhot { background:url(images/loa.png) no-repeat;width:60%; float:left; padding:3px; padding-left:36px; color:#878787; display:block}

	.newhot a { text-decoration:none; color:#000000}

	.newhot a:hover {text-decoration:underline;}

	.search { width:36%; float:right;}

		.search1 { width:60%; float:left; position: relative; }

		.search1 input[type=text] { width:100%;border:1px solid #d7d7d7; padding:1px; height:26px;}

		.search1 input[type=submit] { background:url(images/search.jpg) no-repeat; border:0; height:34px; width:29px;position: absolute;

    right: 0; top:3px}

		.cart { width:20%; float:right; background:url(images/icon-cart.png) no-repeat; padding:3px; padding-left:30px; margin-top: 8px;}

		.cart a { text-decoration:none; color:#dd1717; font-weight:bold;}

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

.left { width:915px; float:left;}

	.cate1 { padding: 12px 10px; border-bottom: 1px solid #d4d4d4; font-weight: bold;}

	.cate1 a { color:#454545}

	.cate1 img { padding-right:8px;}

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

	.boxright ul li a {  border-bottom: 1px solid #e1e1e1; padding: 12px 20px; display: block; text-decoration: none; color: #454545;}

	.boxright ul li img {padding-right:8px;}

	

	.boxpro { padding-top:10px; padding-bottom:20px;}

	.boxpro .title { border-bottom:1px solid #e8e8e8; padding-bottom:9px;}

	.boxpro .title span {border-bottom:2px solid #dd1717;padding-bottom:8px;}

	.boxpro .title h1 { font-size:18px; padding:0; margin:0;}

	.boxpro .title span a { text-decoration:none; text-transform:uppercase; color:#000; font-weight:bold;}

	.boxpro .content { margin:0 -20px;}

	

	.album { width:46.6%; float:left; margin-left:20px; padding:0; padding-bottom:10px;}

	.album .img {}

	.album .img img { width:100%;}

	.album .titleal { position:relative; background:url(images/bg-album.png); bottom:0; color:#FFF; font-weight:bold; padding:10px; margin-top:-34px;}

	.albuml { width:30%; float:left; padding:20px;}

	.albuml img  { width:100%;}

	.albuml .titleal { font-weight:bold; padding:10px 0;}

	.boxhome1 { padding-top:10px; padding-bottom:20px; width:50%; float:left;}

	.boxhome1 .title { border-bottom:1px solid #e8e8e8; padding-bottom:9px; margin-right:20px;}

	.boxhome1 .title span {border-bottom:2px solid #dd1717;padding-bottom:8px;}

	.boxhome1 .title span a { text-decoration:none; text-transform:uppercase; color:#000; font-weight:bold;}

	.boxhome1 .content { padding-top:10px; margin-right:20px;}

	

	.boxhome2 { padding-top:10px; padding-bottom:20px; width:50%; float:left;}

	.boxhome2 .title { border-bottom:1px solid #e8e8e8; padding-bottom:9px; margin-left:20px;}

	.boxhome2 .title span {border-bottom:2px solid #dd1717;padding-bottom:8px;}

	.boxhome2 .title span a { text-decoration:none; text-transform:uppercase; color:#000; font-weight:bold;}

	.boxhome2 .content { padding-top:10px;}

	

	

	.namev { font-weight:bold; font-size:18px; color:#c78c00}

.scrollbar

{

	float: left;

	height: 450px;

	width: 100%;

	background: #F5F5F5;

	overflow-y: scroll;

	margin-bottom: 25px;

}	

.force-overflow

{

	min-height: 450px;

}

#style-1::-webkit-scrollbar-track

{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	border-radius: 10px;

	background-color: #F5F5F5;

}



#style-1::-webkit-scrollbar

{

	width: 8px;

	background-color: #F5F5F5;

}



#style-1::-webkit-scrollbar-thumb

{

	border-radius: 10px;

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

	background-color: #555;

}



.video { padding-bottom:10px;}

.video .image { width:33%; float:left;}

.video .image img { width:100%;}

.video .vinfo { width:63%; float:right; padding-right:10px;}

.video .vinfo p { padding:0; margin:0; line-height:20px;}

.video .vinfo .mota { display:block;}

.video .vinfo p a { font-weight:bold; font-size:14px; color:#333; padding-bottom:6px; display:block;}

	

	

	.product { margin:20px; float: left; border:1px solid #e8e8e8; padding:6px; max-width:264px;}

	.product img { max-width:100%; max-height:183px;}

	.product .name { text-align:left;}

	.product .name a{ color:#292929; font-weight:bold; text-decoration:none; text-align:left}

	.product .name a:hover {color:#ba6500;}

	.product:hover {box-shadow: 0 0 5px 3px #CCCCCC; }

		.product .price1 { width:50%; float:left; text-align:left; font-size:18px; color:#dd1717; padding:0; margin:0;}

		.product .price2 { width:50%; float:right; text-align:right; font-size:18px; color:#878787; text-decoration:line-through; padding:0; margin:0;}

		

	.priceview	{ width:50%;}

	.infosp .price1 { font-size:18px; color:#dd1717; }

	.infosp .price2 { text-align:left; font-size:15px; color:#878787; text-decoration:line-through;}

	.infosp p { padding:0; margin:0; line-height:26px;}

	.imgsp { width:36%; float:left; text-align:center; padding-top:10px;}

	.imgsp img { width:100%;}

	.infosp { width:60%; float:right; padding-top:10px;}

	.muahang { padding-top:6px;}

	

	.news { width:31.33%; float:left; padding-top:10px; margin:1%;}

	.news .image { width:100%; }

	.news .image img { object-fit: cover; object-position: center; height:189px; width:100% }

	.news .content_news {} 

	.news .content_news .tit {padding-bottom:4px; height:38px}

	.news .content_news .tit a {text-decoration:none; font-weight:bold; color:#b97e00;}

	.news .content_news .tit a:hover {text-decoration:underline; font-weight:bold; color:#b97e00;}

	.news .content_news .mota { text-align:justify; color:#535353; height:68px; line-height:18px; display:block}

	

	.relatedTitle {color:#333; border-bottom:1px solid #e1e1e1; padding:5px 0 10px 0px;}

	.relatedContent  { list-style:square; margin:0; padding:0; padding-top:10px; padding-left:10px; margin-left:10px;}

	.relatedContent a { color:#000; text-decoration:none;  padding-bottom:10px;  display:block;}

	.relatedContent a:hover { color:#ba6500}

		

.right { width:250px; float:right;}

	.boxright { margin-bottom:20px;}

	.boxright .title { background:url(images/bg-left.gif); color:#fff; padding:13px 0 10px 15px; text-transform:uppercase;}

	.boxright .content { border:1px solid #d7d7d7; border-top: none; padding:10px}

	

	.proleft{ padding-bottom:20px;}

	.proleft .proimg { width:40%; float:left}

	.proleft .proimg img { max-width:100%;}

	.proleft .proinfo { width:50%; float:right;}

	.proleft .proinfo .name { padding:0; margin:0; line-height:16px;}

	.proleft .proinfo .name a { text-decoration:none; color:#292929}

	.proleft .proinfo .name a:hover { color:#ba6500;}

	.proleft .proinfo .price1 {  font-size:15px; color:#dd1717; font-weight:bold;}

	.proleft .proinfo .price2 {font-size:15px; color:#878787; text-decoration:line-through;font-weight:bold; padding:0; margin:0;}

	

	.ads img { max-width:100%; padding-bottom:10px;}

	

#footer { max-width:1200px; width:100%; margin:auto; padding-top:20px;}

	.infof1 { width:50%; float:right;  text-align:right;}

	.infof1 a { text-decoration:none; color:#c78c00; text-transform:uppercase; font-size:14px;}

	.infof1 a:hover {text-decoration:underline;}

	.infof2 { width:50%; float:left; text-align:left}

	.infof2 p { color:#c78c00;font-size:14px;}
.dfixed {
   display:none;
}

}