@media screen and (min-width: 18.75em) {

@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:98%; max-width:1180px; margin:auto; padding:0;}

#page {width:100%;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:36%; float:left;}

.logo img {max-width:100%; height: 28px;}

.slogan { width:32%; float:left; padding-top:12px; display:none}

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

.hotline { width:32%; float:left; padding-top:3px;  display:none}

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

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

.boxhome .ima { max-width: 96%; margin:auto; padding-bottom:10px; text-align:center}

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

.menu { width:98%; margin:0 auto; background:url(images/bg-left.gif); margin-bottom:5px;}

#home {}

.boxsearch { padding: 0;}

	.newhot { width:98%; margin:0 auto; padding:3px 0;     height: 30px; color:#878787; display:none}

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

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

	.search { width:98%; margin:0 auto; padding:3px 0;}

		.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:98%; margin:auto;}

	.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 span a { text-decoration:none; text-transform:uppercase; color:#000; font-weight:bold;}

	.boxpro .content { margin:0;}

	.boxpro .content img { max-width:100%;}



	.product {float: left; border:1px solid #e8e8e8; padding:1%; width:45%; margin:1%;}

	.product img { max-width:100%; height:auto !important}

	.product .name { height:30px;}

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

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

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

		.product .price1 { width:50%; float: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:100%; text-align:center; padding-top:10px;}

	.imgsp img { width:100%;}

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

	.muahang { padding-top:6px;}

	

	.news { width:100%; float:left; padding-top:10px;}

	.news .image {   margin-bottom:6px;}

	.news .image img { width:100%; padding-bottom:10px;}

	.news .content_news { width:100%; } 

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

	.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:50px; 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:98%; margin:auto;}

	.boxright { margin-bottom:20px;}

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

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

	

	.album { width:48%; float:left; padding:1%;}

	.album .img {}

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

	.album .titleal { bottom:0; color:#333; font-weight:bold; padding:6px 0;}

	

	

	.boxhome1 { padding-top:10px; padding-bottom:20px; width:98%; margin:auto;}

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

	.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; }

	

	.boxhome2 { padding-top:10px; padding-bottom:20px; width:98%; margin:auto;}

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

	.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}

	

	.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:none;}

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

	

	.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:20px;}

	.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:98%; margin:auto; padding-top:10px;}

	.infof1 { width:98%; margin:auto;}

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

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

	.infof2 {width:98%; margin:auto; text-align:left}

	.infof2 p { color:#c78c00;font-size:12px;}

.dfixed {
    text-align: left;
    padding: 10px;
    bottom: 0;
    width: 100%;
    position: fixed;
    color: #fff;
    z-index: 9999;
	display:block;
}

}