body{
	background: #CCC;
    color: #222;
    font-family: Tahoma;
    font-size:16px;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    display: table;
    position: relative;
}
.fix {
    margin: auto;
    max-width: 800px;
    min-width: 310px;
    width: 100%;
	overflow:hidden;
}


/* menu top   *************************/
.fix-head {
    background: url(http://shopdep365.com/images/bgmenu-m.png) center top repeat-y;
    float:left;
    height:50px;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:100;
}
.fix-head .menu {display:block;float:left;height:40px;width:20%}
.fix-head .menu-fix-icon {
    cursor: pointer;
    float: left;
    padding-left: 5px;
    z-index: 200;
}
#ul-menu-fix {
    background: #fff none repeat scroll 0 0;
    left: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    top: 40px;
    width: 0;
    z-index: 99;
}
#fix-menu-background {
    background: #999 none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 90;
}
.fix-head ul,.fix-head li{list-style:none;margin:0;padding:0}
#ul-menu-fix li.home {
    background:url(../images/home_li.png) no-repeat 5px center #e8e8e8;
    float:left;
    height:45px;
	padding-left:40px;
}
#ul-menu-fix li.home a {
    color: #015440;
    font-size: 16px;
    font-weight: 700;
    line-height: 45px;
}
#ul-menu-fix li {
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
    float: left;
    width: 100%;
	padding-left:30px;
	box-sizing:border-box;
}
#ul-menu-fix li:hover {
    background-color: rgba(223, 223, 223, 0.5) none repeat scroll 0 0;
}
#ul-menu-fix li.cap1 {
    background:url(../images/menu-fix-li.png) no-repeat 5px 5px;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
}
#ul-menu-fix li a {
    color: #555;
    float: left;
    font-size:17px;
    height:40px;
    line-height:40px;
    padding-left:0;
    width:100%;
	box-sizing:border-box;
}

.borderTop {
    border-top: 1px solid #e8e8e8;
}
#ul-menu-fix ul ul {
	float:left;
	height:0;
    overflow: hidden;
    padding-left:0;
    width:100%;
}

#ul-menu-fix li li {
    float:left;
	padding-left:20px;
    width:300px;
}
#ul-menu-fix li li a {
    font-size:15px;
    font-style: italic;
    line-height:35px;
	height:35px;
}

.fix-head .logo {
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: bold;
    height: 40px;
    line-height: 35px;
    text-align: center;
    width: 60%;
}
.fix-head .giohang{float:right;width:20%}


/* header ***************/
#header{
	background: url(http://shopdep365.com/images/slogan-grad.png);
    text-align:center;
    margin-top:50px;
    font-size:20px;
    line-height:30px;
	padding:10px 0;
}

/******************************/
#container_wrap,#container_content,#content_body{width:100%; float:left}
#content_body{background:#FFF}
.blog img, article img {
    max-width: 100%;
}
/* search  ***********/
@media only screen and (min-width: 320px) and (max-width: 860px) {
	min-width: 320px;max-width: 860px }
#masterdiv .key{padding:5px;width:400px}
@media screen and (max-width:641px){
	#masterdiv .key{width:360px}
}
@media screen and (max-width:541px){
	#masterdiv .key{width:300px}
}
@media screen and (max-width:481px){
	#masterdiv .key{width:240px}
}
@media screen and (max-width:421px){
	#masterdiv .key{width:200px}
}
@media screen and (max-width:361px){
	#masterdiv .key{width:180px}
}
@media screen and (max-width:321px){
	#masterdiv .key{width:130px}
}
#masterdiv .btn_top {
    background:#005540;
    border: 1px solid #E05F14;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 16px;
    font-weight: 700;
    height: 32px;
    line-height: 20px;
    padding: 0 15px;
}

/* view_chitiet_article ****************************/
#content_body .view_chitiet_article{background:#FFF; overflow:hidden}
#content_body .view_chitiet_article img{padding-left:2%;width:96% !important; height:auto !important}

.products{border:1px solid #EAE5E4;float:left;position:relative;margin: 1%;width: 95%;box-sizing: border-box;}
@media screen and (min-width: 480px){
	.products{width:45%;background: #efefef;}
	.products_l{margin:10px 2% 0 3%}
	.products_r{margin:10px 3% 0 2%}
}
.products .images{ width:90%; padding:5%}
.products .images img{width:100%;height: 233px;}
.products .info .name a, .products_tc .info .name a, .masps {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
}
.products .name{
	width:100%;
	height:60px;
	float:left;
	padding-bottom:10px;
	border-bottom: 1px solid #dddddd;	
}
.products .name a {
    color: #484a47;	
}
.products .gia{
	float:left;
	height:60px;
	line-height:25px;
	text-align:center;
	color:#F37020;
	padding:5px; 
}
.products .masp{float: right;padding:5px 20px 5px 5px;line-height: 25px;}
.products .gia sup{
	font-size:16px;
}
.masps{
	padding-top: 20px;
	width:50%;
    float:right;
    font-size: 100%;
    font-weight: 700;
    color: #484A47;
}
#top, #header, #footer .noidungfooter, .products .info {
    float: left;
    width: 100%;
}

/**** product  *****************************/
.product{width:100%; float:left}
.product .row1{background:#fff none repeat scroll 0 0;float:left;margin:3px 3%;padding:2px 2%;width:90%;border: 1px solid #D0D0D0;}
.product .images{width:100%;position:relative;border:1px solid #EAE5E4;}
.product .masp{position:absolute;bottom:5px;right:5px;background:#F37020;padding:4px 5px}
.product .images img{width:100% !important}
.product .thong-tin-sp img{width:95% !important;height:95% !important;  vertical-align: middle;border: 1px solid #D0D0D0;}
.product .name{
	width: 100%;
    text-align: center;
	font-size:130%;
    color:#484A47;
}
.product .gia{
	width:100%;
	float:left;
	text-align:center;
	color:#F37020;
	font-size:140%;
}
.product .giagoc{
	width:100%;
	text-align:center;
	font-size:100%;	
}
.product .giakm{
	width:100%;
	text-align:center;
	font-size:100%;
	color:#F37020;
	font-weight:700;
}

.product .row1,
[product .row2]
.product .row3{
    border: 1px solid #D0D0D0;
    float: left;
    margin: 10px 0;
    padding: 10px;
    width: 970px;
}
.dacdiem,.thongtin{
	width:350px;
	float:left;
	color: #CA1AC4;         
	background:#FFFFFF;
	padding:0 15px;
}
.thongtin{
	border-left:dotted 2px #d0d0d0;
}
.dacdiem .tieude,
.thongtin .tieude,
.row3 .tieude{
	font-weight:700;
	font-size:14px;
	color:#484A47;
}

.km{
 	position:absolute;
	margin-left:0px;
	margin-top:-120px;
}
.componentheading{		
	padding-left:5px;
	
}

img{
	border:none;
    max-width: 100%;	
	max-height: 100%;	
	vertical-align: middle;
	}

dl#system-message{
	margin: 0;
	text-align:center;
	line-height:16px;
}
.error{
	color:#FF0000;
	font-weight:bold;
	font-size:14px;
}
dl#system-message dd{
	color:#333333;
	font-size:13px;
	margin:0;
	padding:0;
}

dt.notice{
	color: #003366;
}

dt.message{
	color: #00CC00
}
.componentheading{
	color: #005540;    
    font-size: 15px;
    line-height: 25px;	
}

.contentheading a {
	color: #0000ff;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;    
}

.article_column{
	width: 780px;
}

.article_column .contentheading{
	background:url(../images/arrow.gif) top left no-repeat;
}

.contentpaneopen{
	width:100%;
	font-size:17px;
	padding-left:5px;
    border: 1px solid #D0D0D0;	
}

.input{
	border:none;
}
a:link{    
    text-decoration:none;
    color: #015440;
}
.tool-tip{
	z-index:15000
}
td.contentheading{
	margin:0;
	padding:0;
	padding-left:15px;
	background:url(images/arrow.gif) top left no-repeat;
}
.paging{	
    text-align: center;
    font-size: 100%;
    font-weight: bold;
	margin: 30px;
    font-weight: bold;
    line-height: 40px;
}
.paging a {
    color: #413F3F;
    font-size:100%;
    font-weight: bold;
    padding:5px 7px;
	box-sizing:border-box;
    background-color: #E6E6E6;
}
.paging a.active, .paging a:hover{
	color:#FFF;
	background:#015440;
}
a.phantramgiam {
    background: url(../images/phantramgiam.png);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 48px;
	line-height:48px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 46px;
}

.top1{
	padding-top: 10px;
    width: 100%;
    color: #fff;
    float: right;
    background: url(http://shopdep365.com/images/bgfooter.jpg);
    border-top: 1px solid #ED343A;
	
}

.top2{	
    width: 100%;
    float: left;
    background: url(http://shopdep365.com/images/slogan-grad.png);
    border-top: 1px solid #ED343A;
    border-bottom: 1px solid #ED343A
	}
.top2 a{
	line-height: 25px;
    color: #000;
    margin-left:50px;
}
.top3{	
    width: 100%;
    float: left;
    background: url(http://shopdep365.com/images/slogan-grad.png);
    border-top: 1px solid #ED343A;
    border-bottom: 10px solid #ED343A
	}
.top3 a{
	line-height: 25px;
    color: #000;   
}