*{padding: 0; margin: 0;}
	li{list-style: none;}
	.li{color: #f00; font-weight: bold; display: inline-block;}
	#hotline{position:fixed; bottom: 0px; right: 0px; z-index: 10; font-weight: bold;}
	body{background-color: #fff;}
	header{width: 100%; min-height: 170px; height: auto;}
	header .mxh{display: inline-block;width: 100%; max-width: 170px; height:26px;float: right; margin: 10px 20px 0 0;}
	header .mxh div{background: url(../img/header-mxh.png) no-repeat center; width: 26px ; height: 26px; display: inline-block;}
	header .mxh > a > div{ margin-right: 4px;}
	header .mxh > a > div#icon-1{background-position: 0 0;}
	header .mxh > a > div#icon-2{background-position: -36px 0; }
	header .mxh > a > div#icon-3{background-position: -71px 0; }
	header .mxh > a > div#icon-4{background-position: -107px 0; }
	header .mxh > a > div#icon-5{background-position: -143px 0; }
	header .mxh > a > div#icon-1:hover{transition: 1s; background-position: 0 -26px; }
	header .mxh > a > div#icon-2:hover{transition: 1s; background-position: -36px -26px; }
	header .mxh > a > div#icon-3:hover{transition: 1s; background-position: -71px -26px; }
	header .mxh > a > div#icon-4:hover{transition: 1s; background-position: -107px -26px; }
	header .mxh > a > div#icon-5:hover{transition: 1s; background-position: -143px -26px; }
	
	#menu{ box-shadow: 0 2px 3px #444;background: url(../img/menu.png); height: 40px; display: inline-table; float: right;  border-radius: 25px 0 0 25px; clear:both;}
	#menu ul{position: relative; margin: 0px; padding: 0px; list-style: 0px;width: 1300px !important;}
	#menu li{position: relative; display: inline-block;}
	#menu li.active{text-decoration: underline;}
	#menu li a{display: block; padding: 12px 20px 10px; text-align: center; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: bold; white-space:nowrap;}
	#menu ul ul, #menu ul ul ul{position: absolute;display: none; top: 40px;left: 0px;width: 265px;height: auto; margin:0; background-color: #fff; box-shadow: 0px 0px 2px #ccc; z-index: 30;}
	#menu ul ul ul{top: 0px; left: 265px; z-index: 40;}
	#menu ul ul li{width: 100%; padding: 0px; border-top: 1px solid #f3f3f3;}
	#menu ul ul li:first-child{border-top: none;}
	#menu ul ul li a{ font-size: 13px; color: #000; font-weight: 500; text-align: left; padding: 10px 15px !important; border: 0px;}
	#menu ul ul li a:hover{color: #029a1b;}
	#menu ul li:hover > ul{display: block;}
	#menu ul ul li:hover > ul{display: block;}
	
	#slider {
	    display: block;
	    width: 100%;
	    margin-top: -20px;
	    min-height: auto;
	    height: auto;
	    max-height: 450px;
	    box-shadow: 0 1px 3px #555;
	}
	#slider img{display: block; width: 100%; max-height: 450px;}
	
	#carousel{padding-bottom: 20px;}
	#carousel ul li:hover{cursor: pointer;}
	#carousel ul li {margin: 6.5px; width: 100%; max-width: 225px; float:left; }
	#carousel ul li img{display: block;width: 100%; max-width: 220px; height: 253px;}
	#carousel ul li .lstprd{display: block; width: 100%; background-color: #367bb7; height: 40px; padding: 10px 0; text-transform: uppercase; text-align: center; color: #fff; font-weight: bold;border-color: #367bb7;
	font-size: 13px;
	line-height: 20px;
	border-radius: 4px;
	transition:all .4s ease-in-out 0s;
	}
	#carousel ul li .lstprd:hover{
	background-color: rgba(54,123,183, 0.7);
	}
	
	.title {
	    display: block;
	    width: 100%;
	    height: 35px;
	    font-size: 13px;
	    box-shadow: 0 2px 3px #777;
	    padding: 9px 0 0 30px;
	    font-weight: bold;
	    text-transform: uppercase;
	    color: #ff0;
	    border-radius: 6px;
	    background: linear-gradient(90deg, rgba(24,153,217,1) 0%, rgba(18,144,207,1) 25%, rgba(0,212,255,1) 100%);
	}
	.detail{display: block; width: 100%; padding-top: 20px;}
	.product{display: inline-block; width: 100%; box-shadow: 0 0 1px 1px #bbb; text-align: center;}
	.product:hover{cursor: pointer;}
	.product > img {display: block;width: 100%;height: 247px;border-radius: 6px 6px 0px 0px;}
	.product > div{display: block;width: 100%;padding-bottom: 5px;}
	.product > div.prdName{color: #014a8c;font-weight: bold;font-size: 13px;padding-top: 10px;}
	.product > div.prdID{color: #888;}
	.product > div.prdCost {color: #fff;height: 40px;background: #adafb0;padding: 10px;font-weight: bold;border-radius: 0px 0px 6px 6px;}
	#spnb{display: block; width: 100%;}
	#spnb .product{max-width: 229.5px;max-height: 400px;height: auto;margin-right: 5px;border-radius: 6px;}
	.product > div.prdCost:hover {
    background: #dddd10;
    color: black;
    transition: 0.5s;
}
	
	#km{display: inline-block; width: 100%; max-width: 430px; vertical-align: top;}
	#km .detail{padding: 20px;height: 300px; background-color: #f7f7f7; border: solid 1px #e4e3e3;}
	#km .detail img{ width: 100%; max-width: 390px;height: 235px;}
	#km .detail .kmInfo{width: 100%; max-height: 65px; height: auto; margin-top: -40px; background-color: #c7c1bd; padding: 10px 15px; color: #002446; position: relative; opacity: 0.6;}
	#km .detail .kmMore{padding-top: 10px; text-align: right;}
	#km .detail .kmMore a{border-bottom: 2px solid #4b50f5; font-size: 12px;}
	
	#main-home{margin-top: 20px;}
	#main-home .product{max-width: 220px;max-height: 400px;height: auto;margin: 0px 7px;border-radius: 6px;}
	#main-home .detail{margin-bottom: 20px; padding-bottom: 30px; border-bottom: dashed 1px #666; background:url(../img/detail-border.png) repeat-x bottom center; }
	
	#news > .detail{padding: 20px; padding-right: 0px; background-color: #f7f7f7; border: #e4e3e3 solid 1px;}
	#news > .detail > img {display: inline-block;width: 100%;max-width: 200px;max-height: 309px;height: auto;border: #e4e3e3 solid 1px;}
	#news > .detail > .box{display: inline-block; width: 100%;max-width: 400px; vertical-align: top; padding-left: 20px;}
	#news > .detail > .box > .ttl{display: block; width: 100%; font-weight: bold; color: #014a8c; text-transform: uppercase;  font-size: 14px;}
	#news > .detail > .box > .dtl{display: block; width: 100%; font-size: 13px;}
	#news > .detail > .box > li{ line-height: 25px; color: #014a8c; font-size: 12px;}
	
	#left{display: inline-block; width: 100%; max-width: 240px; margin-right: 5px; vertical-align: top;}
	#right{display: inline-block; width: 100%; max-width: 935px;vertical-align: top;}
	#right .product{margin: 0px 10px 10px 0;}
	.news{display: block; width: 100%; height: 100px; padding: 5px; margin-bottom:10px;}
	.news:hover{cursor: pointer; border-bottom: dashed 1px #777; }
	.news img{ display: inline-block; width: 100%; max-width: 150px; height: 90px; box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000;}
	.news .news-info{display: inline-block; width: 100%; max-width: 770px; vertical-align: top; padding: 5px;}
	.news .news-info .news-ttl{display: block; width: 100%; font-weight: bold; border-bottom: dashed 1px #ccc;}
	.news .news-info .news-dtl{display: block; width: 100%;}
	
	.tintuc {width: 100%; max-width: 400px; height: 200px; }
	.tintuc .simply-scroll-clip {width: 100%; max-width: 400px; height: 200px;}	
	.tintuc .simply-scroll-list {}
	.tintuc .simply-scroll-list li {	width: 100%;}	
	.tintuc .simply-scroll-btn {}
	 /* modified btn pos */
	.tintuc .simply-scroll-btn-up {right: 0; top: 0;
	}
	.tintuc .simply-scroll-btn-up.disabled {}
	.tintuc .simply-scroll-btn-up:hover {}
	/* modified btn pos */
	.tintuc .simply-scroll-btn-down { 
		right: 0;
		top: 52px;
	}
	.tintuc .simply-scroll-btn-down.disabled {}
	.tintuc .simply-scroll-btn-down:hover {}
	.visit_hidden{height: 0px; width: 0px; overflow: hidden;}
	footer{display: block; width: 100%;  background: url(../img/footer-bg.png);padding-top: 10px; margin-top: 20px; border-top: 3px solid #4b50f5;}
	footer .box{display: inline-block; width: 100%; vertical-align: top; margin-right: 20px;}
	footer .ttl{display: block; width: 100%; height: 30px; font-size: 12px; font-weight: bold; text-transform: uppercase;}
	footer .dtl{display: block; width: 100%;  margin: 10px 0;	}
	footer #fb{ max-width: 250px;}
	footer #fb > .ttl{background: url(../img/ttl-fb.png) left bottom no-repeat;}
	footer #info{ max-width: 600px;}
	footer #info > .ttl{background: url(../img/ttl-info.png) left bottom no-repeat;}
	footer #tk{ max-width: 250px;}
	footer #tk > .ttl{background: url(../img/ttl-tk.png) left bottom no-repeat;}
	
	#cart{display: block; position: fixed; top: 10px; right: 0; width: 100%; max-width: 90px; box-shadow: 0 2px 3px #fff; border-radius: 50%;}
	#cart:hover{cursor: pointer;}
	.hotro{display: block; position: fixed; bottom: 0; right: 0; width: 100%; max-width: 290px;}
	.hotro #img{display: block;position: relative; width: 100%; max-width: 290px; height: 160px;border-bottom: solid 3px #999; background: url(../img/hotro.png) no-repeat;}
	.hotro #img > div.hotline{position: absolute; bottom: 0px; padding: 0px 10px; background-color: #006795; color: #fff; font-size: 17px; font-weight: bold; width: 100%; max-width: 155px; border: solid 1px #6E7AFF; border-radius: 5px 5px 0 0; text-align: center;}
	.hotro #img:hover{cursor: pointer;}
	.hotro .noidung{display: none; background-color: #fff; border-left: solid 3px #999;padding: 5px;}
	.hotro img:hover .noidung{display: block;}
	#bongcarousel{display:none !important;}