@font-face {
 font-family: trinhhoa;
 src: url("../images/myria.eot") /* EOT file for IE */
}

@font-face {
 font-family: trinhhoa;
 src: url("../images/myria.ttf") /* TTF file for CSS3 browsers */
}

body{
	font-family:trinhhoa;
	font-family: verdana,Geneva,sans-serif;
	font-family: "Helvetica Neue","Lucida Grande","Segoe UI",Arial,Helvetica,Verdana,sans-serif;
	margin: 0px;
	font-size: 13px;
	color:#000;
}

h1, h2, h3, h4, h5, h6 {
    color: #141823;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}

#top{
	width: 1365px;
	height: 630px;margin: 0 auto;position: relative;
}

#banner{
	width: 100%;height: 185px;position: absolute;top: 0px;z-index: 0;
}

#menu{
	width: 815px;
	height: 56px;
	position: absolute;top: 129px;
	right: 0px;z-index: 10;
}
#menu_re{
	display: none;
}

#lang{
	width: 150px;
	height: 30px;
	z-index: 10;position: absolute;top: 10px;
	right: 10px;
}

#lang a{
		color: #fff;
	}

#slideshow{
	width: 100%;height: 420px;position: absolute;top: 185px;z-index: 0;
	
}

#bottom-slideshow{
	width: 100%;height: 55px;
	background: url("../images/bottom-slideshow.png");
	position: absolute;
	bottom: 0px;z-index: 5;
}

#reslideshow{
	display: none;	
}

#mid{
	width: 1210px;height: 100%;
	margin: 0 auto;
}
#left{
	width: 285px;
	float: left;
	height: 100%;
}
.left-top{
	width: 100%;height: 60px;
	background: url("../images/left.png");
}
.text-left{
	color: #115bb4;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 130%;padding-top: 24px;
	text-align: center;
}

.chitietthem{
	float: right;margin-top: -20px;
}

.chitietthem a{
	text-decoration: none;color: #0e76d3;font-weight: 600;	
}

.chitietthem a:HOVER{
	color: red;	
}

.mid-left{
	width:240px;height: 100%;
	padding: 0 10px;
	padding-bottom: 40px;
	background: url("../images/mid-left.png"); 
	margin:0 auto;
}
.mar-top{
	margin-top: -14px;
}

.mid-1{
	padding: 10px 5px;
	width:250px;height: 100%;
	border-bottom: 1px solid #e9e9e9;
	min-height: 100px;
	background: url("../images/support.png") ,url("../images/mid-left.png");
	background-repeat: no-repeat, repeat;
	background-position: top center, top center;
	
	padding-top: 170px; 
}
.mail{
	color: #000;font-weight: 800;
}

.mail a{
	text-decoration: none;color: #000;font-size: 110%;
}

#bottom{
	width: 1365px;height: 365px;
	background: url("../images/bottom.png");
	margin: 0 auto;position: relative;
}

.bottom{
	width: 50%;
	position: absolute;
	top: 100px;
	left: 90px;color: #fff;font-weight: 600;line-height: 25px;
}
#social{
	float: left;
}
#social img{
	float: right;
}
.facebook{
	width: 40%;
	position: absolute;
	top: 110px;
	right: 90px;
	color: #fff;
	height: 255px;
}
.view-face{
	text-align: right;
}

.visit{
	position: absolute;
	bottom: 10px;
	left: 0;z-index: 10;
}

#right{
	width: 915px;
	height: 100%;
	float: right;margin-top: 10px;
}

.content{
	width: 100%;height: 100%;	
}
.title_mid{
	width: 100%;height: 60px;
	background: url("../images/right.png");
}

.txt{
	color: #115bb4;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 130%;padding-top: 14px;
	text-align: left;
	padding-left: 60px;
}

.noibat{
	width: 100%;height: 70px;
	background: url("../images/noibat.png");
}

.noibat .txt{
	color: #115bb4;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 130%;padding-top: 27px;
	text-align: center;
	padding-right: 20px;
}

.left1{
	width: 55%;float: left;
}
.left2{
	width: 45%;float: right;
}
.left3{
	width: 70%;
	float: left;
}
.left4{
	width: 25%;
	float: right;
	margin-right: 2.5%;
}

.left4 img{
	width: 100px;
	height: 100px;	
	border: 1px solid #eee;
}

.left2 h2{
	color: #b2000e;
}









.copyright{
	width: 550px;	
	padding-top:3%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #3f4540;
	font-size: 14px;
	padding-top:3%;
}
.copyright a{
	text-decoration: none;
	color: #000;
}
.copyright h2{
	padding: 0;margin: 0;
	color: #00641a;	
}

#dangky{
	width: 310px;position: absolute;
	left: 580px;
	height: 80%;
	padding-top:3%;
}

#dangky p{
	color: #5b4963;
}

.form_email .email_bottom{
	width: 70%;
	border: none;
	padding: 3px 5px;
	height: 25px;
	border-top-left-radius:5px; 
	border-bottom-left-radius:5px;
}

.sub{
	background: #018eea;
	color: #fff;
	border: none;text-transform: uppercase;
	padding: 6px 10px;
	margin-left: -5px;
}

.sub:HOVER{
	cursor: pointer;
}

.form_email .email_bottom:HOVER{
	box-shadow: 0px 0px 5px green;
}

#thongke{
	width: 250px;
	height: 80%;
	position: absolute;
	top: 0;
	right: 0px;
	color: #000;
	padding-top:3%;
}

span.title_bottom{
	color: #006218;	
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;padding-top: 20px;
}




/*Product*/

.divsanpham{
	width: 215px;
	height: 305px;
	float: left;
	position: relative;
	margin-right: 18px;
	margin-bottom: 20px;
}
.divsanpham:HOVER{

}

.div_images_product{
	width: 213px;
	height:208px;
	border: 1px solid #f1f1f1;padding-bottom: 12px;
	border-bottom: none;
}

.div_images_product:HOVER{
	border: 1px solid #317BBD;	
	border-bottom: none;
}


/*Dung chung*/
.alight_right{
	float: right;
	clear: right;	
	margin-right: 0 ;
}


.images_product{
	width: 100%;
	height: 100%;
	text-align: center;
}
.images_product img{
	opacity: 1;
}
.images_product img:hover{
	opacity: 0.8;
}
.name_product{
	height: 94px;width: 100%;position: absolute;bottom: 0;
	background: url("../images/divsp.png");
}
.name_sp{
	width: 100%;height: 20px;position: absolute;top: 20px;text-align: center;
}
.name_product a{
	color: #000;
	text-decoration: none;
	font-size: 14px; text-align: center;font-weight: 600;
	text-transform: uppercase;
	line-height: 5px;
}

.name_product a:hover{
	color: red;
}

.gia_sp{
	width: 100%;height: 15px;
	text-align: center;
	position: absolute;left: 0%;top: 55px;color: yellow;
	
}

.gia_sp a{
	color: red;
	text-transform: capitalize;
}
.chitiet_sp a{
	color: #fff;text-transform: inherit;
}

.chitiet_sp{
	width: 100%;height: 20px;
	text-align: center;
	position: absolute;right: 0%;bottom: 0px;
	color: #fff;
}

.chitiet_sp a:HOVER{
	color: #000;	
}

.chitietdathang{
	width: 140px;height: 23px;margin: 0 auto;
	margin-top: 5px;
}

.dathang{
	width: 67px;height: 100%;float: left;
}

.chitietsp{
	width: 67px;height: 100%;float: right;
}

.pro_new{
	width: 31px;height: 12px;
	position: absolute;top: 0px;
	right: 0px;z-index: 10;
}

/*Product Detail*/
.show_sp{
	width: 800px;float: left;
}
.dungsp{
	width: 15px;height: auto;
	background: url("../images/dung_sp.png") no-repeat center center;float: left;
}
.show_detail{
	width: 370px;height: auto;float: right;	
}

.product_detail_images{
	width: 360px;
	height: 250px;
	float: left;
	text-align: center;
	margin-right: 10px;
}

.name_product_detail{
	color: #000;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

.divdachang{
	width: 100%;height: auto;padding: 10px;
	background: #fabfbf;
}
.dachang{
	width: 90%;height: 100%;
	padding: 5%;background: #ec0000;color: #fff;font-weight: 600;font-size: 21px;text-align: center; 
}
ul.chinhsach{
	vertical-align: middle;
}
ul.chinhsach li{
	list-style-image: url("../images/muc.png");padding:10px 0;font-weight: 600;font-size: 110%;
}

/*articles*/

.articles{
	width: 100%;
	min-height: 110px;
	margin: 3px 0px 8px 0px;
}

.images_articles{
	width: 180px;
	height: 90px;
	float: left;
	margin-right: 20px;
	padding: 2px;
	border: 1px solid #b60000;
	box-shadow: 5px 5px #b60000;
}

.images_articles:HOVER{
	cursor: pointer;	
}

.name_articles{
	color: #008ddc;
	font-weight: normal;
	text-transform: uppercase;
}

.name_articles h3{
	padding: 0;margin: 0;
}

.name_articles h2{
	color: #b60000;
}

.name_articles a{
	text-decoration: none;
	color: #b60000;
	text-transform: none;
	font-weight: bold;
}

.name_articles a:hover{
	color: red;
	font-weight: bold;
}

.img_index_home{
	width: 96%;height: 125px;
	padding:2%;
	background: #f7f7f7;
}

.img_index_home img{
	
}

/*articles left*/

.articles_left a{
	text-decoration: none;
	color: green;
	font-weight: 600;
}

/*Album Images*/

.album_img{
	width: 125px;
	height: 105px;
	float: left;
	margin:10px 28px;
	border: 1px solid green;
	padding: 2px;
}

.goback{
	text-align: right;
	padding: 5px;
}

.goback a{
	text-decoration: none;
	color: #888;
}

.goback a:HOVER {
	cursor: pointer;	
}

.articles_left a:hover{
	color: red;
}

.shoplink{
	color: red;
	text-decoration: none;
}

.phone{
	background: url("../images/dt.png") center;
	width: 185px;height: 56px;position: relative;
}

.phone .ten{
	width: 130px;
	height: 25px;position: absolute;
	top: 5px;
	left: 10px;
	text-align: right;
	color: red;font-weight: bold;font-family: trinhhoa;font-size: 18px;
}

.phone .sodt{
	width: 130px;
	height: 25px;position: absolute;
	bottom: 7px;
	left: 10px;
	text-align: center;
	color: red;font-weight: bold;font-family: trinhhoa;font-size: 22px;
}

.tintuc_index{
	width: 220px;
	height: 170px;
	float: left; margin: 0 5px;
	background: #ececec;
	padding: 5px;
}

.title_tintuc{
	height: 35px;
}

.img_tintuc{
	width: 100%;height: 205px;
}

.mota_tintuc{
	text-align: justify;height: 75px;margin-top: 5px;
}

.last{
	float: right;
	margin-right: 0;
	clear: right;
}

.box-list-chat {
    background: #0099e6 none repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
    bottom: 0;
    box-shadow: 0 0 3px #161616;
    display: none;
    min-height: 100px;
    position: fixed;
    right: 10px;
    width: 240px;
    z-index: 100;
}
.box-list-chat ul {
    list-style: outside none none;
    margin: 5px;
    padding: 0;
}
.box-list-chat ul li {
    border-bottom: 1px dotted #e68080;
    color: White;
    float: left;
    min-height: 14px;
    padding: 0;
    width: 100%;
}
.box-list-chat .closeChat {
    cursor: pointer;
    position: absolute;
    right: -7px;
    top: -14px;
}

.clear_right,#quangcao div.clear_right{
	float: right;
	margin-right: 0;
}


@media only screen and (max-width: 479px){
	
	#top {
	    height: 100%;
	    margin: 0 auto;
	    position: inherit;
	    width: 310px;
	    padding: 0 5px;
	}
	#banner {
	    height: 100%;
	    position: inherit;
	    top: 0;
	    width: 100%;
	    z-index: 0;
	}
	
	#banner  img{
		max-width: 100%;
	}
	
	#menu {
	    height: 56px;
	    position: inherit;
	    right: 0;
	    top: 129px;
	    width: 815px;
	    z-index: 10;
	    display: none;
	}
	
	#menu_re {
	    display: inline-block;
    	display: block;
    	height: 100%;
   		 width: 100%;
	}
	#lang {
	    height: 30px;
	    position: inherit;
	    right: 10px;
	    top: 10px;
	    width: 150px;
	    z-index: 10;float: right;
	    color: #000;
	    padding: 5px 0;
	}
	
	#lang a{
		color: #000;
	}
	
	#slideshow {
	    height: 420px;
	    position: inherit;
	    top: 185px;
	    width: 100%;
	    z-index: 0;
	    display: none;
	}
	#bottom-slideshow {
	    background: rgba(0, 0, 0, 0) url("../images/bottom-slideshow.png") repeat scroll 0 0;
	    bottom: 0;
	    height: 55px;
	    position: inherit;
	    width: 100%;
	    z-index: 5;
	    display: none;
	}
	
	#reslideshow{
		display: inline-block;	
		width: 100%;height: 100%;
	}
	
	#mid {
	    height: 100%;
	    margin: 0 auto;
	    width: 310px;
	    padding: 0 5px;margin-top: 0px;
	}
	
	#right {
	    float: inherit;
	    height: 100%;
	    margin-top: 10px;
	    width: 100%;
	}
	
	.divsanpham {
	    float: none;
	    height: 305px;
	    margin: 0 auto;
	    position: relative;
	    width: 215px;
	    margin-bottom: 10px;
	}
	
	.alight_right {
	    clear: none;
	    float: none;
	    margin-right: inherit;
	    margin: 0 auto;
	}
	.content_mid{
		width: 100%;height: 100%;padding-bottom: 10px;clear: both;
	}
	
	#left {
	    float: inherit;
	    height: 100%;
	    width: 285px;
	    margin: 0 auto;
	}
	
	#bottom {
	    background: #317BBD;
	    height: 100%;
	    margin: 0 auto;
	    position: inherit;
	     width: 310px;
	    padding: 10px 5px;margin-top: 40px;
	}
	
	.bottom {
	    color: #fff;
	    font-weight: 600;
	    left: 90px;
	    line-height: 25px;
	    position: inherit;
	    top: 100px;
	    width: 100%;
	}
	
	.facebook {
	    color: #fff;
	    height: 100%;
	    position: inherit;
	    right: 90px;
	    top: 110px;
	    width: 100%;
	}
	
	.view-face {
	    padding: 5px 0;
	}
	
	.visit {
	    bottom: 10px;
	    left: 0;
	    position: inherit;
	    z-index: 10;
	    padding: 5px 0;
	}
		
	.left1 {
	    float: left;
	    width: 100%;
	}
	
	.left2 {
	    float: right;
	    width: 96%;
	    padding: 2%;
	}
	.left4 {
	    float: left;
	    margin-right: 0%;
	    width: 25%;
	}
	
	.left4 img {
	    border: 1px solid #eee;
	    height: 80px;
	    width: 80px;
	}
	
	.doitac{
		display: none;
	}
		
	/*
	#main{
		width: 310px;
		height: auto;
		margin: 0 auto;
	}
	#top{
		width: 100%;height: auto;
		border-top: 4px solid #b71010;
		position: inherit;
	}
	
	#social{
		width: 100%;
		height: 30px;position:inherit;
		top: 0;right:0px;
		background: url("../images/social.png") center no-repeat;
		text-align: center;
		z-index: 10;
		padding-top: 0;
	}
	
	#banner{
		width: 100%;height: 42px;position: inherit;top: 0;z-index: 0;
	}
	#banner img{
		width: 100%;
	}

	#menu{
		display: none;
		background: rgba(0, 0, 0, 0) url("../images/menu.png") repeat scroll 0 0;
	    bottom: 0;
	    height: 50px;
	    position: inherit;
	    width: 100%;
	}
	
	#menu_re{
		width: 100%;height: 100%;display: block;
	}

	#cart{
		width: auto;height: 57px;
		position: inherit;right: 0px;	
		text-align: center;
		background:#fff url("../images/mycart.png") no-repeat left center;
		background-position: 50px;
		padding: 10px;
	}
	
	.gach {
	    border-right: 0px dashed #d5d4d4;
	    border-bottom: 1px dashed #d5d4d4;
	}
	.support_top_left {
	    float: left;
	    height: 100%;
	    margin-right: 0%;
	    width: 100%;
	    padding: 5px 0;
	}
	
	#sldieshow{
		display: none;
	}

	#mid{
		width: 100%;height: 100%;
		 padding: 10px 0;
	}
	#right{
		width: 100%;float: left;
	}
	
	
	.content_mid {
	    padding: 10px;
	}
	
	.divsanpham {
	    float: left;
	    height: 315px;
	    margin-bottom: 20px;
	    margin-right: 6px;
	    position: relative;
	    width: 300px;
	}
	
	.left1 {
	    float: left;
	    width: 100%;
	}
	
	.left2 {
	    float: right;
	    width: 96%;
	    padding: 2%;
	}
	.left4 {
	    float: left;
	    margin-right: 0%;
	    width: 25%;
	}
	
	.left4 img {
	    border: 1px solid #eee;
	    height: 80px;
	    width: 80px;
	}
	
	
	#left{
		width: 100%;float: right;
	}
	
	.left{
		width: 210px;
		margin:  0 auto;
	}	
	
	#quangcao {
	    height: 100%;
	    width: 100%;
	}
	#quangcao div{
		width: 100%;
	}
	
	.dk {
	    background: rgba(0, 0, 0, 0) url("../images/dk.png") repeat right;
	    height: 105px;
	    position: relative;
	    width: 100%;
	}
	.dk .email {
	    border: medium none;
	    height: 35px;
	    position: absolute;
	    right: 150px;
	    top: 30px;
	    width: 150px;
	}
	
	#bottom {
	    background: #fff url("../images/bottom.png") top no-repeat;
	    height: 100%;
	    width: 100%;
	}
	
	.khungbottom {
	    float: left;
	    padding: 10px 5%;
	    width: 90%;
	}
	
	.footer {
	    height: auto;
	    margin-left:0px;
	    width: 90%;
	}
	*/
	
	
}