BODY {left: 0;	height: 100%;	width: 100%; margin:0px; background: #A7BFC8; }

a:hover { text-decoration: none;}
/* Transitions */
.align-center { text-align:center;}
.animated.s02 { -webkit-animation-duration: 0.2s !important;  animation-duration: 0.2s !important;}
.animated.s04 { -webkit-animation-duration: 0.4s !important;  animation-duration: 0.4s !important;}
.animated.s06 { -webkit-animation-duration: 0.6s !important;  animation-duration: 0.6s !important;}
.animated.s08 { -webkit-animation-duration: 0.8s !important;  animation-duration: 0.8s !important;}
.animated.s10 { -webkit-animation-duration: 1s !important;  animation-duration: 1s !important;}
.animated.s12 { -webkit-animation-duration: 1.2s !important;  animation-duration: 1.2s !important;}
.animated.s14 { -webkit-animation-duration: 1.4s !important;  animation-duration: 1.4s !important;}
.animated.s16 { -webkit-animation-duration: 1.6s !important;  animation-duration: 1.6s !important;}
.animated.s99 { -webkit-animation-duration: 9s !important;  animation-duration: 9s !important;}

.arrow_line{left:100%;top:50%;border:solid;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-left-color:#88b7d5;border-width:20px;margin-top:-20px}
.arrow_box{width:80px;display:inline-block;position:relative;background:#88b7d5;line-height:25px}
.arrow_box:after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-left-color:#88b7d5;border-width:20px;margin-top:-20px}

.bigtag { display: inline-block; width:200px; vertical-align: middle ; border: 1px solid #666; margin:0px; position: relative;}
.bgcolor-black { background-color:#000;color: #fff;}
.bgcolor-dark { background-color:#333;color: #fff;}
.bgcolor-eee { background-color: #eee !important; color: #333 !important;}
.bgcolor-gray {background-color: #CCC; color:#444; }
.bgcolor-red { background-color:#f00;color: #fff;}
.bgcolor-white { background-color:#fff;}
.bgcolor-navy { background-color: Navy; color: #fff;}
.bold { font-weight:bold;}
.button { margin: 5px;}
.carousel-caption {padding-bottom: 10px;}
.carousel-indicators { bottom:0px;  margin-bottom: 5px;}
.carousel-indicators .active { background-color:Aqua;}
.carousel-indicators li { border-color: #333;}
.centered {  margin: auto;  right: 0;  left: 0;}
.color-red { color:#f00 !important;}
.color-blue { color:#00f !important;}
.color-orage {color:#f39c12 !important; }
.color-primary {color:#367fa9 !important; }
.color-gray { color:Gray;}
.flat {border-radius:0px;}
.formattien {text-align:right;}
.form-control { color:#000;}
.hdinfo { margin-bottom:15px;}
.hdinfo .hang {padding-left:10px;}
.hdinfo .hang div {display:inline-block;}
.hdinfo .hang div span {display:inline-block;}
.hdinfo .hang div:first-child { width:150px; color:#999;}
.hdinfo .hang div:last-child { font-weight:500;}
.hdinfo .hang div label { margin-left:5px;}
.hdinfo .hang div label.checked:before, .hdinfo .hang div label.uncheck:before  {content: "\f00c";width: 16px;height: 16px;margin-right: 5px;border:2px solid #ccc;text-align: center;color: #f00;display: inline-block;top: 0;bottom: 0;left: 0px;font: normal normal normal 12px/1 FontAwesome;}
.hdinfo .hang div label.uncheck:before { content:"1";color: #fff;}
.cot-2 { display:inline-block !important;  width:49.5%;}
.inline-box { display: inline-block ! important;}
.item-hinh-shopcart { width:48px; text-align:center ;}
.item-hinh-shopcart img { width:40px; border:0px; }
.lbl1 { font-size: small;}
.lbl2 { font-size: medium; height: 28px;}
.lbl2 > div { vertical-align:middle;} /* facebook like share button */
.lbl3 { font-size: large;}
.lblline { display:block;}
.lblucase { text-transform: uppercase ;}
.lbllink {   cursor:pointer; color:#3685F4;}
.lbllink:hover { color:#F46936;}
.liner { height:5px;}
.login-dropdown-menu {border: 0px solid #ddd; border-radius: 0px; width:160px; left:-80px; top:35px; padding:0px;box-shadow: 0 0 8px rgba(0, 0, 0, .5);}
.login-dropdown-menu .menu-item {display: block;color: #999;padding: 4px 8px; cursor:pointer;}
.login-dropdown-menu .menu-item:hover { background-color:#4D90FE; color:#fff;}
.inside { text-align:left;}
.inside > SPAN {display:inline-block; color:Gray; margin:0px 5px;}
.inside > .rightside { float:right; font-weight: bold;}

.menu {border:0px solid #000; padding:0px; margin-top:0px; position:absolute; } 
.menu .title {margin: 0;	font-weight: 300;	background: #0d77b6; display:block;}
.menu .hotsale { color:Red;}
.menu .menu-header { display: none;}
.menu .menu-footer { display: none;}


.menulink  { color:#fff; text-decoration: none; cursor:pointer; padding:5px 5px; width:85px;}
.my-login-box {position: fixed;left: 0; right:0; top: 160px;width: 340px;margin:auto; z-index:51;}
.my-login-box-body { padding:15px;}
.my-login-box-body div { margin-bottom:15px;}
.my-login-box-body div:last-child { margin:0px;}
.my-register-box { position:absolute; left: 0; right:0; top: 160px;width: 450px;margin:auto; z-index:52; border-top-color:#4D90FE;}
.my-register-box p { display:block ; margin:auto; text-align:center ; padding: 10px; }
.my-register-box p:first-child {padding-top: 0px;font-size: 18px;font-family: 'Source Sans Pro',sans-serif;}
.my-register-box .box-tool {TOP: 10px;  position: absolute;  left: 408px;}
.my-register-box-body { padding:15px;}
.my-register-box-body { padding:15px;}
.my-register-box-body .form-control, .my-login-box .form-control {height:34px;}
.my-register-box-body .form-control-feedback, .my-login-box .form-control-feedback { top:8px;}
.my-register-box-body div:last-child { margin:0px;}
.my-register-box-body .form-group label {padding: 5px 0px;}
.my-register-box-body .form-group {margin-bottom: 10px;}


.mycheckbox { margin-bottom:5px; }
.mycheckbox input[type=checkbox] { display:none; }
.mycheckbox input[type=checkbox] + label {text-indent:0px;margin: 3px;cursor: pointer;font-size:13px; font-weight:normal; color:#888; vertical-align:top; border:0px solid #00f;}
.mycheckbox input[type=checkbox]:checked + label {text-indent:0px;margin: 3px;cursor: pointer;font-size:13px; font-weight:normal; color:#888; vertical-align:top;}
.mycheckbox input[type=checkbox] + label:before {content:"";display: inline-block;width: 16px;height: 16px;margin-right: 10px;border:2px solid #ccc;float: left;text-align: center;}
.mycheckbox input[type=checkbox]:checked + label:before {content: "\f00c";color: #f00;display: inline-block;top: 0;bottom: 0;left: 0px;font: normal normal normal 12px/1 FontAwesome;}

.myspace { width:5px;  display:table-cell; }
.myradio { width:auto;margin: 0px 10px 0px 5px;}
.myradio input[type=radio] {display:none;}
.myradio .lab { border: 1px solid #D1D3D4; width:100%; }
.myradio input[type=radio] + .lab {text-indent:0px;margin: 3px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;	-ms-user-select: none;	user-select: none;font-size:14px; font-weight:normal; color:#888;}
.myradio input[type=radio] + .lab span { float:right; padding-right:5px; color:inherit;}
.myradio input[type=radio] + .lab:before {content: "";position: relative;display: block; padding-top: 8px; width: 30px; height: 30px; vertical-align:middle; background-color: #aaa; top: 0;bottom: 0;	left: -1px; background: #D1D3D4;float:left;}
.myradio input[type=radio] + .lab:hover {-webkit-box-shadow: 0px 0px 3px rgba(0, 144, 255, 1);    -moz-box-shadow: 0px 0px 3px rgba(0, 144, 255, 1);    box-shadow: 0px 0px 3px rgba(0, 144, 255, 0.7); border-color:#0090ff; color:#000;}
.myradio input[type=radio] + .lab:hover:before {content: "\f00c"; /* Bullet */  color: #0090ff;top: 0;	bottom: 0;	left: 0px; display: inline-block;font: normal normal normal 18px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; text-align:center; line-height:14px; text-shadow:0px 0px 3px #eee; position: relative; display: block; float:left ;text-indent:0px; border:0px}
.myradio input[type=radio]:checked + .lab {border-color: #0090ff; color:#000;}
.myradio input[type=radio]:checked + .lab:before {content: "\f00c"; /* Bullet */  color: #fff;	background-color: #0090ff ;top: 0;	bottom: 0;	left: -1px; display: inline-block; font: normal normal normal 18px/1 FontAwesome; text-rendering: auto;    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;    text-align:center;line-height:14px; text-shadow:0px 0px 3px #eee;position: relative; display: block;float:left ;text-indent:0px;}

.myradiopayment {width:auto;margin: 0px 10px 0px 5px;}
.myradiopayment input[type=radio] {display:none;}
.myradiopayment input[type=radio] + .lbl {border: 1px solid #D1D3D4; text-align:center; height:70px; width:110px;margin: 3px;cursor: pointer; display:inline-block;  vertical-align: middle;position: relative;}
.myradiopayment input[type=radio] + .lbl img { width:100%; margin:auto; position: absolute; top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%,-50%);}
.myradiopayment input[type=radio] + .lbl:hover {-webkit-box-shadow: 0px 0px 3px rgba(0, 144, 255, 1);    -moz-box-shadow: 0px 0px 3px rgba(0, 144, 255, 1);    box-shadow: 0px 0px 3px rgba(0, 144, 255, 0.7); border:2px solid #f00;}
.myradiopayment input[type=radio]:checked + .lbl {border:2px solid #ff0000; }

.mysizeradio { width:auto;margin: 0px;}
.mysizeradio input[type=radio] {display:none;}
.mysizeradio label { width: auto;  min-width:30px; border: 2px solid #D1D3D4; padding:0px 10px;}
.mysizeradio input[type=radio] + label {cursor: pointer;-webkit-user-select: none;-moz-user-select: none;	-ms-user-select: none;	user-select: none;font-size:14px; font-weight:normal; color:#888;-webkit-transition: all 0.5s; transition: all 0.5s;}
.mysizeradio input[type=radio] + label:hover {color:#000;border-color:#F00;}
.mysizeradio input[type=radio]:checked + label {color:#000; border-color:#F00;}
.myblocker {background: rgba( 0, 0, 0, 0.7 );	display: none;	width: 100%;	height: 100%;	position: fixed;	top: 0;	z-index: 50; left:0px;}
.myblocker-show {display: block;}
.mybody {}
.mybox {border-color: #eff2f7;font-size: 12px;padding: 10px;display: block;text-align: left; margin-bottom:5px;}
.mybox .box-header { padding:5px 5px; }
.mybox .box-title { font-weight:bold;  font-weight: bold;  padding: 2px 10px;border-bottom: 1px solid #ccc;  margin-bottom: 5px;}
.mybox.borderbox { border:1px solid #ccc; } 
.mybox-title-tag {border-color: #eff2f7;font-size: 14px;padding: 6px 13px;border-radius: 0px;display: block;    text-align: left;    margin-bottom:5px;}
.mybox-title-2 {font-size: 14px;padding:0px ;border-radius: 0px;display: block;    text-align: left; margin-bottom:5px; border:0px; border-bottom:1px dashed #666;}
.middle {    margin:auto;    top:0;    bottom:0;}
.msg-alert { font-size:13px; color:#F02450; border: 1px dotted #F02450; padding:4px 5px; margin: 0;font-style: italic; display:none;}
.no-lrpadding { padding-left:0px !important; padding-right:0px !important;}
.no-bold { font-weight: normal !important;}

.usercontrol {z-index:10;	float:right;  color:#FFF;  right:0px;  top:0px;  border:0px solid #333;}
.usercontrol td { text-decoration: none;font-family:Tahoma, Geneva, sans-serif;font-size: 14px;}
.usercontrol table {  height:30px;}

.s12 { font-size:12px;}
.s14 { font-size:14px;}
.s16 { font-size:16px;}
.s18 { font-size:18px;}
.s20 { font-size:20px;}
.s22 { font-size:22px;}
.s24 { font-size:24px;}
.s26 { font-size:26px;}
.s28 { font-size:28px;}
.s30 { font-size:30px;}

.sanpham {background-color: #FFF;width: 188px;display: inline-block;margin: 3px;background-repeat: no-repeat;display: inline-block;margin-bottom:8px;background-size: 100%;border:4px solid #fff;}
.sanpham .img {width: 100%;height: 200px;}
.sanpham .itemname {background: #fff;background: #fff;font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #2B2B2B;font-weight: bold;padding: 2px 0px 0px 0px;}
.sanpham .myprice {font-family: Verdana, Geneva, sans-serif;font-size: 14px;text-align:right;padding:2px;color: #FF4D4D;font-weight: bold;background-color: #FFF;}
.sanpham .myprice .safe {float: left; font-size: smaller;color:Silver;font-weight: normal;text-decoration: line-through;}
.sanpham .hethang { color: Gray;}
.sanpham .longname {font-family: Arial, Helvetica, sans-serif;background-color: #FFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0px 0px;height:14px;color:Black; display:block;}
.sanpham .saleoff { display:block; position:absolute; width:50px;}
.sanpham .view360 {display: block;position:absolute;}
.sanpham .view360 > img {width: 25px;top: 3px;position: inherit;}

.sanpham-tb {width:100%;}
.sanpham-tb td { /* vertical-align:top; padding:2px;*/ border:0px solid #000; line-height: 28px;}
.sanpham-tb .sanpham-info { vertical-align:top;}
.sanpham-tb .sanpham-info .laycode { color:gray; font-size: 12px;  width: 100px;display: inline-block; text-align: center; padding: 0px;line-height: 20px; cursor:pointer;}
.sanpham-tb .sanpham-info .face-follow { width:100%}
.sanpham-tb .sanpham-info .sp-imggroup { width:300px; display:inline-block;}
.sanpham-tb .sanpham-info .sp-imggroup .sp-pic-whow {width:100%;}
.sanpham-tb .sanpham-info .sp-infomation { font-size: initial;color: cornflowerblue;}
.sanpham-tb .sanpham-info .sp-pic-all { width:auto; display:block; text-align:center;}
.sanpham-tb .sanpham-info .sp-pic-all img { width:auto;margin-bottom:5px; max-width:870px;}
.sanpham-tb .sanpham-info .sp-infogroup { width:auto; display:inline-block;vertical-align: top; padding-left:10px;}
.sanpham-tb .sanpham-info .sp-infogroup table { min-width:280px; }
.sanpham-tb .sanpham-info .sp-infogroup .sp-longname{ font-weight: bold;}
.sanpham-tb .sanpham-info .sp-infogroup .mahang{ font-family:Arial; font-weight: bold; color: #0066ff;}
.sanpham-tb .sanpham-info .sp-infogroup .giaban{ font-family:Arial; font-weight: bold; color: red;}
.sanpham-tb .sanpham-info .sp-infogroup .colname { width:150px;} 
.sanpham-tb .sanpham-info .sp-infogroup .address { padding-left: 10px; font-family:Arial;} 
.sanpham-tb .sanpham-info .sp-infogroup .sale {color: Silver;font-weight: normal;text-decoration: line-through;}
.sanpham-info-rightside { padding-left:5px; vertical-align:top; }
.sanpham-rightside { display:inline-block; border:0px solid #f00; width:47%; background-repeat:no-repeat; background-size: 100%;  margin: 3px;}
.sanpham-rightside div { display:block;}
.sanpham-rightside .img { width:100%; height: 147px; }
.sanpham-rightside .itemname {  }
.sanpham-rightside .giasanpham {background-color: #fff;display: block;text-align: right;padding-right: 5px;font-family: arial;font-weight: bold;color: red;}
.sanpham-rightside .tensanpham {font-size:14px; max-height:20px; overflow: hidden; display: block; text-transform: lowercase; font-weight: normal; background-color:White; }

.shopcart-list { padding:5px; border:0px solid #999;}
.shopcart-list .thanhtoan-button { margin-top:10px;}
.shopcart-list .table {border: 1px solid #ddd;}
.shopcart-list .table td { padding:5px; vertical-align:middle;}
.shopcart-list .hinh img { width:60px;}
.shopcart-list .thanhtoan-button { text-align:right; display: block;}

.shopcart-dropdown-menu {    padding:0px;border-radius: 0px; top:35px;left:-40px; width:200px; border: 1px solid #aaa;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5); box-shadow: 0 0 8px rgba(0, 0, 0, .5);}
.shopcart-dropdown-menu:before, .shopcart-dropdown-menu:after {content: ""; position: absolute;left:97px;border-style: solid; border-width: 0 15px 15px;border-color: #FFFFFF transparent;display: block; width: 0;z-index: 1;}
.shopcart-dropdown-menu:before {top :-15px;border-color: #aaa transparent;}
.shopcart-dropdown-menu:after {top:-14px;border-color: #FFFFFF transparent;}
.shopcart-dropdown-menu table {width:100%;}
.shopcart-dropdown-menu table tr.listitem { border-bottom:1px dotted #ccc;}
.shopcart-dropdown-menu table tr:hover { background-color:#eee; cursor:pointer;}
.shopcart-dropdown-menu table tr td {padding: 5px 0px;}
.shopcart-dropdown-menu table tr td.btmenu { text-align:center;  color: #363636; font-size:13px; }
.shopcart-dropdown-menu .bookinfo { color:#777; font-size:12px;}
.shopcart-dropdown-menu .bookinfo span { display: block;}
.shopcart-dropdown-menu .bookname {}

.userinfo.table {}
.userinfo td { font-size:14px;}
.userinfo select {display:inline-block; width:30%}
.userinfo td:first-child { text-align: right; width:33.33%;}

.input-group-addon {border-right: 0px;}
.icon-head { margin-right: 6px;}

.tag, .bttag {display: inline-block; padding: 0px 8px; margin-bottom: 0; margin-right:3px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.tag-group {padding:5px;}
.bttag { cursor:pointer;}
.tag.border {border: 1px solid #ddd;}

.my360tieude { font-weight:bold; font-size: medium; display: block;}
.my360 {display: inline-block;}
.my360 .backgroud {}

.w40 {width:40px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w50p {width:50%;}

#ontop { display:block; width:50px; height:30px; position:fixed; left:5px; top:5px; background:#fff;}

#btcloseregister {}
#searchbox {background: #FFF url(/images/search-small-icon.png) no-repeat 4px 4px;border: 0px;outline:none;height:24px;	width: 80px;border-radius:0px;font-size:15px;padding:2px 2px 2px 25px;color:#111;}
#showcase .page_content  {text-align: center;margin: 0;border: 0px solid #d8d8d8;border-width: 0 0px 0px 0px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;padding-top:5px;background:transparent;}
#showcase .page_heading {    margin: 0;    padding: 10px 18px 0px 10px;    font: bold 14px/1em sans-serif;    color: #444;}
#showcase .paging { text-align:center; margin-bottom:5px;}

#changepassbox { display:none;}
#content { width:100%; padding:0px 0px;}

#headertitle { height:40px; background-color:#fff;  margin: auto;  left: 0px;  right: 0px;}
#headertitle .webheadlogo { height:25px; margin-left:10px; margin-right:30px;}
#headertitle div {display:inline-block; color: #999; margin-top:5px; width:20%;}
#headertitle div i { vertical-align:middle; font-size:28px; }
#headertitle div span {margin-left: 10px;  font-weight: bold;   font-size: 11px;  padding: 0px;  display: inline-block;  padding: 0px; top: 5px; vertical-align:middle; text-align:center;}

#homebanner { background-color:White;}
.bannerhome {margin-top:10px; width:100%;}

#testtable {background:#CCC; alignment-adjust:central; min-width:800px; max-width:1200px;}
#navigatemenu {box-shadow:0px 1px 1px #4D545F;background-color: #4D90FE;border: 1px solid #3079ED;z-index:1000;}

#filter { width:98%}
#filter table { background-color:#f00;}
#filter-table .filter-name { padding:3px 0px 3px 6px; text-align: left; width:100px; font-size: 14px; font-weight:none;}
#filter-table .filter-attr { padding:3px 0px 3px 6px;}

#footer { vertical-align: top; background-color:#fff; }
#footer .colume-2 {display:inline-block; padding: 0px 10px; }
#footer .colume-2 a img { width:100%; }
#footer .colume-2 SPAN { color:rgb(119, 118, 118); display:inline-block; width:100%; text-align: left ;}
#footer .colume-2 .header { font-size: 16px; font-weight: 600;margin: 0 0 3px;padding: 0;text-transform: uppercase; font-family:Times New Roman; color:#919191;}
#footer .colume-2 .hotline { font-size: 22px; font-weight: 600; font-family: Arial;}
#footer .colume-2 .address { font-size: 15px; font-weight: 500; font-family: Arial; margin-bottom:10px;}
#footer .colume-2 .logo { margin-bottom:10px; margin-top:10px;width: 100px;}
#footer .colume-1 {display:inline-block; text-align:left; padding: 10px;vertical-align: top; }
#footer .colume-1 SPAN {width:100%; text-align:left;}
#footer .colume-1 .header {font-family: Lato,sans-serif;font-style: normal; display:block;font-size: 16px;margin: 0 0 12px;padding: 0;text-transform: uppercase;font-weight: bold;  color: #959494;}
#footer .colume-1 a {font-family: Lato,sans-serif;font-style: normal; display:block;font-size: 15px;font-weight: 400;margin: 0 0 6px;padding: 0; color:#7e7e7e;}
#footer .colume-1 a.logo { display:inline-block;}
#footer .colume-1 img { width:50px;margin: 0px 3px;}
#footer .colume-1 div { margin-bottom:10px;}

#guestinfo {display:none;}
#guestpayment {display:none;}

#lblusername { font-weight:bold;}

#mainfrm { padding-top:0px;}
#myloginbox,#myregisterbox { display:none;}
#payoption {padding-left: 33px; display:none;}
#payoption table { margin-bottom:0px;}
#hoadonlist .state {}
#hoadonlist tr { cursor:pointer;}