/* Slider */
.slider{position:relative} .slider img{width: 100% !important}
.slider .bx-wrapper .bx-prev{background: url(../images/a02.png) no-repeat -123px -33px; width: 55px; height: 55px}
.slider .bx-wrapper .bx-prev:hover{background: url(../images/a02.png) no-repeat -3px -33px; width: 55px; height: 55px}
.slider .bx-wrapper .bx-next{background: url(../images/a02.png) no-repeat -183px -33px; width: 55px; height: 55px}
.slider .bx-wrapper .bx-next:hover{background: url(../images/a02.png) no-repeat -63px -33px; width: 55px; height: 55px}
.slider .bx-wrapper .bx-pager{display: block; z-index: 999}

/* Service */
.boxdichvu{float: left;width: 25%; padding: 0 15px;} .boxdichvu img{vertical-align:middle} 
.boxdichvu .item{height: 80px; padding: 0 20px; cursor: pointer; position: relative; border-radius: 3px;}
.boxdichvu .item:before{position: absolute;content: ""; border: 1px dashed #fff; top: 5px; left: 5px; bottom: 5px; right: 5px; border-radius: 3px;}
.boxdichvu .item .icon{float: left; height: 100%; line-height: 80px; margin-right: 25px;padding-right: 25px; position: relative;}
.boxdichvu .item .icon:before{content: ""; position: absolute; right: 0; height: 40px;  width: 1px; background: #fff; top: 20px;}
.boxdichvu .item .info-item{color: #fff; overflow: hidden; padding-top: 20px; height: 100%;}
.boxdichvu .item .info-item p{font-weight: bold; font-size: 16px; text-transform: uppercase;}
.boxdichvu .item0{background:url(../images/bg1.png) repeat top center}
.boxdichvu .item1{background:url(../images/bg2.png) repeat top center}
.boxdichvu .item2{background:url(../images/bg3.png) repeat top center}
.boxdichvu .item3{background:url(../images/bg4.png) repeat top center}

/* Box bán chạy */
.divsales{width:74%; float:left; position:relative} .rowsale{display:none} .sale-box{border:0}
.boxsales{position:relative} .boxsales .images{height:180px; width:100%; text-align:center; margin-bottom:5px} .boxsales .images img{max-width:100%; max-height:170px}
.boxsales h3{font-size:13px; font-weight:normal; text-align:center; height:45px; overflow:hidden} .boxsales span{color:#fff}
.boxsales .infosale{color:#d0021b;border: 1px solid #288ad6; border-radius: 4px; cursor:pointer; background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%); background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88)); background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%); text-align:center; padding:6px 0}

/* Box tin nổi bật */
.divhotnews{width:25%; float:right; position:relative}
#hotnews-next{position:absolute; top:5px; right:0} #hotnews-prev{position:absolute; top:5px; right:27px}
#hotnews li div{border-bottom:1px dashed #ccc; height:65px; margin-bottom:4px; line-height:22px} #hotnews li div a:hover{color:#2582be}
#hotnews li div img{float:left; width:80px; height:60px; border:1px solid #ccc; padding:1px; margin-right:5px}

/* Box tin khác */
.slider{position:relative} .jssort03{display:none !important}
.newsdiv{width:100%; height:40px; background-color: rgba(0, 0, 0, .6); position:absolute; bottom:5px; z-index: 999}
.newsdiv:after{content: ""; width:10%; background: #595959; left: 0; top: 0; height: 40px; position: absolute;}
.newsdiv .title{position:relative; background:#595959; float:left; z-index:10} .newsdiv .title h2{margin:0; padding:10px 30px; color:#000; font-size:18px; font-weight:normal}
.newsdiv  b{content: ''; border: 20px solid transparent; border-left-color: #595959; float: left;}
.newsticker{float:left; margin-left:20px; overflow:hidden;  position:relative; line-height:40px}
.newsticker li{height:40px} .newsticker li a{color:#abbab7;} .newsticker li span{font-style:italic}

/* CSS DEFAULT */
.cart-emty{background:#fcf8e3; color:#8a6d3b; border:1px solid #faebcc; line-height:24px; padding: 15px; margin-bottom: 20px;} .cart-emty a{color:#2582be}
span#timnhanh{position:relative; float:right; display:none; color:#2582be; font-family:"Times New Roman", Times, serif; padding:8px 10px 0}
.boxtimnhanh{position:absolute; top:40px; border:1px solid #ececec; right:-1px; padding:5px 10px; background:#f7f7f7; display:none; min-width:200px; text-align:right; z-index:999; border-radius:0 0 5px 5px} 
.boxtimnhanh li{background:url(../images/bg-timnhanh.png) no-repeat right; padding-right:15px} .boxtimnhanh a{color:#2582be; display:block; padding:5px 0}

/* Title Main */
.breadandfilter{display: block; background: #f7f7f7; border: 1px solid #ececec; margin-top:10px} .breadandfilter::after{content:' '; display:block; clear:both}
ul.breadcrumb{float: left; margin: 0; padding: 6px 0 0; position: relative; z-index: 9;}
.breadcrumb li{float:left; color:#420f0c; font-size:14px; text-transform:uppercase}
.breadcrumb li:first-child a { padding-left: 10px}
.breadcrumb li a{float: left; white-space: nowrap; font-size: 14px; color: #420f0c; padding: 3px 5px 8px} .breadcrumb li a:hover{text-decoration:underline}
.breadcrumb span{float: left; font-size: 21px; color: #420f0c; padding: 0px 2px 0 0; line-height: 1;}
.breadcrumb h2{padding-top:3px; padding-left: 3px; font-size: 14px; color: #420f0c; font-weight:normal; text-transform:uppercase}

/* Title Home */
.title_main{margin:10px 0; position:relative; text-align:left}
.title_main:before{position: absolute; width: 100%; border-top: 1px solid #e2e2e2; content: " "; top: 15px;}
.title_main h2{display: inline-block; padding: 5px 10px 5px 0; background: #fff; position: relative; z-index: 2; font-size: 20px; font-family:Lobster Two; font-style:italic}
.title_bot{text-transform:uppercase; font-weight:bold; font-size:16px}
a.xemtatca{display: inline-block; padding: 5px 0px 5px 10px; background: #fff; position: relative; z-index: 2; font-size: 14px; font-family:Lobster Two; float:right}
.title_home{overflow: hidden; border-bottom: 3px solid #fe0000; position: relative}
.title_home a{float: left; display:block; padding: 8px 20px 8px; background: #fe0000; font-size: 16px; color: #fff; text-align: center; margin: 0}
.title_home b{bottom: 0; position: absolute; float: left; width: 0; height: 0; border-left: 0 solid transparent; border-right: 20px solid transparent; 
border-bottom: 36px solid #fe0000}

/* Title sp */
.fastsearch{background: #fff; border: 1px solid #ececec; overflow:hidden;clear: both;margin-top: -1px}
.fastsearch span{font-size: 15px; color: #666; padding: 8px; float: left} .fastsearch input[type="checkbox"]{float:left; margin:3px}
.row_submenu a{display:block; padding:8px; float:left; font-size:15px; color:#2582be} .row_submenu a:hover{text-decoration:underline}

/* Load more */
.show_more{background-color: #f8f8f8; background-image: -webkit-linear-gradient(top,#fcfcfc 0,#f8f8f8 100%); background-image: linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);border: 1px solid; border-color: #d3d3d3;color: #2582be;font-size: 14px;outline: 0;}
.show_more {cursor: pointer;display: block;padding: 10px 0;text-align: center;font-weight:bold}
.show_more_main{clear:both}

.deleteloc{float:right; padding:10px; background:none; color:#da1600; cursor:pointer}

/* Detail */
.divdetail{line-height:24px; margin-bottom:10px} .divdetail img{max-width:100%; height:auto} .divdetail table{border:1px solid #ccc} .divdetail iframe{z-index:999}
.divdetail li{background:url(../images/bg_li.png) no-repeat 3px 7px; padding-left:20px}
.divdetail li li{background:url(../images/bg_li_li.jpg) no-repeat 3px 5px; padding-left:40px}
table,table tr, table td{border:1px solid #ccc}
.boxtags{clear:both} 
.boxtags a{display: inline-block; height: 20px; font: 400 11px/20px arial; color: #656565; padding: 0 10px; white-space: nowrap; background: #f1f1f1; margin: 0 5px 5px 0;float: left;}
.boxtags .icontag{background: #f1f1f1 url(../images/bg_icon_tag.gif) no-repeat left top; padding: 0 10px 0 20px; height: 20px; color: #939393; float: left; font: 400 11px/20px arial; margin: 0 5px 0 0;}

/* Trang chi tiết */
h3.ten{float: left; line-height: 1.3em; font-size: 20px; color: #333; font-weight:normal; margin-right:10px}
span.code{color:#d0021b; font-size:20px; line-height: 1.3em; float:left}
.picture{float:left; width:35%; position:relative; padding:15px 15px 0; text-align:center; border-right:1px solid #dfdfdf; margin-right:15px} 
.picture img{max-width:100%; max-height:700px}

.listinfo{float:left; width:40%; padding-right:15px; padding-top:20px; line-height:24px; border-right: 1px solid #dfdfdf; min-height:400px}
.listinfo p.views{color:#888; float:left; font-family:"Times New Roman", Times, serif; font-size:16px; margin-top:2px} .listinfo .fb-like{float:left; margin-right:5px}
.listinfo .khuyenmai{margin-top:15px; clear:both}
.listinfo .khuyenmai li{background:url(../images/product_check_list.png) 0 6px no-repeat; padding-left:20px}

.listinfo input[type="submit"]:hover{opacity:0.8}
.boxthuoctinh strong, .listinfo strong{color:#ff6000; font-weight:bold} .boxthuoctinh  p{margin:10px 0}

hr.chitiet{border: 0; width: 100%; border-top: 1px solid #dfdfdf; margin-top: 20px; margin-bottom: 20px;}
.support{float: right; width: 23%;  line-height: 24px; padding: 10px; padding-top: 20px; color: #fff; text-align:center}
.support .pricedetail{} .support .pricedetail .vat{color:#666; font-style:italic; text-align:left}
.support p.price{float: left; font-size: 20px; color: #ff6000; margin-bottom: 6px; font-weight:bold}
.support p.company{float:left; font-size: 16px; margin-top:2px; margin-left:10px; text-decoration:line-through; color:#888}
.support p.phantram{background:#d0021b; padding:2px 5px; color:#fff; float:left; margin-left:10px; margin-top:0px; border-radius:5px; }
.support .textquantity{text-align: left; float: left; margin-right: 10px; padding-top: 3px; color:#666}
.support input.soluong{width: 80px; height: 30px; border: 1px solid #dfdfdf; text-align: center; float:left}

.support input.buynow{width: 180px; overflow: hidden; padding: 9px 0; margin:0px auto; margin-top:15px; font-size: 16px; color: #fff; text-align: center; text-transform: uppercase;border: 1px solid #d97f00; border-radius: 4px; background: #f89406; background: -webkit-gradient(linear,0% 0%,0% 100%,from(#f76b1c),to(#f89406)); background: -webkit-linear-gradient(top,#f89406,#f76b1c); background: -moz-linear-gradient(top,#f89406,#f76b1c); background: -ms-linear-gradient(top,#f89406,#f76b1c); background: -o-linear-gradient(top,#f89406,#f76b1c); cursor:pointer}
.support input.intocart{float: left; width: 180px; overflow: hidden;  padding: 9px 0; margin: 10px 0 0 0px; font-size: 16px; color: #fff; text-align: center; text-transform: uppercase; border: 1px solid #288ad6; border-radius: 4px; cursor:pointer; background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%); background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88)); background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);}

.title-khac{background:#410e0b; margin-bottom:5px; padding:5px 10px; text-align:center; color:#fff; text-transform:uppercase; border:1px solid #666}
.borderchitiet{border:1px solid #dfdfdf; margin-bottom:20px; padding:1px; margin-top:-20px; border-top:0}
/* Icon boxsp */
.new-item{position:absolute; top:0px; left:0px}
.sale-item{position:absolute; top:15px; right:-3px}
.icontext{position:absolute; top:4px; left:5px; border: 1px solid #ccc; color: #fff; padding:2px 7px; background-color: rgba(37,130,190,0.9)}


/* Box product */
.rowsp{margin-right: -5px; margin-left: -5px; overflow: hidden;}
sup{top:-4px; font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
.boxproduct{float: left;width: 25%; padding: 0 5px; margin-bottom:20px; padding-top:3px}
.boxproduct .grid{border:1px solid #fff; padding:10px; border-bottom:1px solid #c8c8c8; height:200px; position:relative; display:block; padding-bottom:0px; margin-bottom:0px} 
.boxproduct .grid:hover{box-shadow: 0 0 7px rgba(0, 0, 0, 0.3)}
.boxproduct .grid .images{width:49%;  text-align:center; vertical-align:middle; float:right}
.boxproduct .grid .images img{max-width:100%; max-height:180px}
.boxproduct .grid h3{height:40px; text-align:left; font-weight:300; line-height:22px; font-size:15px} .boxproduct .grid h3 a{color:#666} .boxproduct .grid:hover a{color:#f30}
.boxproduct .grid .setprice{position:relative; height:50px; margin-bottom:5px}
.boxproduct .grid span{float:left} 
.boxproduct .grid .infosp{float:left; width:49%}
.boxproduct .grid .price{font-size: 16px; font-weight: 700; color:#f30}
.boxproduct .grid del{color: #888; font-size: 14px; font-weight: 400; margin-top:0px; display: block; margin-left:2px}
.boxproduct .grid .views{position:absolute; left:5px; bottom:0; font-size:13px; color:#888; font-style:italic} .boxproduct .grid .views img{vertical-align:middle}
.clearfix{
	clear:both;
}

/* Boxnews */
.boxnews-l{float:left; width:74%} .boxnews-r{float:right; width:25%}
.boxnews{float: left; width:33.3%; padding:0 5px; margin-bottom:15px; }

.boxnews .grid{ border-bottom:1px solid #fff; padding-bottom:10px; overflow:hidden; position:relative; display:block; margin-bottom:0px; } 
.boxnews .grid:hover{border-bottom:1px solid #2582be}
.boxnews .grid .images{ text-align:center; width:100%;}
.boxnews .grid .images img{width:100%; padding:2px; border:1px solid #ccc; max-height:240px}
.boxnews .grid .infonews{}
.boxnews .grid h3{font-weight:bold; line-height:22px; font-size:15px}  .boxnews .grid h3 a{color:#2582be;}
.boxnews .grid span{font-size:12px; color:#999; font-style:italic; background:url(../images/calendar.png) no-repeat left; padding-left:20px} 
.boxnews .grid .mota span{background:initial; padding-left:initial} 
.boxnews .grid p.mota{font-size:14px; margin-top:5px; height:80px}
.boxnews .grid .mota{
	text-align:justify;
	font-size:12px; color:#999; font-style:italic;
}
.boxnewskhac{width:33.33%} 
.boxnewskhac .grid{height:320px}
.boxnewskhac .grid .images{height:200px} .boxnewskhac .grid .images img{max-height:200px}

.boxtin{float: left; width:50%; padding:0 5px; margin-bottom:20px}
.boxtin .grid .images{width: 30%; float: left; text-align: center} .boxtin .grid .images img{max-width:100%; max-height:150px}
.boxtin .grid .infonews{float:right; width:68%}
.boxtin .grid h3{font-weight:normal; line-height:22px; font-size:16px}  .boxtin .grid h3 a{color:#2582be;}
.boxtin .grid span{font-size:12px; color:#999; font-style:italic; background:url(../images/calendar.png) no-repeat left; padding-left:20px} 
.boxtin .grid p.mota{font-size:14px; margin-top:5px; height:60px}

/* News Detail */
h2.ten{color:#2582be; font-size:18px}
.newsinfo{line-height:24px} p.ngaydang{margin:5px 0; font-size:13px; font-style:italic; color:#999; background:url(../images/calendar.png) no-repeat left; padding-left:20px}

/* Box tin xem nhiều */
.bordertin{border:1px solid #efefef; padding:10px; border-top:0}
#hotviews li div{border-bottom:1px dashed #ccc; margin-bottom:6px; padding-bottom:6px; background:url(../images/bg-a-fo.jpg) no-repeat scroll left 8px rgba(0, 0, 0, 0); font-size:14px; padding-left:15px}  #hotviews li div:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0}
#hotviews li div a:hover{color:#2582be}
.boxsptin{text-align: center; border-bottom: 1px solid #c9c9c9; padding-bottom: 10px; margin-bottom: 10px;} .boxsptin img{max-width:100%; max-height:200px}
.boxsptin p{margin-top:5px; color:#f30} img.imgqc{margin-top:10px; width:100%}

/* Footer */
.logothuonghieu{margin:45px 0; position:relative}
.footer{border-top: 2px solid #1496aa; border-bottom:1px solid #ccc; background:black;  color:#fff; overflow: hidden;} .footer a{color:#fff}
.footer .title_bot{margin-bottom:20px; color:#fff; text-transform:uppercase; padding-bottom:0px}
.footer span.border, .footer h4{padding-bottom:0px; margin: 0; font-weight:normal; display:block; position:relative} 
.footer h4:after{background-color: #fff; bottom: -7px; content: ""; height: 2px; left: 0;  width: 40px; position: absolute;z-index: 0;}

.footer-l{float:left; padding:20px 0; line-height:30px; width:30%}
.footer-col{padding:20px 0; line-height:30px; float:left; width:70%} 
.footer-col ul li{float:left; width:23%; color:#fff; margin-right:10px; min-height: 140px; border:0} .footer-col ul li a{color:#fff} .footer-col ul li a:hover{text-decoration:underline}
.footer-col ul li li{float:none; text-transform:none; background:url(../images/bg-li-footer.png) no-repeat 0px 11px; width:100%; margin:5px 0;min-height:auto; border:0}
.footer-col ul li li a{padding-left:15px; font-size:14px}
.footer-reward{float:right; width:30%; padding:20px 0 0; text-align:center} .footer-reward img{max-width:100%}
.footer-reward h4:after{left:45%} .footer .company,.footer .company a{color:#fff}

hr.bottom{height: 1px; border: 0; border-top: 1px solid #fff; margin: 10px 0; width: 100%}
.keyname li{float: left; padding: 5px 10px; color: #fff}
.keyname{margin-bottom: 10px; overflow: hidden;} .keyname li a{color: #fff}

.footer-r{float:right; padding:20px 0; line-height:24px; width:25%}
div.linemenu{padding:5px 0 15px; overflow:hidden; line-height:24px}
.copyright{text-align: center; width: 100%; background: #2d549d}
.copyright p{padding:7px 0 5px; color:#fff; font-size:11px}

/* List key */
.timkiemnhieu{background:#f0f0f0; padding:10px 0; border-top:1px solid #ddd; color:#999; overflow:hidden; margin-top:20px} 
.timkiemnhieu p{float:left; margin-right:10px; color:#2582be}
.listkey ul li{float:left; margin:0 12px; color:#999; list-style:square} .listkey ul li a{color:#999}
.listkey ul li:hover, .listkey ul li a:hover{color:#2582be}

/* Mailletter */
.formemail{position:relative}
.formemail input[type="text"]{width:350px; height: 32px; border: 1px solid #fff; border-radius: 3px; line-height: 32px; background: none; color:#fff; font-size: 85.71%;padding-left: 10px; margin-left:5px}
.formemail button{position: absolute; top: 0; right: 0; font-weight: bold; background: #3cc696; height: 32px; border-radius: 0 3px 3px 0;  padding: 0 15px;  font-size: 14px; text-transform: none; border: 1px solid #fff; color: #fff; border-left: 0; cursor:pointer}
.formemail input-placeholder{color: #fff}

/* Tin liên wan */
.tinlienquan h4{color:#d0021b; text-transform:uppercase; font-weight:bold; font-size:16px; margin:15px}
.tinlienquan a{background:url(../images/bg-timnhanh.png) no-repeat left;padding:3px 0; display:block; padding-left:15px; color:#2582be; }

.no-scroll{position:relative}
.scroll{position:fixed; top:0}

/* ALOCMON */
a.dkngay{position: fixed; bottom: 0; right: 5px; background: #2582be; padding: 10px 20px; text-align: center; color: #fff; text-transform: uppercase;
z-index: 99999; border-radius: 5px 5px 0 0; border:2px solid #fff; border-bottom: 0; font-weight: bold; cursor: pointer;}
.mauformdk{ display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0;width: 100%; height: 100%; z-index: 99999; background-color: rgba(0,0,0,0.4);}
.mau-content{ margin: auto; padding: 0; -webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; 
width: 40%; margin:0 auto; position: relative;}
@-webkit-keyframes animatetop {from {top:-100px; opacity:0} to {top:0; opacity:1}}
@keyframes animatetop {from {top:-100px; opacity:0} to {top:0; opacity:1}}
.mau-content h3{font-size: 20px;color: rgb(6, 106, 117);padding: 2px 0 10px 0;font-weight: bold;text-align: center;padding-bottom: 30px;}
.mau-content .img_user{display: block; position: absolute; margin-top: -28px; float: left; margin-left: 10px;}
.mau-content input:not([type="checkbox"]),.mau-content textarea{width: 92%;margin-top: 4px;padding: 10px 5px 10px 32px;border: 1px solid rgb(178, 178, 178);-webkit-appearance: textfield;-webkit-box-sizing: content-box;  -moz-box-sizing : content-box; box-sizing : content-box;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear}
.mau-content input:not([type="checkbox"]):active, .mau-content input:not([type="checkbox"]):focus{border: 1px solid rgba(91, 90, 90, 0.7);background: rgba(238, 236, 240, 0.2);	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset; -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset} 
.mau-content div.button input{width: 30%; text-transform: uppercase; float:left; cursor: pointer;background: rgb(61, 157, 179);padding: 10px 5px;	
color: #fff; font-size: 18px; border: 1px solid rgb(28, 108, 122);margin-bottom: 10px;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);-webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,0px 0px 0px 3px rgb(254, 254, 254),0px 5px 3px 3px rgb(210, 210, 210); -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset, 0px 0px 0px 3px rgb(254, 254, 254),0px 5px 3px 3px rgb(210, 210, 210); box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,0px 0px 0px 3px rgb(254, 254, 254), 0px 5px 3px 3px rgb(210, 210, 210);-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;transition: all 0.2s linear}
.mau-content div.button input:hover{background: rgb(74, 179, 198)}
.mau-content div.button input:active,.mau-content p.button input:focus{background: rgb(40, 137, 154);	position: relative;	top: 1px;border: 1px solid rgb(12, 76, 87);	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset}
.mau-content #register,#login{padding: 40px 6% 20px 6%;margin: 0 0 35px 0;background: rgb(247, 247, 247);	border: 1px solid rgba(147, 184, 189,0.8);	
-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset; 
-moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset; 
box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
-webkit-box-shadow: 5px;	-moz-border-radius: 5px;border-radius: 5px; overflow: hidden;}
.mau-content div.button p{ float:left; margin:3px 20px} .mau-content div.button p span{font-size:12px}
.mau-content div.button p a{color: rgb(6, 106, 117); text-decoration: none; font-weight: bold;}

/* The Close Button */
.close {color: #fff; font-size: 14px; font-weight: bold; border: 1px solid #fff; border-radius: 4px; padding: 5px 6px 5px 9px; width: 30px; height: 30px;
position: absolute; right: 10px; top:10px; background: rgb(6, 106, 117)}
.close:hover,.close:focus {color:rgb(6, 106, 117); border:1px solid rgb(6, 106, 117); text-decoration: none; cursor: pointer; background: none}


/* BXSlider */
.bx-wrapper img{max-width:100%}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: 10px; width: 100%; display:none}
.bx-wrapper .bx-loading{min-height: 50px; background: url(../images/ajax-loader.gif) center center no-repeat #fff; width: 100%; position: absolute; top: 0; left: 0; z-index: 100}
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline}
a.bx-pager-link { width:30px; height:30px; background:#ccc} a.bx-paper-link:active { background:#f00}
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000}
.bx-wrapper .bx-prev {left: 0px; background: url(../images/button-previous.png) no-repeat 0; opacity:0.5}
.bx-wrapper .bx-next {right: 0px; background: url(../images/button-next.png) no-repeat; opacity:0.5}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 100}
.bx-wrapper .bx-controls-direction a.disabled {display: none}
.bx-wrapper .bx-controls-auto {text-align: center}
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0}
.bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px}
.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%}
.bx-wrapper .bx-caption span {color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px}
/* End BXslider */

input::-moz-placeholder, textarea::-moz-placeholder {color: #ccc}
input:-ms-input-placeholder, textarea::-ms-input-placeholder {color: #ccc}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ccc}

/* Responsive cho comment & Facebook */
#___comments_0{width:100% !important}
.video-wrap{width:100% !important}
.fb-comments {max-width:100%}
.fb-comments span{max-width:100%} .fb-comments iframe{max-width:100%}
.fb_iframe_widget{max-width:100%}
.fb_iframe_widget span{max-width:100%}
.divdetail{max-width:100%}