.btnDatmua {
	width:129px;
	height:24px;
	background:url(./images/btn_datmua.jpg) top left no-repeat;
	margin:5px auto;
}
/*-----------------------------------------------------------------------------------------------*/
#news {
	font-size:12px;
	padding:0px 10px;
}
#news .title, #news .title a{
	display:block;
    color:#1b1f91;
	margin-top:0px;
	font-size:14px;
    color: #00344F;
}
ul#news {
	list-style: none;
	padding: 0px !important;
}
ul#news li {padding: 0px 10px;}
ul#news .postdecription li:first-child {padding-left: 0px;}
#news .title {padding: 3px 0px;}
#news .title:hover, #news .title a:hover{
    color:#1b3c91;
}
#news h1.title{
	font-size:18px;
}
.note,.content{
	color:#5b5b5b;text-align: justify;
	line-height:16px;
}
.content img {max-width: 100%;}
.dateUpdate{
	margin-bottom:5px;
	font:12px Time New Roman;
	color:#898888;
	font-weight:none;
	margin-top:5px;
	line-height:15px;
}
.imgNewssmart{
	float:left;
	margin:3px 5px;
	margin-left:0px;
}
.imgNewssmart img{
	border:1px #ccc solid;
	padding:1px;
	max-width: 90px;
	width: expression( this.scrollWidth > 91 ? "90" : "auto" );
	max-height: 90px;
	height: expression( this.scrollHeight > 91 ? "90" : "auto" );
}
.imgNews{
	float:left;
	width: 206px;
	max-height: 144px;
	margin-right:8px;
	border:1px #aeaeae solid;
	background-color:#fff;
	padding:2px 2px;
	text-align:center;
}
.imgNews img{
	max-width: 200px;
	width: expression( this.scrollWidth > 200 ? "200" : "auto" );
	max-height: 130px;
	height: expression( this.scrollHeight > 131 ? "130" : "auto" );
	vertical-align:middle;
	text-align:center;
}
.imgNewsBig{
	width: 100%;
	max-height: 244px;
	margin-right:8px;
	border:1px #aeaeae solid;
	background-color:#fff;
	padding:2px 2px;
	text-align:center;
}
.dtcontent img {
	max-width: 100%;
	height: auto;
}
.imgNewsBig img{
	max-height: 230px;
	height: expression( this.scrollHeight > 230 ? "230" : "auto" );
	vertical-align:middle;
	text-align:center;
}

.newsOther{
	margin-left:5px;
	background: url(../images/icon_other.gif) 0px 10px no-repeat;
	padding:8px;
	padding-left:15px;
	color:#000;
	line-height:24px;
}
.newsOther:hover{
	color:#000;
}
.dateOther {
	font:11px Times New Roman;
	color:#a2a2a2;
	font-weight:none;
	line-height:22px;
}
.imgSubNews{
	float:left;
	width:60px;
	margin-right:10px;
	margin-bottom:5px;
}
.imgSubNews img{
	border:1px #c0c0c0 solid;
	padding:1px;
	width:60px;
	vertical-align:middle;
	max-height:60px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*-----------------------------------------------------------------------------------------------*/
.products {
	float:left;
	position:relative;
	width:223px;
	height:260px;
	overflow:hidden;
	margin:10px 10px;
	background:#fff;text-align:center;
	border:1px #cdcdcd solid;
}
.products .title, .products .title a{
	position:relative;
	clear:both;
    color:#000;
	font:14px;text-transform:uppercase;
	text-align:center;
	overflow:hidden;
	font-weight:bold;
	margin:5px;
}
.products .note{display:none;margin-top:5px;color:#716f6f;}
.products .promo{display:none;position:absolute;top:0px;left:0px;padding:10px;text-align:left;width:100%;height:100%;color:#fff;background-color:rgba(127, 155, 171, 0.7);}
.products .viewdetail {position:absolute;z-index:2;bottom:10px;padding:2px 30px;background:#efefef;color:#000;left:32%;height:24px;}
.products .viewdetail a{
	display:block;
}

.priceold{
	text-decoration: line-through;
    color:#aaaaaa;
	text-align:center;
	margin-bottom:5px;
	font-size:12px;
}
.price{
	padding:3px 10px;
    color:#ff0036;
	font-size:14px;
	text-align:center;
	margin-bottom:5px;
}
.imgPro{
	width: auto;
	height:160px;margin:0px auto;
	text-align:center;
}
.imgPro img{
	padding:2px;margin:0px auto;
	max-width: 160px;
	width: expression( this.scrollWidth > 160 ? "160" : "auto" );
	max-height: 160px;
	height: expression( this.scrollHeight > 160 ? "160" : "auto" );
	border-bottom:0px;
}
.imgProDetail{
	padding:2px;
	max-width: 240px;
	width: expression( this.scrollWidth > 240 ? "240" : "auto" );
	max-height: 136px;
	height: expression( this.scrollHeight > 240 ? "240" : "auto" );
}
.btnDathang{
	clear:both;
	margin:10px auto;
	padding:10px 20px;
	text-align:center;
	background:#088e89;color:#fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.btnDathang a{
	display:block;color:#fff;font-size:18px;
}
.btnDathang a span{
	color:#fff;font-size:12px;
}
.productsDetailTab{background:#ececec;border-bottom:2px #dddddd solid;padding:5px 40px;margin-bottom:10px;height:33px;}
.productsDetailTab ul{list-style:none;}
.productsDetailTab li{float:left;text-align:center;color:#484848;padding:0px 10px;cursor:pointer;font-weight:bold;}
.productsDetailTab li.active,.productsDetailTab li:hover,.productsDetailTab li:focus,.productsDetailTab li:active{color:#10918c;}
.productsDetailTab li .radio{color:#10918c;}
.productsDetailTab li label{display:block;}
/*-------------*/
#vitri2 .widget1title .title{
    background: #0079bb;
    padding: 10px 0px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    border-bottom: 1px solid red;
}
#vitri2 #widgetPContent {padding: 0px;background: #fff;}
#vitri10 .products {width:203px;}
#vitri10 .imgPro{
	width: 203px;
	height:144px;
	text-align:center;
	border:1px #cacaca solid;
}
#vitri10 .imgPro img{
	padding:2px;margin:0px auto;
	max-width: 203px;
	width: expression( this.scrollWidth > 203 ? "203" : "auto" );
	max-height: 144px;
	height: expression( this.scrollHeight > 144 ? "144" : "auto" );
	border-bottom:0px;
}

/*------------------------------------------------------------------*/
#subBox{
	list-style:none;
	padding:0px;
	margin:0px;
}
#subBox li{
	clear:both;
	width:auto;
	color:#000;
	background:none;
	margin:0px;
	padding:0px 0px;
	padding-left:4px;
}
#subBox li:first-child{
	padding-top:0px;
}
#subBox li.nobg{
	background: none;
	padding-left:4px;
}
#subBox li .title, #subBox li a{
	display:block;
	color:#005183;font-weight:normal;
}
#subBox li .imgSubNews{
	float:left;
	width:60px;
	max-height:60px;
	padding:1px;
	margin-right:10px;
	border:1px #000 solid;
}
#subBox li.breakline {
	background:none;
}
#subBox li.last {border:0px;}
/*------------------------------------------------------------------*/
#subBoxMenu{
	clear:both;
	list-style:none;
	padding:0px;
	margin:0px;
}
#subBoxMenu li{
	clear:both;
	color:#696969;
	background:none;
	margin:0px;
	padding:3px 0px;
	padding-left:4px;
	background: url(../images/subBoxMenu.gif) 0px center no-repeat;
}
#subBoxMenu li .icon{
	color:#e41515;	
}
#subBoxMenu li .title, #subBoxMenu li a{
	display:block;
	color:#696969;
}
#subBoxMenu li .imgSubNews{
	float:left;
	width:60px;
	max-height:60px;
	padding:1px;
	margin-right:10px;
}
#subBoxMenu .breakline {
	
}
#subBoxMenu li.last {border:0px;}
/*-----------------------------------------------------------------------------------------------*/
#widgetP {
	margin-bottom:10px;
}
#widgetPTitle {
	position:relative;
	padding:0px 0px; 
}
#widgetPTitle .title.detailt {
    background: #fff;
    color: #333333;
    text-transform: none;
    font-weight: normal;
    border-bottom: 1px solid #c9d0d6;
    margin-bottom: 5px;
}
#widgetPTitle .title.detailt a{
    color: #333333;
    text-transform: none;
    font-weight: bold;
}
#widgetPTitle .title{
	margin:0px;
	color:#fff;
	font: 14px 'Arial';font-weight:bold;
	text-transform:uppercase;
	border-bottom:2px #ed1c24 solid;
    background: #0079bb;
    padding: 10px 10px;
    color: #fff;
    font-weight: bold;
}
#widgetPTitle .title a {color: #fff;}
.viewall {
    float: right;
    background: url(../images/arrow-right.png) right center no-repeat;
    padding-right: 15px;
}
.viewall a {
    color: #fff;
    text-transform: none;
    font-weight: normal;
}
#widgetPTitle .toolRight {
	position:absolute;top:5px;right:15px;
	font-weight:normal;
	color:#9b9b9b;line-height:26px;
	text-align:left;
	font-size:12px;
	margin-top:-3px;
	text-transform:none;
}
#widgetPTitle .toolRight a{
	color:#fff;font-weight:normal;margin:0px 5px;
}
#vitri3 #widgetPContent {min-height: 320px;}
#widgetPContent {
	border:1px #e7e7e7 solid;
	padding-top:5px;
    padding: 10px 0px 0px 5px;
    background: #fff;
}
#widgetPFooter{
	line-height:0px;
	font-size:0px;
	height:1px;
}

/*-----------------------------------------------------------------------------------------------*/
#widget1 {
	margin-bottom:10px;
}
#widget1Title {
	position:relative;
	padding:0px; 
}
#widget1Title .title{
	margin:0px;
	height:40px;
	color:#000;
	font: 14px 'Arial';font-weight:bold;
	text-transform:uppercase;
	border-bottom:4px #e6e6e6 solid;
}
#widget1Title .title a{
	color:#000;
	font: 14px 'Arial';font-weight:bold;
	text-transform:uppercase;
	padding:11px 10px;padding-right:40px;
	line-height:38px;
	color:#000;background:#e6e6e6 url(../images/widgetPTitle_bg.gif) right top no-repeat;
}

#widgetPTitle .toolRight {
	position:absolute;top:10px;right:15px;
	font-weight:normal;
	color:#fff;line-height:26px;
	text-align:left;
	font-size:12px;
	margin-top:-3px;
	text-transform:none;
}
#widgetPTitle .toolRight a{
	color:#align;font-weight:normal;margin:0px 5px;
}
#widget1Content {
	border:1px #e7e7e7 solid;
	padding: 0px 10px;
	padding-top:5px;
}
#widget1Footer{
	line-height:0px;
	font-size:0px;
	height:1px;
}

/*-----------------------------------------------------------------------------------------------*/
/*contact-------------------*/
#contact table tr td {
	vertical-align:top;
}
#contact {  width:600px;  }
.contactinfo { line-height:auto;}
#contact input.input { background:#fff url(../images/bginput.gif) left top repeat-x; border:1px solid #d2d2d2; margin-bottom: 15px; width: 345px;padding:2px 5px;
}
#contact select.input { margin-bottom: 15px; width: 195px; height:21px;padding:0px 5px;
}
#contact textarea.input { width: 345px; height: 80px; margin-bottom: 15px;padding:5px; border: none; line-height: 18px; background:#fff url(./images/bgtext.gif) top left repeat-x; border:1px solid #d2d2d2;
}
#contact .formbutton { position: relative; left: -12px;}#contact label.capt { background: none; width: 420px;}
#contact label.capt img { float: left;}
/*contact-------------------*/
/*LOADMORE-------------------*/
#loadmore {
	clear:both;
	background:#fff;
	cursor:pointer;
	margin:10px auto;
	width:94%;
	height:30px;
	line-height:30px;
	border:1px #cccccc solid;
	border-bottom:1px #ababab solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	color:#565656;
	text-align:center;
	font-weight:bold;
	max-width:600px;
}
/*--Ð?nh d?ng trang rao v?t--*/
#raovat-list {
    width: 100%;
    min-height: 80px;
    max-height: 150px;
    border: 1px solid #c9d0d6;
    padding: 20px;
    background: #fff;
    position: relative;
}
.viewdetailt {
    position: absolute;
    top: 60px;
    right: 20px;
    background: #dc182e;
    padding: 8px 40px;
}
.viewdetailt a {
    color: #fff;
}
/*--Ð?nh d?ng trang dang ký dang nh?p--*/
#register {
    width: 500px;
    margin: 30px auto 10px auto;
}
#login {
    width: 400px;
    margin: 30px auto 10px auto;
}
.account {
    padding: 10px;
    background: #eeeeee;
    margin-bottom: 10px;
}
label {font-weight: bold;width: 100%;float: left;}
.input {
    width: 100%;
    margin: 10px 0px;
    border: 1px solid #cdcdcd;
    padding: 5px;
    box-shadow: 4px 5px 3px -4px #ccc inset;
}
.button {
    padding: 7px 30px;
    border-radius: 3px;
    background: #015e97;
    border: 1px solid #015e97;
    border-bottom: 2px solid #00385b;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    float: right;
}
#breadcrumb {
    list-style: none;
}
#register #breadcrumb li.icon {
    width: 30px;
    height: 30px;
    background: #232323 url(../images/account_register.png) center center no-repeat;
}
#login #breadcrumb li.icon {
    width: 30px;
    height: 30px;
    background: #232323 url(../images/account_login.png) center center no-repeat;
}
#breadcrumb li.account-line {
    width: 15px;
    height: 30px;
    background: #232323 url(../images/account_line.gif) top left no-repeat;
}
#breadcrumb li.account-arrow {
    width: 16px;
    height: 30px;
    background: url(../images/account_arrow.png) top left no-repeat;
}
#breadcrumb li {
    margin: 0px;
    padding: 0px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding: 0px 10px;
    background: #232323;
    float: left;
}
/*------Ð?nh d?ng trang thông tin cá nhân----*/
.small {
    width: 49%;
    float: left;
    margin-right: 1%;
    padding: 10px 0px;
}
.smalla:last-child {margin: 0px;}
.avatar {
    width: 160px;
    height: 160px;
    line-height: 160px;
    text-align: center;
    border: 1px solid #dfdfdf;
    background: #fff;
    position: relative;
}
.avatar img {vertical-align: middle;max-width: 158px; max-height: 158px;}
.fileUpload {
    width: 185px;
    height: 30px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #232323;
    opacity:  0;
    z-index: 2;
    cursor: pointer;
}
.avatar ul {position: absolute;bottom: 1px; left: 1px; z-index:1;width: 156px; height: 30px; background: url(./images/pi.png) top left repeat; list-style: none;}
.avatar li {padding-left: 5px;float: left;margin: 0px;line-height: 30px; color: #424242;font-style:italic;}
.avatar li.img-cam {
    width: 30px;
    height: 30px;
    float: right;
    background: url(../images/cam.png) center center no-repeat;
}
.btn-upload {
    padding: 2px;
    width: 147px;
    border: 1px solid rgb(204, 204, 204);
    background: rgb(76, 158, 217) none repeat scroll 0% 0%;
    color: #fff;
}
.mem p{
    color: #232323;
    padding: 2px 0px;
}
.memTitleBar {
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 10px 0px;
}
.bar {
    float: right;
    margin-top: 10px;
}
h2.mem-title {
    float: left;
    padding: 0px 20px;
    display: block;
    background: #232323;
    color: #fff;
}
.memTitleBar span, .bar span {
    float: right;
    padding: 0px 10px 0px 15px;
    background: url(../icon/icon_edit.png) center left no-repeat;
}
.bank {width: 200px;border-bottom: 1px dashed #ccc;padding: 10px 0px;}
.bank:last-child {border: 0px;}
.bold {font-weight: bold;}
.event {width: 310px;float: left;position: absolute;left: 50%; margin-left: -30px;top: 10px;}
.event .text {float: left;}
.event .text h1 {font-size: 24px;color: #fff;line-height: 40px;}
.event .text p {color: #fff;text-align: center;}
/*----POPUP d?i thông tin thành viên----*/
.changepasspopup,
.addbankpopup, 
.editcontactpopup,
.editmeminfopopup, 
.editbankpopup, 
.forgotpasspopup, 
.sendmailpopup, 
.errorpopup, 
.deleteraovatpopup,
.deleteraovatproductpopup,
.vipbuypopup {
    width: 100%;
    height: 100%;
    background: url(../images/position.png) top left repeat;
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    display: none;
}
.popupShow {
    border: 1px solid #333333;
    position: fixed;
    width: 450px;
    min-height: 340px;
    background: #fff;
    z-index: 9;
}
.popupContent {
    padding: 10px;
}
.popuptitle {
    background: #0079bb;
}
.popuptitle h2 {float: left;padding: 10px 10px;text-transform: uppercase; font-weight: bold;color: #fff;}
.popuptitle span {
    padding: 3px 10px;
    background: #fff;
    color: #000;
    float: right;
    margin-top: 6px;
    margin-right: 10px;
}
.closepopup {
    cursor: pointer;
}
/*-----Ð?nh d?ng các thông báo trên website------*/
.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 10px 10px;
}
.warning {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 10px 10px;
}
.select {
    padding: 0px;
    -webkit-padding-before: 5px;
    -webkit-padding-after: 5px;
}
.select option {
    padding: 5px;
}
#notice {
    background: #f2dede;
    margin: 0px 0px 10px 0px;
}
#notice ul {
    list-style: none;
    padding: 10px;
    color: #a9445f;
}
#notice h2 {
    background: #e11f27;
    padding: 10px 10px;
    color: #fff;
    font-weight: bold;
}
/*------Ð?NH D?NG TRANG DANH SÁCH----------*/
.postdecription {
    list-style: none;
    font-size: 11px;
    color: #808080;
}
.postdecription a {color:  #808080;}
.postdecription li {float: left; padding: 0px 20px;}
.postdecription li:first-child {padding: 0px;}
.view {float: right !important;}
.muatinvip {
    text-align: center;
    display: block;
    width: 100px;
    margin: 10px 0px;
}
.muatinvip a {
    color: #333;
    display: block;
    background: #f6e104;
    padding: 5px 0px;
}
.iconvip {
    width: 61px; 
    height: 23px; 
    position: absolute;
    top: 0px; 
    right:20px;
    background: url(../images/vip_icon.png) top left no-repeat;
}
/*-------Ð?NH D?NG TRANG H?I - ÐÁP------------*/
#faqs ul {list-style: none;}
#faqs li {border-bottom: 1px dashed #8e8e8e;padding:5px 0px;}
#faqs li:last-child {border:0px;}
#faqs li a {color: #00344f;}
.faqs-title {padding: 10px 30px; background: url(../images/icon_faqs.png) center left no-repeat;}
/*-----------Ðinh dang phan trang------------*/
ul.pager {
	list-style: none;
    float: right;
    margin: 10px;
}
ul li.disable {display: none;}
ul.pager li {
	position: relative;
    right: 0px;
	float: left;
}
ul.pager li a {
	display: block;
    padding: 12px 12px;
    background: #0079bb;
    font-size: 15px;
    border: 1px solid #fff;
    color: #fff;
	font-size: 16px;
}
ul.pager li.active a, ul.pager li a:hover {
	background: #e11f27;
	transition: background .5s;
	transition-timing-function: ease-in;
}