ul{
	padding:0;
}
ul li{
	list-style: none;
}

.list_product .box_product{
	border-bottom:1px solid #cecece;
}
.list_product .list_category .thumb img,
.member .tab-content img{
	max-width:100%;
	height:auto;
	border-radius:12px;
}
.member .tab-content a{
	color:#333;
}
.list_product .list_category .btn,
.member .member_home .tab-content .btn{
	padding:2px 5px;
	font-size:12px;
	color:white;
}


.table  .actions .btn{
	display:inherit;
}

/*******#banner2*********/
#banner2{
	margin-top:15px;
}
#banner2 .item img{
	width:100%;
	height:auto;
}
/**********************/
.box_product_marker{
	margin:10px 0;
}

/********tab_right_user**********/

#control-sidebar-home-tab .user-header {
  height: 125px;
  padding: 10px;
  text-align: center;
}
#control-sidebar-home-tab .user-header img{
	margin-bottom:10px;
}
#control-sidebar-home-tab .user-footer div{
	text-align:center;
}

/***** .box_post *****/
.list_post .box_content .box_post {
/* 	width: 269px; */
/* 	padding: 0 10px 10px 0; */
/* 	float: left; */
	position: relative;
	z-index: 1;
/* 	margin: 5px 0; */
}

.list_post .box_content .box_post .thumb {
	margin: 0 0px 5px 0;
	border: 1px solid #eee;
	padding: 2px;
}
.list_post .box_content .box_post .thumb img{
	width:100%;
	height:auto;
}

.list_post .box_content .box_post:hover .thumb {
	border: 1px solid #aaa;
}

.list_post .box_content .box_post a.name {
	font-weight: bold;
	line-height: 16px;
	color: #333;
}
.list_post .box_content .box_post p.datetime{
	font-size: 11px;
	color: #666;
	font-style: italic;
}
.list_post .box_content .box_post p {
	text-align: justify;
}

.list_post .box_content .box_post a.more {
	font-style: italic;
}

/********product_category********/

.list_product .box_list_product_2 .item{
	padding:10px;
}
.list_product .box_list_product_2 .box_product {
/* 	width: 185px; */
/* 	float: left; */
/* 	margin: -1px 0 0 -1px; */
/* 	padding: 8px 0; */
	position: relative;
	width:100%;
	box-shadow: 0 3px 9px 0 rgba(0,0,0,.08);
	border: 1px solid #e5e8ee;
	border-radius: 10px;
}
.list_product .box_list_product_2 .box_product .box_pro_info{
	background-image: linear-gradient(to bottom,#f6f7f9 0,rgba(125,185,232,0) 100%);
	padding: 20px 10px 0;
}
.list_product .box_list_product_2 .box_product .box_button{
	padding: 15px 15px 14px;
	background-color: #f6f7f9;
	border-top: 1px solid #e5e8ee;
	text-align: center;
}
.list_product .box_list_product_2 .box_product .box_button a{
	padding: 11px 10px;
	background-color: #48cd89;
	border-radius: 28px;
	border: 1px solid #3ec07e;
	font: 500 10.5px "Helvetica Neue",Helvetica,sans-serif,Verdana;
	letter-spacing: .7px;
	color: #fff;
	width: 120px;
	margin: 0 auto;
	display:block;
}

.list_product .box_list_product_2 .box_product .thumb {
	position: relative;
	text-align: center;
	width:100%;
	margin-bottom:10px;
	padding: 0px;
	overflow: hidden;
/* 	height: 118px; */
}
.list_product .box_list_product_2 .box_product .thumb a{
	display: block;
	line-height: 1px;
}
.list_product .box_list_product_2 .box_product .thumb a img{
	max-width:100%;
	height:auto;
	border-radius: 10px;
}

.list_product .box_list_product_2 .box_product .thumb span {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	background-image: url(img/icon.png);
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: blink;
}


.list_product .box_list_product_2 .box_product .product-discount.sale {
    background:#9e0b0f;
	font-size: 15px;
	color:#fff;
    position: absolute;
    padding: 2px 5px;
    bottom: 0;
    right: 0;
}

.list_product .box_list_product_2 .box_product .thumb span.promotion {
	top: 30px;
	right: 1px;
	background-position: -30px 0;
}
.list_product .box_list_product_2 .box_product .name{
	text-align:center;
}
.list_product .box_list_product_2 .box_product .name a{
	color: #333;
}
.list_product .box_list_product_2 .box_product p {
	text-align: center;
	padding: 0 5px;
}
.list_product .box_list_product_2 .box_product p.price{
	height: 20px;
	overflow: hidden;
}
.list_product .box_list_product_2 .box_product p.price {
	color: #ff0000;
}
.list_product .box_list_product_2 .box_product p.price span.old {
	color: #999;
	text-decoration: line-through;
}


/** table.list **/
.content table.list{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 10px;
}
.content table.list tr.first th{
	border-bottom: 1px solid #ddd;
	line-height: 30px;
	background: #FAFAFA;
}
.content table.list,
.content table.list tr{
	border-bottom: 1px solid #F2F2F2;
}
.content table.list td,
.content table.list th{
	padding: 4px 5px;
	border: 1px solid #f8f8f8;
	text-align: left;
}
.content table.list td.new{
	background: url(img/new.gif) no-repeat;
}
.content table.list p.email,
.content table.list p.email a{
	font-size: 11px;
	color: #777;
	font-style: italic;
	margin: 0;
	line-height: 15px;
}
.content table.list td.small,
.content table.list th.small{
	white-space: nowrap;
}
.content table.list td.cate{
	width: 100px;
}
.content table.list td.cate a.unactive{
	color: #DD2827;
	text-decoration: line-through;
}
.content table.list td.cate div,
.content table.list td.cate div a{
	font-size: 11px;
	color: #666;
	line-height: 14px;
	font-style: italic;
}
.content table.list td.center,
.content table.list th.center{
	text-align: center;
}
.content table.list td.action{
	position: relative;
}
.content table.list tr:hover{
	background: #F2F2F2;
}
.content table.list tr.sub_info{
	display: none;
}
.content table.list tr.sub_info a.act_more{
	padding: 13px 7px 2px;
	background-position: -41px -77px;
}
.content table a.asc{
	background: url(img/asc.png) right 4px no-repeat;
	padding-right: 10px;
}
.content table a.desc{
	background: url(img/desc.png) right 4px no-repeat;
	padding-right: 10px;
}
.content table a.act,
.content a.act,
.content span.act{
	padding: 1px 7px;
	background-image: url(img/icon.png);
}
.content table a.act:hover,
.content a.act:hover{
	text-decoration: none;
}
.content table a.active,
.content a.active{
	background-position: -18px -20px;
}
.content table a.unactive,
.content a.unactive{
	background-position: 1px -20px;
}
.content table a.add{
	background-position: -80px -20px;
}
.content table a.add:hover{
	background-position: -101px -20px;
}
.content table a.view{
	background-position: -40px -20px;
}
.content table a.view:hover{
	background-position: -60px -20px;
}
.content table a.view_link{
	background-position: -179px -0px;
}
.content table a.view_link:hover{
	background-position: -199px 0px;
}
.content table a.edit,
#comment a.edit{
	background-position: -120px -20px;
}
.content table a.edit:hover,
#comment a.edit:hover{
	background-position: -140px -20px;
}
.content table a.delete,
#comment a.delete{
	background-position: -160px -20px;
}
.content table a.delete:hover,
#comment a.delete:hover{
	background-position: -180px -20px;
}
.content table a.trash{
	background-position: -201px -20px;
}
.content table a.trash:hover{
	background-position: -221px -20px;
}
.content table a.restore{
	background-position: -201px -41px;
}
.content table a.restore:hover{
	background-position: -221px -41px;
}
.content table a.up{
	background-position: -40px -41px;
}
.content table a.up:hover{
	background-position: -60px -41px;
}
.content table a.down{
	background-position: -0px -41px;
}
.content table a.down:hover{
	background-position: -20px -41px;
}
.content table a.download{
	padding: 4px 11px;
	background-position: -83px -63px;
}
.content table a.download:hover{
	background-position: -111px -63px;
}
.content table a.folder{
	background-position: -100px -0px;
	margin: 0 4px 0 3px;
}
.content span.folder{
	background-position: -100px -0px;
	margin: 0 4px 0 3px;
}
.content span.folder.unactive{
	background-position: -221px -0px;
}
.content table a.folder.sub_1{
	background-position: -120px -0px;
	margin: 0 4px 0 15px;
}
.content table a.folder.sub_2{
	background-position: -140px -0px;
	margin-left: 30px;
}
.content table a.folder.sub_3{
	background-position: -160px -0px;
	margin-left: 45px;
	padding: 1px 2px;
}
.content table a.folder.sub_4{
	background-position: -160px -0px;
	margin-left: 55px;
	padding: 1px 2px;
}
.content table a.folder.sub_5{
	background-position: -160px -0px;
	margin-left: 65px;
	padding: 1px 2px;
}

.content table a.more{
	background-position: -81px -40px;
}
.content table a.more:hover{
	background-position: -101px -40px;
}
.content table a.not-more{
	background-position: -239px -40px;
}
.content table a.sub{
	background-position: -120px -40px;
}
.content table a.sub:hover{
	background-position: -140px -40px;
}
.content table.list a.display{
	background: #e79f3b;
}
.content table.list div.display{
	position: relative;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
}
.content table.list div.display:hover ul{
	display: block;
}
.content table.list div.display ul{
	text-align: left;
	position: absolute;
	top: 0px;
	left: 20px;
	padding: 0 6px;
	display: none;
	z-index: 1000;
	background: #fff;
	border: 1px solid #888;
	box-shadow: 0 0 3px #999;
	opacity: 0.94;
	color: #333;
	width: 220px;
	list-style:none;
}
.content table.list div.display a{
	color: #333;
	margin-left: 7px;
}
.content table.list div.display a.act{
	margin: 0;
	color: #fff;
}
.content table.list div.display ul li{
	line-height: 24px;
}
.content table.list input.small{
	width: 30px;
	text-align: center;
}
.content table.list input.medium{
	width: 100px;
}
.content table.list input.larger{
	width: 200px;
}
.content table.list select.small{
	width: 60px;
	text-align: center;
}
.content table.list select.medium{
	width: 120px;
}
.content table.list select.larger{
	width: 180px;
}
.content table.list p.time{
	font-size: 11px;
	color: #888;
}
.content table.list .thumb{
	position: relative;
}
.content table.list .thumb .discount{
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(img/discount.png) left top no-repeat;
}
.content table.list .thumb .promotion{
	position: absolute;
	bottom: 0;
	width: 16px;
	height: 16px;
	right: 0;
	background: url(img/promotion.gif) center no-repeat;
}
.content table.list .view-comment{
	font-size: 10px;
	margin: 0;
}
.content table.list .view-comment a.red{
	color: #DB261D;
}
.content table.list .view-comment p.code,
.content table.list .view-comment p.view{
	width: 140px;
	float: left;
	margin: 0;
}
.content table.list .view-comment p.code{
	font-style: normal;
}
.content table.list .view-comment,
.content table.list .view-comment a{
	color: #888;
	font-style: italic;
}
.content table.list tr.child a.child{
	background-position: -42px -88px;
	margin-right: 3px;
}
.content table.list tr.child p.email{
	padding-left: 22px;
}
.content table.list div.des{
	height: 40px;
	overflow: hidden;
}
.content table.list p.answer{
	text-align: right;
}
.content table.list a.quantity{
	font-size: 11px;
	font-style: italic;
	color: #DDAA00;
	margin-left: 6px;
}
.content table.list p.answer a{
	color: #fff;
	background: #333;
	padding: 1px 10px;
	font-size: 10px;
	font-weight: bold;
}
.content table.list hr{
	border: none;
	border-top: 1px solid #aaa;
	margin-bottom: 0;
}
.content table.list p.s{
	font-size: 10px;
	color: #777;
	font-style: italic;
	margin: 0;
}
.content table.list span.error{
	color: #ff0000;
	font-weight: bold;
	text-decoration: blink;
	font-size: 11px;
}
.content table.list span.counter{
	padding-left: 8px;
}
.content table.list span.counter,
.content table.list span.counter a{
	font-size: 11px;
	color: #DD2827;
}



/**** .order_detail ****/
.content table.order_detail .center{
	text-align: center;
}
.content table.order_detail p.name{
	font-weight: bold;
}
.content table.order_detail p.status{
	color: green;
}
.content table.order_detail p.promotion{
	color: #ff0000;
	font-style: italic;
}
.content table.order_detail p.old{
	text-decoration: line-through;
	color: #555;
}
.content table.order_detail .new{
	font-weight: bold;
}
.content table.order_detail p.discount{
	font-style: italic;
	color: #ff0000;
}
.content table.order_detail tr.total th{
	background: none;
	text-align: right;
}
.content table.order_detail tr.total th,
.content table.order_detail tr.total td{
	font-weight: bold;
	color: #ff0000;
	white-space: nowrap;
	border: none;
}

/***** #related ****/
table.add #related ul{
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
}
table.add #related ul li{
	float: left;
	width: 165px;
	height: 70px;
	margin: 0 5px 5px 0;
	border: 1px solid #ddd;
	overflow: hidden;
	padding: 5px;
}
table.add #related div.thumb{
	float: left;
}
table.add #related div.name{
	margin-bottom: 3px;
}
table.add #related a{
	color: #333;
}



/** table.add **/
.content table.add{
	margin: 10px 0px;
	color: #333;
	width:100%;
}
.content table.add tr th,
.content table.add tr td{
	padding: 8px 0;
	text-align: left;
}
.content table.add tr th{
	width: 150px;
}
.content table.add tr td{
/* 	padding-right: 50px; */
}
.content table.column1 tr td{
	padding-right: 0;
}
.content table.add th.title{
	padding: 15px 0;
}
.content table.add th.title h3{
	font-size: 14px;
	background: #555;
	color: #fff;
	font-size: 13px;
	display: inline;
	padding: 3px 25px;
	border-radius: 15px;
	box-shadow: 0 0 3px #888;
}
.content table.add .description td{
	padding: 0;
}
.content table.add tr input{
	padding: 4px 5px;
	margin-left: 0;
}
.content table.add tr input.small{
	width: 50px;
}
.content table.add tr input.medium{
	width: 250px;
}
.content table.add tr input.larger{
	width: 450px;
}
.content table.add span.size_img{
	margin-left: 20px;
	font-size: 12px;
	font-style: italic;
	color: #e67817;
}
.content table.add label.error{
	color: red;
	margin-left: 5px;
	font-style: italic;
}
.content table.add span.im{
	color: red;
}
.content table.add tr select{
	padding: 4px 5px 4px 2px;
}
.content table.add tr select.small{
	width: 60px;
}
.content table.add tr select.medium{
	width: 262px;
}
.content table.add tr select.larger{
	width: 452px;
	height: 100px;
}
.content table.add tr textarea{
	padding: 5px;
}
.content table.add tr textarea.small{
	width: 250px;
	height: 50px;
}
.content table.add tr textarea.medium{
	width: 450px;
	height: 50px;
}
.content table.add tr textarea.larger{
	width: 560px;
	height: 80px;
}
.content table.add tr textarea.robot{
	width: 700px;
	height: 420px;
}
.content table.add tr .display ul{
	width: 447px;
	border: 1px solid #aaa;
	float: left;
	padding: 6px;
	list-style:none;
}
.content table.add tr .display ul li{
	float: left;
	width: 200px;
	line-height: 26px;
}
.content table.add #more_category{
	margin-top: -1px;
	display: none;
}
.content table.add #more_category select{
	color: #444;
	background: #F7F7F7;
	border: 1px solid #aaa;
	padding-left: 3px;
}
.content table.add #more_category select option{
	padding: 2px 0;
}
.content table.add #more_category select option[value='']{
	font-weight: bold;
	font-style: italic;
}
.content table.add .more_image{
	width: 190px;
	float: left;
	text-align: center;
	margin: 0 2px 4px;
	background: #fff;
	padding: 8px 5px;
	border: 1px solid #ddd;
}
.content table.add .more_image input{
	width: 180px;
	border: 1px solid #aaa;
}
table.add a{
	color: blue;
}
.content ul.submit{
	margin: 25px 20px 10px;
	overflow: hidden;
}
.content ul.submit li{
	display: inline;
	position: relative;
}
.content ul.submit li span{
	position: absolute;
	top: -6px;
	left: 0;
	display: block;
	background: #ddd url(img/loading2.gif) center center no-repeat;
	z-index: 1000;
	height: 30px;
	width: 100%;
	display: none;
}
.content ul.submit input{
	width: 150px;
	padding: 6px 0;
	background: #888;
	border: none;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.content ul.submit input:hover{
	background: #F7C100;
	cursor: pointer;
}
.content ul.submit a.exit{
	text-align: center;
	padding: 6px 58px;
	background: #db251d;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
}
.content ul.submit a.exit:hover{
	text-decoration: none;
	background: #222;
}
.content table.one tr th{
	width: 200px;
}
.content table.one tr td input.small{
	width: 100px;
}

/*** loading ***/
#loading{
	margin-top: 2px;
	display: none;
}

#flashMessage{
	position:absolute;
	top:0;
	right:0;
	min-width:25%;
	z-index:9999;
}


/*** .pagination ***/
.paginator {
	text-align: right;
	display: block;
	float: right;
	margin-right: 15px;
	margin-top: 3px;
}
.paginator span{
	float: left;
	margin-left: 2px;
}
.paginator span a,
.paginator span.current,
.paginator span.page,
.paginator span.disabled{
	padding: 2px 6px 3px;
/* 	background: #eee; */
	border-radius: 4px; /* Opera 10.5, IE 9, Saf5, Chrome */;
/* 	border: 1px solid #ddd; */
	display: block;
	text-decoration: none;
}
.paginator span.page{
	background: #fff;
/* 	border: 1px solid #aaa; */
}
.paginator span.current,
.paginator a:hover {
/* 	border: 1px solid #999; */
	background: #ddd;
	color: #333;
}
.paginator a.disabled-page {
	color: #777;
}
.paginator a.disabled-page:hover {
	text-decoration: none;
	cursor: default;
}

.paginator.footer{
	margin-right: 5px;
	margin-bottom: 50px;
}



/*******#popup_member************/
#login-modal input[type=text], input[type=password] {
	margin-top: 10px;
}

#login-modal #div-login-msg,
#login-modal #div-lost-msg,
#login-modal #div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#login-modal #div-login-msg.success,
#login-modal #div-lost-msg.success,
#login-modal #div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#login-modal #div-login-msg.error,
#login-modal #div-lost-msg.error,
#login-modal #div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#login-modal #icon-login-msg,
#login-modal #icon-lost-msg,
#login-modal #icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#login-modal #icon-login-msg.success,
#login-modal #icon-lost-msg.success,
#login-modal #icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#login-modal #icon-login-msg.error,
#login-modal #icon-lost-msg.error,
#login-modal #icon-register-msg.error {
    background-color: #eb575b !important;
}

#login-modal #img_logo {
    max-height: 100px;
    max-width: 100px;
}

/* #########################################
   #    override the bootstrap configs     #
   ######################################### */

#login-modal .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

#login-modal .modal-content {
/*     background-color: #ececec; */
/*     border: 1px solid #bdc3c7; */
/*     border-radius: 0px; */
    outline: 0;
}

#login-modal .modal-header {
    min-height: 16.43px;
    padding: 15px 15px 15px 15px;
    border-bottom: 0px;
}

#login-modal .modal-body {
    position: relative;
    padding: 5px 15px 5px 15px;
}

#login-modal .modal-footer {
    padding: 15px 15px 15px 15px;
    text-align: left;
    border-top: 0px;
}

#login-modal .checkbox {
    margin-bottom: 0px;
}

#login-modal .btn {
    border-radius: 0px;
}

#login-modal .btn:focus,
#login-modal .btn:active:focus,
#login-modal .btn.active:focus,
#login-modal .btn.focus,
#login-modal .btn:active.focus,
#login-modal .btn.active.focus {
    outline: none;
}

.#login-modal btn-lg, #login-modal .btn-group-lg>.btn {
    border-radius: 0px;
}

#login-modal .btn-link {
    padding: 5px 10px 0px 0px;
    color: #95a5a6;
}

#login-modal .btn-link:hover, #login-modal .btn-link:focus {
    color: #2c3e50;
    text-decoration: none;
}

#login-modal .fa {
    top: 0px;
}

#login-modal .form-control {
  border-radius: 0px;
}