@charset "utf-8";
/* ^^^css by:tuanlinhtb@gmail.com - Mobile: 0979 444 398 */
@import url(modules.css);
@import url(responsive.css);
@import url(font-awesome.css);

html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body {
background: #fff;
color: #EEEEEE;
font-size: 13px;
font-family: 'Roboto', Arial,Helvetica,sans-serif;
}

/*body::-webkit-scrollbar {
width: 1.1em;
}

body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.6);
}

body::-webkit-scrollbar-thumb {
background-color: #C1C1C1;
outline: 1px solid #D5A00F;
}*/

/*body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}

body::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}*/
#style-3::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb {
background-color: #000000;
}



img {
width: auto;
height: auto;
max-width: 100%; /* max-height:100%; */
vertical-align: middle;
}


:focus {
outline: 0 !important;
}

figure {
margin: 0;
padding: 0;
}

img[src*=".svg"] {
height: 100%;
}

iframe {
border: none;
}

::selection {
background: #B4D5FF; /* Safari */
color: #333333;
}

::-moz-selection {
background: #B4D5FF; /* Firefox */
color: #333333;
}

p {
margin-bottom: 10px;
}

* > p:last-child {
margin-bottom: 0 !important;
}

p a:hover {
border-color: transparent;
}

a:hover, a:focus {
text-decoration: none;
}

a {
text-decoration: none;
color: inherit;
background-color: transparent;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}

ul, ol {
margin: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: inherit;
font-family: inherit;
font-weight: 500;
margin: 0;
}

h1 {
font-size: 39px;
}

h2 {
font-size: 32px;
}

h3 {
font-size: 26px;
}

h4 {
font-size: 19px;
}

h5 {
font-size: 15px;
}

h6 {
font-size: 13px;
}

ol {
position: relative;
}

ul {
list-style: none;
}

label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}

.fl {
float: left;
}

.fr {
float: right;
}

.all {
float: left;
width: 100%;
}

.lazy {
background: #fff url(images/loading1.gif) center center no-repeat;
min-width: 32px;
min-height: 32px;
}

.hm-reponsive {
position: relative;
height: auto !important;
width: 100%;
padding-top: 56.25%;
overflow: hidden;
}

.hm-reponsive img {
object-fit: cover;
margin: auto;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.reponsive-img {
position: relative;
height: auto !important;
width: 100%;
padding-top: 56.25%;
overflow: hidden;
}

.reponsive-img img {
margin: auto;
position: absolute;
max-width: 100%;
max-height: 100%;
top: 15px;
left: 0;
right: 0;
bottom: 0;
}

.alink-all {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
z-index: 10;
}

.back-to-top {
position: fixed;
bottom: -50px;
right: -50px;
transition: all .5s ease-out;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
width: 40px;
height: 40px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
background-color: #E41C2C;
line-height: 45px;
text-align: center;
color: #fff;
display: inline;
z-index: 999999;
cursor: pointer;
}

.back-to-top a {
display: block;
}

.back-to-top:hover {
background: #eb9007;
color: #fff;
}

.back-to-top:hover a, .back-to-top a:focus {
color: #fff;
}

.back-to-top.display {
bottom: 35px;
right: 10px;
}

.form-group {
margin-bottom: 15px;
}

.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}

.embed-responsive-16by9 {
padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
padding-bottom: 75%;
}

.btnRed {
padding: 12px;
background-color: #eb1b22;
color: #fff;
}

.btnRed:focus, .btnRed:hover {
background-color: #c7262c;
color: #fff;
}

.btnWhile {
padding: 12px;
background-color: #fff;
color: #333;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

.btn-seedetails {
background-color: #fff;
color: #333;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,.5);
padding: 5px 10px;
}

.btn-seedetails:hover {
background: red;
color: #fff;
}
/*===================================================================================*/
/*	Index
/*===================================================================================*/
.mainbg {
background: #000 url("/Content/images/anhnen.jpg") top center no-repeat;
}

.logo {
padding: 0 !important;
margin-top: 12px;
}

.logo img {
padding: 0 !important;
max-height: 60px;
}

.headermenu {
background: black;
z-index: 999;
margin-bottom: 10px;
position: fixed;
width: 100%;
top: 0;
left: 0;
}
/*startmobile*/
@media (min-width:992px) {
.navmenu {
display: inline;
text-align: center;
padding-top: 5px;
float: left;
}

.navmenu > li {
text-align: center;
position: relative;
/*background: url(images/line.jpg) right center no-repeat;*/
display: inline-block;
color: #ffffff;
}

.navmenu > li:last-child {
background: none;
}

.navmenu > li:last-child ul.submenu {
left: inherit;
right: 0;
min-width: 200px;
}

.navmenu > li > a {
font-weight: 400;
display: block;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
font-size: 15px;
padding: 10px 25px 10px 10px;
border-radius: 5px;
}

.navmenu > li:hover, .navmenu > li.active {
color: #e0b000;
}

.navmenu > li.drop:after {
content: '';
position: absolute;
right: 4px;
top: 19px;
border: 5px solid transparent;
border-top-color: #fff;
}

ul.submenu {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 10000;
float: left;
min-width: 285px;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

ul.submenu li {
width: 100%;
display: block;
border: none;
text-align: left;
position: relative;
float: left;
padding: 0;
}

ul.submenu li a {
font-size: 13px;
padding: 0 10px 0 23px;
line-height: 35px;
color: #222222;
white-space: nowrap;
text-transform: none;
position: relative;
}

.navmenu > li ul.submenu li a:hover {
color: #ecb50e;
}

/*ul.submenu li a:before {
content: "\f101";
position: absolute;
font-family: FontAwesome;
top: 0px;
left: 8px;
font-size: 12px;
}*/

ul.submenu li:hover a {
color: #e0b000;
}

ul.submenu2 {
display: none;
position: absolute;
top: 0;
left: 100%;
z-index: 10000;
float: left;
min-width: 220px;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.navmenu > li:hover ul.submenu, ul.submenu > li:hover ul.submenu2 {
display: block;
}

.navmenu > li .icon {
width: 25px;
height: 25px;
margin: 0px 6px 0 5px;
}

.navmenu > li .icon img {
max-height: 25px;
}
}
/*end Media*/
.my-mobile-menu {
display: block;
}

.nav-btn-show {
line-height: 60px;
position: relative;
text-align: center;
cursor: pointer;
color: #fabd03;
font-size: 30px;
}

ul.navmenu > li > a i.fa {
font-size: 15px;
padding-right: 6px;
}

@media only screen and (max-width:992px) {
.navmenu {
display: none;
}
}

.mm-menu.mm-theme-white .mm-navbar a, .mm-navbar .mm-title {
color: #d2d2d2 !important;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
}
/*endtmobile*/
.inner-wrap {
position: relative;
}

.bxvideo {
width: 40%;
float: left;
padding-top: 170px;
padding-bottom: 20px;
}

.bxvideo .embed-responsive {
border: 2px solid #d8bf5c;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
}

.bxvideo iframe {
}

.bntab {
background: rgb(20, 20, 20);
padding: 4px;
}

/*.bnleft {
padding-left: 10px !important;
padding-right: 10px !important;
}

.bnright {
padding-left: 10px !important;
padding-right: 10px !important;
}*/

.sa-bntbox {
background: #000000;
min-height: 362px;
}

.sa-bnnav-tabs {
display: table;
width: 100%;
}

.sa-bnnav-tabs li {
display: table-cell;
vertical-align: middle;
text-align: center;
height: 41px;
background: #ecb50e;
color: #8c3b05;
}

.sa-bnnav-tabs li a {
display: block;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}

ul.sa-topthe li {
position: relative;
width: 100%;
padding: 10px 8px;
font-size: 14px;
float: left;
line-height: 30px;
color: #878787;
}

ul.sa-topthe li .spl-li-col {
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

ul.sa-topthe li .spl-li-col1 {
width: 35%;
min-height: 30px;
}

ul.sa-topthe li .spl-li-col2 {
width: 40%;
text-align: center;
}

ul.sa-topthe li .spl-li-col3 {
width: 25%;
}

ul.sa-topthe li .spl-li-col a {
color: #ecb50e;
}

ul.sa-topthe li .spl-li-col .price {
color: #ff1616;
font-weight: bold;
font-size: 15px;
}
/* @group Base */
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
zoom: 1;
*display: inline;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

.chosen-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
width: 80%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0,0,0,0.15);
}

.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}

.chosen-container a {
cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top;
}
/* @end */

/* @group Single Chosen */
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 34px;
border: 1px solid #ccc;
border-radius: 0;
background-color: #e7e8ea;
background-clip: padding-box;
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 34px;
}

.chosen-container-single .chosen-default {
color: #999;
}

.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
}

.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url('images/chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}

.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url('images/chosen-sprite.png') no-repeat 0 6px;
}

.chosen-container-single .chosen-search {
display: none;
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: white url('images/chosen-sprite.png') no-repeat 100% -20px;
background: url('images/chosen-sprite.png') no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}

.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}
/* @end */

/* @group Results */
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}

.chosen-container .chosen-results li.highlighted {
background-color: #ecb50e;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(20%,#ecb50e),color-stop(90%,#2a62bc));
background-image: -webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);
background-image: -moz-linear-gradient(#3875d7 20%,#2a62bc 90%);
background-image: -o-linear-gradient(#3875d7 20%,#2a62bc 90%);
background-image: linear-gradient(#3875d7 20%,#2a62bc 90%);
color: #fff;
}

.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}

.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}

.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */

/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 3px 5px;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(1%,#eeeeee),color-stop(15%,#ffffff));
background-image: -webkit-linear-gradient(#eeeeee 1%,#ffffff 15%);
background-image: -moz-linear-gradient(#eeeeee 1%,#ffffff 15%);
background-image: -o-linear-gradient(#eeeeee 1%,#ffffff 15%);
background-image: linear-gradient(#eeeeee 1%,#ffffff 15%);
cursor: text;
}

.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
box-shadow: 0 0 2px white inset,0 1px 0 rgba(0,0,0,0.05);
color: #333;
line-height: 13px;
cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url('images/chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eeeeee));
background-image: -webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
background-image: -moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
background-image: -o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
background-image: linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */

/* @group Active  */
.chosen-container-active .chosen-single {
border: 1px solid #ecb50e;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(20%,#eeeeee),color-stop(80%,#ffffff));
background-image: -webkit-linear-gradient(#eeeeee 20%,#ffffff 80%);
background-image: -moz-linear-gradient(#eeeeee 20%,#ffffff 80%);
background-image: -o-linear-gradient(#eeeeee 20%,#ffffff 80%);
background-image: linear-gradient(#eeeeee 20%,#ffffff 80%);
box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 6px;
}

.chosen-container-active .chosen-choices {
border: 1px solid #ecb50e;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important;
}
/* @end */

/* @group Disabled Support */
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}

.chosen-disabled .chosen-single {
cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */

/* @group Right to Left */
.chosen-rtl {
text-align: right;
}

.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}

.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}

.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}

.chosen-rtl .chosen-choices li {
float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop {
left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
background: white url('images/chosen-sprite.png') no-repeat -30px -20px;
background: url('images/chosen-sprite.png') no-repeat -30px -20px;
direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}
/* @end */

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx) {
.chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
background-image: url('chosen-sprite@2x.png') !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
/* @end */
.sa-lprod {
background-color: rgba(0, 0, 0, 1);
padding: 15px 0;
}

.form-group-select .chosen-container {
width: 100% !important;
}

.form-group label.txt {
font-size: 14px;
color: #444;
display: block;
margin-bottom: 5px;
font-weight: 400;
line-height: 20px;
}

.form-group .form-control {
border-radius: 0px;
box-shadow: none;
background-color: #e7e8ea;
}

.btn-search {
padding: 6px 20px;
font-size: 17px;
background: #ecb50e;
border: none;
box-shadow: none;
color: #8c3b05;
transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
}

.btn-search i.fa {
padding-right: 5px;
}

.title01 {
    font-size: 23px;
    color: #fabd03;
    font-weight: normal;
    margin-bottom: 12px;
    font-weight: 300;
    text-transform: uppercase;
    /* float: left; */
    width: 100%;
    padding: 0px 0 0 15px;
}

.colimg {
}

.colimg a {
}

.colimg img {
width: 100%;
}

.colimg-1 {
width: 100%;
float: left;
margin-bottom: 13px;
}

.colimg-2 {
float: left;
margin-bottom: 5px;
width: 49.5%;
}

.colimg-3 {
float: right;
margin-bottom: 5px;
width: 49.5%;
}

ul.list-ac li {
margin-bottom: 30px;
}

.bg-ac {
overflow: hidden;
position: relative;
text-align: center;
background: #000000;
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
border: 1px solid #262626;
}

.bg-ac .reponsive-img {
padding-top: 73%;
}

.bg-ac .reponsive-img img {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.bg-ac .reponsive-img img:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

.c-product-item_info {
padding: 5px 10px 10px;
}

.bg-ac .rank-box {
overflow: hidden; /* position: absolute; */ /* top: 0; */ /* left: 0; */
padding: 5px 5px 5px 5px; /* width: 100%; */
height:72px;
overflow: hidden;
}

.bg-ac .rank-box .c-rank {
float: left;
font-weight: 300;
font-size: 15px;
line-height: 30px;
/*white-space: nowrap;*/
text-align: left;
padding-right: 15px;
color: #0ce3ac;
padding: 0 10px;
background: #000000;
border: 1px solid #494949;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 100%;
}

.bg-ac .rank-box .o-rank {
font-size: 15px;
color: #4d4d4d;
font-weight: 300;
display: inline-block;
vertical-align: middle;
text-decoration: line-through;
white-space: nowrap;
}

.bg-ac .rank-box .notify {
border-radius: 3px;
line-height: 30px;
position: relative;
min-width: 30px;
text-align: center;
font-weight: 400;
display: block;
float: right;
padding: 0 10px;
color: #000000;
background: -webkit-linear-gradient(bottom, #fabd03 0%, #fabd03 100%);
border: 1px solid #494949;
}

.bg-ac .price-box {
padding: 3px 0 10px;
overflow: hidden;
font-size: 16px;
font-weight: bold;
float: left;
width: 100%;
text-align: right;
}

.bg-ac .price-box .cart-price {
color: red;
white-space: nowrap;
display: inline-block;
padding-bottom: 3px;
float: left;
}

.bg-ac .price-box .atm-price {
color: red;
display: inline-block;
white-space: nowrap;
padding-bottom: 5px;
}

.btn-buynow {
padding: 5px 15px;
font-size: 17px;
box-shadow: none;
color: #000202;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
background-color: red; /*border: 1px solid #FABD06;*/
}

.btn-buynow:hover {
background: #fabd03 !important;
color: #fff;
}

.bginfo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 10px 0 10px;
z-index: 2;
-webkit-transition: visibility 0s 0.2s,opacity 0.2s linear;
-ms-transition: visibility 0s 0.2s,opacity 0.2s linear;
-moz-transition: visibility 0s 0.2s,opacity 0.2s linear;
-o-transition: visibility 0s 0.2s,opacity 0.2s linear;
transition: visibility 0s 0.2s,opacity 0.2s linear;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
pointer-events: none;
background: rgba(68,68,68,0.6);
border: 6px solid rgb(28, 27, 33);
}

.bg-ac:hover .bginfo {
opacity: 1;
opacity: 1;
-webkit-transition: all 0.50s ease-in-out;
-moz-transition: all 0.50s ease-in-out;
-ms-transition: all 0.50s ease-in-out;
-o-transition: all 0.50s ease-in-out;
visibility: visible;
}

.bginfo .productFeatures {
padding: 0 15px;
margin: 0;
font-size: 14px;
}

.productFeatures ul li {
display: block;
overflow: hidden;
margin: 0;
padding: 4px 0;
}

.productFeatures span {
font-family: 'Roboto',sans-serif;
text-align: left;
position: relative;
padding-left: 20px;
color: #fff;
display: inline-block;
background: #000;
border-radius: 18px;
line-height: 24px;
padding: 2px 15px;
}

.showmore {
width: 100%;
display: block;
float: left;
padding: 10px;
text-align: center;
background-color: #ececec;
margin-top: 20px;
font-size: 18px;
color: #e23a24;
margin-bottom: 30px;
}

.showmore span {
font-size: 15px;
color: #6b6b6b;
display: inline-block;
padding-left: 3px;
}

.showmore:hover, .showmore:focus {
background-color: #e23a24;
color: #fff;
}

.showmore:hover span, .showmore:focus span {
color: #fff;
}

#footer {
padding: 20px 0;
background: #080808;
color: #676767;
}

.sa-ftadd {
margin-bottom: 20px;
}

.sa-fthotline {
width: 100%;
max-width: 470px;
padding: 10px 13px;
border: 2px solid #1f1f1f;
background: #141414;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.sa-ftacol {
float: left;
padding: 0 3px;
}

.sa-fthnum {
position: relative;
width: 56%;
border-right: 1px solid #2d2d2d;
}

.sa-fthnum:before {
content: '';
position: absolute;
top: 5px;
left: 5px;
display: inline-block;
width: 33px;
height: 33px;
background: url(images/icon.png) no-repeat 0 -36px;
}

.sa-fthnum p {
padding-left: 50px;
}

.sa-fthwork {
text-align: center;
width: 44%;
font-size: 14px;
}

.sa-fthwork strong {
color: #bebebe;
}

.sa-fthnum a {
font-size: 15px;
font-weight: bold;
color: #fabd03;
}

.sa-statistics {
overflow: hidden;
}

.sa-statistics p {
font-weight: bold;
}

.sa-statistics p span {
font-weight: bold;
color: #fabd03;
}

.btn-social-icon {
position: relative;
padding-left: 44px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 30px;
width: 30px;
padding: 0;
background: #e23a24;
color: #fff;
}

.btn-social-icon > :first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
line-height: 30px;
font-size: 16px;
text-align: center;
width: 100% !important;
}

.btn-facebook:hover {
color: #fff;
background-color: #3b5998;
border-color: rgba(0,0,0,0.2);
}

.btn-google-plus:hover {
color: #fff;
background-color: #dd4b39;
border-color: rgba(0,0,0,0.2);
}

.btn-twitter:hover {
color: #fff;
background-color: #55acee;
border-color: rgba(0,0,0,0.2);
}

.btn-youtube:hover {
color: #fff;
background-color: #cb2027;
border-color: rgba(0,0,0,0.2);
}

.btn-pinterest:hover {
color: #fff;
background-color: #cb2027;
border-color: rgba(0,0,0,0.2);
}

.social span {
display: inline-block;
vertical-align: middle;
padding-right: 5px;
font-size: 14px;
}

.breadcrumb {
margin: 0;
padding: 12px 15px;
border-radius: 0;
border: 1px solid #74621c;
background-color: #282a30;
}

.breadcrumb > li {
font-size: 14px;
color: #f8cc32;
}

.box-cate {
background: #141414;
padding: 10px;
position: relative;
}

.pd-name {
font-size: 18px;
padding: 10px 0 10px;
color: #fabd03;
line-height: 25px;
font-weight: 700;
float: left;
}

.pd-name span.fa {
color: #ffc90e;
padding-right: 8px;
}

.sa-ttactul {
float: right;
}

.sa-ttactul li {
display: inline-block;
vertical-align: middle;
padding: 0 5px;
}

.sa-ttactul li.sa-ttac-pri {
color: #ff1616;
font-weight: bold;
font-size: 20px;
padding-right: 10px;
}

.btn-preorder-acc {
padding: 5px 15px;
font-size: 17px;
box-shadow: none;
color: #333;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
background: #fabd03;
}

.btn-buy-acc {
padding: 5px 15px;
font-size: 17px;
box-shadow: none;
color: #fabd03;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
}

.nav-tab-booking {
background: #e7e8ea;
}

.nav-tab-booking .tab-link {
float: left;
font-size: 15px;
padding: 15px 20px;
background: #e7e8ea;
cursor: pointer;
color: #333;
font-weight: 500;
text-transform: uppercase;
}

.nav-tab-booking .tab-link i.fa {
font-size: 15px;
padding-right: 5px;
}

.nav-tab-booking .tab-link.current {
background: #ecb50e !important;
}

.tab-content-booking {
position: relative;
line-height: 17px;
display: none; /* overflow:hidden;*/
padding: 15px 0;
}

.tab-content-booking.current {
display: inherit;
}

.detail_account {
line-height: 20px;
font-size: 15px;
color: #fff;
text-align: center;
}

.l-i-c-acc {
margin: 5px 0;
text-align: center;
overflow: hidden;
}

.l-i-c-acc li {
/*width: 14.2857142857%;*/
width: 10%;
float: left;
border: 1px #222222 solid;
padding: 3px;
box-sizing: border-box;
}

.l-i-c-acc li .hm-reponsive {
padding-top: 131.25%;
margin: 0;
}

.l-i-c-acc li img {
display: block;
margin: 0 auto;
}

.l-i-c-acc li label {
background: #000000;
min-height: 80px;
padding: 10px 0;
display: block;
font-size: 13px;
overflow: hidden;
margin: 0;
}

.thumbnail-news-view {
position: relative;
overflow: hidden;
line-height: 20px;
font-size: 14px;
color: #FFFFFF;
}

.thumbnail-news-view > h1, .thumbnail-news-view > h2 {
font-size: 19px;
font-weight: 500;
color: #fabd03;
text-transform: uppercase;
line-height: 30px;
}

.block_timer_share {
padding: 10px 0 20px 0;
width: 100%;
overflow: hidden;
}

.block_timer {
font-size: 14px;
font-weight: 400;
padding: 5px 0 0;
white-space: nowrap;
}

.block_share {
padding-right: 10px;
}

.block_share a {
width: 24px;
height: 22px;
display: block;
margin-right: 7px;
float: left;
text-align: center;
line-height: 22px;
background-color: #999999;
color: #fff;
text-decoration: none;
font-size: 11px;
}

.block_share .facebook {
background-color: #3B5A9A;
}

.block_share .google {
background-color: #DF4B38;
}

.block_share .twitter {
background-color: #29A9E1;
}

.block_share .email {
background-color: #999999;
}

.block_share .print {
background-color: #999999;
}

.post_content {
word-wrap: break-word;
padding-bottom: 20px;
line-height: 25px;
}

.post_content p {
padding-bottom: 10px;
margin-bottom: 10px;
}

.other-news-detail {
position: relative;
padding: 0;
margin-top: 20px;
}

.other-news-detail h2 {
font-size: 20px;
border-bottom: 1px solid #ccc;
font-weight: 400;
color: #fff;
margin-bottom: 20px;
text-transform: uppercase;
position: relative;
padding-bottom: 20px;
}

.other-news-detail h2 span {
background: #6c6b6a;
position: absolute;
top: 8px;
left: 0;
padding: 0 15px;
}

.other-news-detail ul li {
padding: 5px 0 5px 0;
display: block;
position: relative;
}

.other-news-detail ul li a {
text-decoration: none;
display: block;
padding-left: 18px;
line-height: 20px;
font-size: 14px;
color: #878787;
}

.other-news-detail ul li a:hover {
text-decoration: underline;
}

.other-news-detail ul li:before {
content: "";
position: absolute;
top: 11px;
left: 2px;
width: 4px;
height: 4px;
background: #ccc;
}

.table-popcart {
float: left;
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
}

.table-popcart td {
color: #333;
}

.table-striped > tbody > tr {
background: #fff;
}

.table > thead > tr:first-child > th {
background: #18171c;
padding: 12px 8px;
}

.sa-lichek:before {
content: "(*)";
position: absolute;
top: 8px;
right: 20px;
color: #ff0000;
}

.hr_title {
font-weight: 500;
font-size: 16px;
padding: 0 10px;
line-height: 29px;
position: relative;
text-align: center;
margin: 15px 0 25px;
}

.hr_title:before {
content: "";
background-color: #ecb50e;
bottom: 0;
height: 1px;
position: absolute;
top: 0;
width: 100%;
left: 0;
margin: auto;
}

.hr_title .text {
position: relative;
padding: 6px 15px;
font-weight: bold;
font-size: 14px;
background: #ecb50e;
color: #8c3b05;
}

.btn-social {
position: relative;
padding-left: 44px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 0;
border: none;
}

.btn-social > :first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 32px;
line-height: 34px;
font-size: 17px;
text-align: center;
}

.btn-social + .btn-social {
margin-left: 5px;
}

.btn-facebook {
color: #fff;
background-color: #3b5998;
border-color: rgba(0,0,0,0.2);
}

.btn-google-plus {
color: #fff;
background-color: #dd4b39;
border-color: rgba(0,0,0,0.2);
}

.btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus.active, .open > .dropdown-toggle.btn-google-plus {
color: #fff;
background-color: #c23321;
border-color: rgba(0,0,0,0.2);
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
color: #fff;
background-color: #2d4373;
border-color: rgba(0,0,0,0.2);
}

.bg-ac .btn-buynow {
background: red;
padding: 5px 10px;
border: none;
font-size: 16px;
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
}

.acft a i.fa {
padding-right: 5px;
}

.bg-ac .acft {
padding: 0 0 10px;
}

.acft a:nth-child(1) {
float: left;
min-width: 110px;
}

.acft a:nth-child(2) {
float: right;
min-width: 110px;
	height: 32px !important;	
}

/*.bg-ac .pl-item-des {
padding: 10px;
height: 140px;
line-height: 25px;
color: #fff;
font-size: 13px;
text-align: left;
overflow: hidden;
}

.bg-ac .pl-item-des span {
display: inline-block;
width: 100%;
float: left;
padding: 0 5px;
}*/

.bg-ac .pl-item-des {
background: #141414;
padding: 5px 10px 0px 10px;
height: 140px;
line-height: 170%;
color: #fff;
font-size: 13px;
text-align: left;
overflow: hidden;
}

.bg-ac .pl-item-des span {
display: block;
float: left;
width: 100%;
}
.bg-ac .pl-item-des span.mutiple {
float: left;
width: 50%;
}

.bg-ac .pl-item-des span i {
background-color: white;
border-radius: 50%;
width: 7px;
height: 7px;
float: left;
margin: 6px 6px 0 0;
}

.sa-user {
float: right;
padding-top: 7px;
position: relative;
}

.sa-usmoney {
position: relative;
font-size: 12px;
color: #b9b9b9;
padding-right: 30px;
border: 1px solid #3d414d;
background: #141414;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.sa-usmoney strong {
color: #fabd03;
}

.sa-usmoney:after {
position: absolute;
top: 0;
right: 0;
text-align: center;
height: 30px;
line-height: 30px;
padding: 0 5px;
color: #000000;
background: #626262;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
content: "\f078";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
}

.dropdown-usmenu {
position: absolute;
min-width: 230px;
top: 50px;
left: inherit;
right: 0;
background: #111112;
padding: 5px 15px;
border: 1px solid #212121;
}

.dropdown-usmenu:before {
content: '';
position: absolute;
border-style: solid;
border-width: 0 8px 8px;
border-color: #212121 transparent;
display: block;
width: 0;
z-index: 10;
top: -8px;
right: 12px;
}

.dropdown-usmenu:after {
content: '';
position: absolute;
border-style: solid;
border-width: 0 8px 8px;
border-color: #111112 transparent;
display: block;
width: 0;
z-index: 11;
top: -7px;
right: 12px;
}

.dropdown-usmenu a {
display: block;
width: 100%;
font-weight: 500;
font-size: 14px;
padding: 8px 0;
color: #686868;
border-bottom: 1px dotted #686868;
text-transform: uppercase;
}

.dropdown-usmenu a:hover {
color: #fabd03;
}

.dropdown-usmenu a:last-child {
border-bottom: none;
}

.dropdown-usmenu i.fa {
padding-right: 5px;
}


.navmenu > li {
position: relative;
}

.navmenu > li ul.submenu {
/*position: absolute;
top: 100%;
width: 150px;
right: 0;
border: 1px solid #aaa;*/
position: absolute;
min-width: 200px;
/* top: 60px; */
left: inherit;
right: 0;
background: #111112;
padding: 5px 15px;
border: 1px solid #212121;
}

.navmenu > li ul.submenu li a {
/*float: left;
height: 40px;
width: 100%;
font-size: 14px;
font-weight: bold;*/
display: block;
width: 100%;
font-weight: 500;
font-size: 14px;
padding: 8px 0;
color: #ffffff;
border-bottom: 1px dotted #ffffff;
text-transform: uppercase;
}

.navmenu > li ul.submenu li strong {
height: 40px;
float: left;
width: 100%;
line-height: 40px;
padding: 0 0 0 23px;
}

.navmenu > li.active > a, .navmenu > li:hover > a {
color: #000000;
background: linear-gradient(to top, #fabd03 0%, #fabd03 100%);
background: -moz-linear-gradient(to top, #fabd03 0%, #fabd03 100%);
background: -o-linear-gradient(to top, #fabd03 0%, #fabd03 100%);
background: -ms-linear-gradient(to top, #fabd03 0%, #fabd03 100%);
background: -webkit-linear-gradient(bottom, #fabd03 0%, #fabd03 100%);
}

.skin_box {
position: relative;
}

.list_skin, .list_champion {
width: 260px;
float: left;
border: 1px solid #fff;
position: absolute;
z-index: 9999;
background: #222;
display: none;
}

.list_skin li, .list_champion li {
float: left;
width: 100%;
height: 30px;
line-height: 30px;
padding: 0 5px;
border-bottom: 1px solid #fff;
}

.list_skin li a, .list_champion li a {
float: left;
width: 100%;
}
/*add css 15/4/2017*/
.btn.userCP {
text-align: center;
position: relative;
font-size: 15px;
color: #ffffff;
border: 1px solid #3d414d;
background: #141414;
}

.text-right.all.mt20.mb20 {
text-align: center;
padding-left: 15px;
}

.pagination > li > a.active {
background-color: #eee;
border-color: #ddd;
color: #23527c;
}

ul.list-ac.all {
background-color: #141414;
padding-top: 15px;
}

.box-new-cate {
background: #141414;
}

ul.list-new-cate {
padding: 0 15px;
}

ul.list-new-cate li {
padding: 20px 0;
float: left;
width: 100%;
border-bottom: 1px dashed #e5e5e5;
}

ul.list-new-cate li figure {
}

ul.list-new-cate li figure a {
display: block;
}

ul.list-new-cate li figure img {
}

ul.list-new-cate li .blogtitle {
display: block;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 5px;
line-height: 24px;
max-height: 100px;
overflow: hidden;
}

ul.list-new-cate li .blogtitle a {
font-size: 14px;
color: #fff;
}

ul.list-new-cate li .blogtime {
padding: 6px 0;
font-size: 13px;
color: #78787a;
margin-bottom: 5px;
font-style: italic;
}

ul.list-new-cate li .blogtime span:first-child {
border-left: 0;
padding-left: 0;
}

ul.list-new-cate li .blogtime span {
border-left: 1px solid #afafaf;
padding: 0 10px;
margin: 0 0 0 10px;
}

ul.list-new-cate li .blogtime i.fa {
padding-right: 3px;
}

ul.list-new-cate li .blogsummary {
color: #0e0e0e;
font-size: 15px;
padding-bottom: 15px;
line-height: 22px;
max-height: 65px;
overflow: hidden;
}

ul.bankList {
clear: both;
height: 202px;
width: 636px;
}

ul.bankList li {
list-style-position: outside;
list-style-type: none;
cursor: pointer;
float: left;
margin-right: 0;
padding: 5px 2px;
text-align: center;
width: 90px;
}

.list-content {
float: left;
width: 100%;
margin: 20px 0 0;
color: #fff;
}

.list-content li {
list-style: none outside none;
margin: 0 0 10px;
}

.list-content li .boxContent {
display: none;
width: 100%;
border: 1px solid #cccccc;
padding: 10px;
float: left;
margin: 0 0 20px 0;
}

.list-content li.active .boxContent {
display: block;
}

.list-content li .boxContent ul {
height: 280px;
}

i.VISA, i.MASTE, i.AMREX, i.JCB, i.VCB, i.TCB, i.MB, i.VIB, i.ICB, i.EXB, i.ACB, i.HDB, i.MSB, i.NVB, i.DAB, i.SHB, i.OJB, i.SEA, i.TPB, i.PGB, i.BIDV, i.AGB, i.SCB, i.VPB, i.VAB, i.GPB, i.SGB, i.NAB, i.BAB {
width: 80px;
height: 30px;
display: block;
background: url(https://www.nganluong.vn/webskins/skins/nganluong/checkout/version3/images/bank_logo.png) no-repeat;
}

i.MASTE {
background-position: 0px -31px;
}

i.AMREX {
background-position: 0px -62px;
}

i.JCB {
background-position: 0px -93px;
}

i.VCB {
background-position: 0px -124px;
}

i.TCB {
background-position: 0px -155px;
}

i.MB {
background-position: 0px -186px;
}

i.VIB {
background-position: 0px -217px;
}

i.ICB {
background-position: 0px -248px;
}

i.EXB {
background-position: 0px -279px;
}

i.ACB {
background-position: 0px -310px;
}

i.HDB {
background-position: 0px -341px;
}

i.MSB {
background-position: 0px -372px;
}

i.NVB {
background-position: 0px -403px;
}

i.DAB {
background-position: 0px -434px;
}

i.SHB {
background-position: 0px -465px;
}

i.OJB {
background-position: 0px -496px;
}

i.SEA {
background-position: 0px -527px;
}

i.TPB {
background-position: 0px -558px;
}

i.PGB {
background-position: 0px -589px;
}

i.BIDV {
background-position: 0px -620px;
}

i.AGB {
background-position: 0px -651px;
}

i.SCB {
background-position: 0px -682px;
}

i.VPB {
background-position: 0px -713px;
}

i.VAB {
background-position: 0px -744px;
}

i.GPB {
background-position: 0px -775px;
}

i.SGB {
background-position: 0px -806px;
}

i.NAB {
background-position: 0px -837px;
}

i.BAB {
background-position: 0px -868px;
}

ul.cardList li {
cursor: pointer;
padding: 5px 4px;
text-align: center;
width: 25%;
float: left;
}

ul.cardList li label {
float: left;
width: 100%;
text-align: left;
font-weight: normal;
font-size: 13px;
}

ul.cardList li input {
float: left;
text-align: left;
margin: 6px 5px 0 0;
}

.btn-card {
color: #fff;
background: url(images/btn-card.png) no-repeat center center / auto 200px;
min-width: 200px;
height: 200px;
border-radius: 9999px;
border: 5px solid #ccc;
text-indent: -9999px;
}

.btn-card:hover {
color: #fff;
background-color: #3b5998;
border-color: rgba(0,0,0,0.2);
}

.btn-atm {
color: #fff;
background: url(images/btn-atm.png) no-repeat center center / auto 200px;
min-width: 200px;
height: 200px;
border-radius: 9999px;
border: 5px solid #ccc;
text-indent: -9999px;
}

.btn-atm:hover {
color: #fff;
background-color: #3b5998;
border-color: rgba(0,0,0,0.2);
}

.loading {
background: #fff url(images/loading1.gif) center center no-repeat;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
opacity: 0.5;
padding: 0;
margin: 0;
display: none;
}

/*add 24/4/2017*/
.wrap {
background-color: #3b5998;
position: fixed;
width: 300px !important;
height: 360px !important;
z-index: 9999999;
right: 0px;
bottom: 0px;
padding-left: 10px;
padding-right: 10px !important;
padding-top: 40px;
}
.fb-page.fb_iframe_widget {
    width:  280px !important;
}

.x {
font-family: arial, helvetica;
background: rgba(78,86,101,0.8) none repeat scroll 0 0;
font-size: 14px;
font-weight: bold;
color: #fff;
display: inline-block;
height: 25px;
line-height: 25px;
position: absolute;
right: 0;
text-align: center;
top: -19px;
width: 25px;
z-index: 99999999;
}

.x:hover {
cursor: pointer;
}

.pxem {
text-align: center;
height: 25px;
margin-bottom: 0;
margin-top: 0;
background: #3b5998;
width: 100%;
bottom: 0;
display: block;
left: 0px;
position: absolute;
z-index: 999999999;
/*border-left: 1px solid #fff;*/
}

.pxem a.axem {
color: #fff;
font-family: arial,helvetica;
font-size: 12px;
line-height: 23px;
padding-left: 5px;
text-decoration: none;
}

.pxem a.axem:hover {
text-decoration: underline;
}

.alogo {
position: absolute;
bottom: 0;
right: 0px;
z-index: 999999999999;
width: 75px;
height: 20px;
display: inline-block;
background: #34495E;
border-left: 2px solid #2c3e50;
padding-right: 0px;
padding-left: 5px;
}

.vnk-tuvan {
position: fixed;
width: 300px;
background: #3b5998;
z-index: 99999999;
right: 0px;
bottom: 0px;
border-style: solid solid none;
border-width: 1px 1px 0;
border-color: #2c3e50;
}

.vnk-tuvan p {
color: #fff;
font-size: 15px;
margin: 0;
padding: 0 13px;
text-align: left;
}

.vnk-tuvan p a {
color: #fff;
font-size: 15px;
padding: 5px 0px 7px;
margin: 0;
display: inline-block;
font-family: arial, helvetica;
text-decoration: none;
}

.vnk-tuvan p a:hover {
text-decoration: underline;
cursor: pointer;
}

.vnk-tuvan p img {
float: right;
margin-top: 10px;
}

.slider-bntop {
/*height: 363px;*/
overflow: hidden;
}
/*add css 28/4*/
.col-lg-10.col-md-10.col-sm-4.col-xs-5.menuTop {
padding-right: 2px !important;
}

.row.border-search {
background-color: #141414;
padding-top: 10px;
padding-bottom: 10px;
}

li.tab-link.current.same-price {
width: 100%;
text-align: center;
}

#mask {
position: absolute;
left: 0;
top: 0;
z-index: 9000;
background-color: #000;
display: none;
}

#boxes .window {
position: absolute;
left: 0;
top: 0;
width: 440px;
height: 200px;
display: none;
z-index: 9999;
padding: 20px;
border-radius: 15px;
text-align: center;
}

#boxes #dialog {
width: 750px;
height: 300px;
padding: 10px;
background-color: #ffffff;
font-family: 'Segoe UI Light', sans-serif;
font-size: 15pt;
}

#popupfoot {
font-size: 16pt;
position: absolute;
bottom: 0px;
width: 250px;
left: 250px;
}

li.tab-link.same-price {
width: 100%;
background-color: #ecb50e;
text-align: center;
}
.h1_logo, .h2_logo {
position: absolute;
text-indent: -9999px;
}
.l-i-c-acc {
position: relative;
}
.l-i-c-acc li.logo{
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
z-index: 99999;
width: 100%;
height: 50px;
min-height: 50px;
border: none;
}
.l-i-c-acc li.logo label {
opacity: 0.4;
font-size: 30px;
padding: 0;
}
a.btn.btn-buy-acc {
    color: black;
    background-color: #fabd03;
    font-size: 14px;
}
a.btn.btn-buy-acc:hover {
    background-color: #f00;
}

.btn-akrbuy {
background-color: #f00;
color: #fff;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,.5);
padding: 5px 10px;
}

.btn-akrbuy:hover {
background: #fabd03;
color: #fff;
}
.btn-akrcheckout {
background-color: #fabd03;
color: #fff;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,.5);
padding: 5px 10px;
}

.btn-akrcheckout:hover {
background: #f00;
color: #fff;
}
.mh20 {
    min-height:20px !important;
}
.ui-selectmenu-button.ui-button {
    width: 100% !important;
    height: 34px !important;
	line-height: 34px !important;
    border-radius: 0 !important;
	padding: 0 5px !important;
	position: relative;
}
.ui-icon-triangle-1-s {
    background-position: -61px 0px !important;
    position: absolute !important;
    right: 5px !important;
    bottom: 0 !important;
    top: 0 !important;
    margin: auto !important;
}

.none-padding {
    padding: 0 !important;
}


.float-menu {
    width: 180px;
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 999;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
@media (max-width: 380px) {
    .float-menu {
        width: 100% !important;
        bottom: 0 !important;
        top: auto;
    }
    a.float-btn {
        width: 100% !important;
        text-align: center !important;
    }
}
a.float-btn {
    background: #000;
    width: 180px;
    height: 40px;
    display: block;
    border: 1px solid #fff;
    border-right: none;
    font-size: 17px;
    line-height: 40px;
    text-align: right;
    color: #fff;
	padding: 0 10px 0 0;
}
a.float-btn:first-child {
    color: #000;
    background: #FDB603 url(images/LQ.png) no-repeat left center;
    margin: 0 0 5px 0;
}
a.float-btn:last-child {
    background: #b8312f url(images/LM.png) no-repeat left center / 35px 35px;
}
.akr-copy {
    float: right;
    font-style: italic;
    text-decoration: underline;
    color: #f00;
}
ol.breadcrumbList{
    float: left;
    width: 100%;
    margin: 20px 0 0;
}
ol.breadcrumbList li{
    float: left;
    width: 50%;
    color: #676767;
    margin: 0 0 10px 0;
}
ol.breadcrumbList li a{
    font-size: 13px;
    color: #676767;
}
.checked {
    background: url(images/check_account.png) no-repeat center center / 18px 18px;
    text-indent: -9999px;
    float: left;
    width: 100%;
    height: 18px;
}
/*menu shop*/
.headerbar{
    float: left;
    width: 100%;
    text-align: center;
}
.headerbar li{
    display: inline-block;
}
.headerbar li a{
    border: 1px #e69800 solid;
    color:#e69800;
}
.bodybar, .game-other {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}
.bodybar li:first-child {
    float: left;
    background: url(images/LM.png) no-repeat 0 0;
    height: 60px;
    font-size: 20px;
    line-height: 60px;
    padding: 0 0 0 60px;
}
.bodybar li:last-child {
    float: right;
    background: url(images/LQ.png) no-repeat right center;
    height: 60px;
    font-size: 20px;
    line-height: 60px;
    padding: 0 60px 0 0;
}
.bodybar li.other:first-child {
    float: left;
    background: url(images/freefire.png) no-repeat 0 0 / auto 60px;
    height: 60px;
    font-size: 20px;
    line-height: 60px;
    padding: 0 0 0 185px;
}
.bodybar li.other:last-child {
    float: right;
    background: url(images/pubg.png) no-repeat right center / auto 60px;
    height: 60px;
    font-size: 20px;
    line-height: 60px;
    padding: 0 100px 0 0;
}

.pd0 {
    padding: 0 !important;
}
.toolbar.left{
    float: left;
    margin: 0 0 10px;
}
.toolbar.right{
    float: right;
    margin: 0 0 10px;
}
.toolbar li{
    float: left;
}
.toolbar.left li a{
    margin: 0 5px 0 0;
}
.toolbar.right li a{
    margin: 0 0 0 5px;
}
.toolbar li a{
    float:left;
    padding: 5px;
    border: 1px #e69800 solid;
    color:#e69800;
}
.toolbar li a.active, .toolbar li a:hover {
    background: #e69800;
    color: #000;
}
.toolbar.right input {
    margin: 0 15px 0 0;
    height: 32px;
}

#order-note {
    text-align: center;
    margin: 10px 0 0;
    float: left;
    width: 100%;
    font-size: 15px;
    color: #f00;
    height: 50px;
}

/*statistic*/
.statistic {
    float: left;
    width: 100%;
    margin: 10px 0 40px 0;
}
.statistic li{
    float: left;
    width: 33.333%;
}
.statistic li p{
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
}
.statistic li p:first-child{
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
.statistic li p label{
    float: left;
    width: 150px;
}
.statistic li p span{
    color: #fabd03;
}
.akr-list{
    float: left;
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    margin: 10px 0;
}
.akr-list li{
    float: left;
    width: 50%;
    height: 25px;
    position: relative;
}
.akr-list li input {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.akr-list li span{
    display: inline-block;
    margin: 0 0 0 20px;
    height: 25px;
    line-height: 25px;
}
.akr-count {
    float: left;
    width: 100%;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0 0;
    color: #fabd03;
}
.akr-selected {
    margin: 10px 0 0;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    color: #fabd03;
}
#support-fancybox{display: none;}

.login-fb {
    background: url(images/logo-fb.png) no-repeat 0 0 / 70px 70px;
    width: 70px;
    height: 70px;
    text-indent: -9999px;
    display: inline-block;
}

.login-gg {
    background: url(images/logo-gg.png) no-repeat 0 0 / 70px 70px;
    width: 70px;
    height: 70px;
    text-indent: -9999px;
    display: inline-block;
}
.tab-content-lprod a {
    background: #fabd03;
    color: #000;
    padding: 10px 0;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.akr-tab li {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    background: #000;
    padding: 10px;
    font-weight: bold;
    position: relative;
}
.akr-tab li:hover, .akr-tab li.active {
    background: #ecb50e;
    color: #000;
}
.lucky {
    background: #fff !important;
    font-weight: bold;
}

.akr-tab li ul.sub-menu {
    float: left;
    width: 100%;
    position: absolute;
    top: 40px;
    z-index: 9999;
    background: #fff;
    margin: 0 -10px;
    display: none;
}
.akr-tab li:hover .sub-menu {
    display: block;
}

.akr-tab li ul.sub-menu li {
    float: left;
    width: 100%;
    text-align: left;
    background: none;
}
.akr-tab li ul.sub-menu li a {
    float: left;
    width: 100%;
    font-size: 16px;
    color:#000;
    text-transform: none;
}

.game-other li {
    background: url(images/game-hot.png) no-repeat center center / 60px 60px;
    float: left;
    width: 100%;
    text-align: center;
    height: 60px;
    font-size: 20px;
    line-height: 130px;
    margin: 0 0 40px 0;
}
.toolbar-other.center {
    display: inline-block;
    margin: 0 0 10px;
    width: 100%;
    text-align: center;
}
.toolbar-other.center li {
    display: inline-block;
    margin: 0 0 0 7px;
}
.toolbar-other li a {
    padding: 7px;
    border: 1px #e69800 solid;
    color: #e69800;
}
.toolbar-other li a.active, .toolbar-other li a:hover {
    background: #e69800;
    color: #000;
}

.form-inline {
    display: flex;
    align-items: center;
}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
}
.valid-code {
    cursor: pointer;
}
.security {
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    height: 35px;
}

.list-cate li .bg-ac .rank-box .c-rank {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
}
.list-cate li .c-product-item_info {
    padding: 10px !important;
    text-align: center;
}
.list-cate li .acft a:nth-child(1) {
    float: none; 
    min-width: 110px;
    display: inline-block;
}
.lucky-box .c-rank {
    border: 1px solid #fff !important;
}

/*ext*/
.c-content-title-1 > h3 {
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 15px 0;
    text-align: center;
    text-transform: uppercase;
}
.c-content-title-1 > .c-line-center {
    width: 80px;
    height: 3px;
    background-color: #32c5d2;
    margin: 0 auto 30px auto;
}
.game-name {
    text-align: center;
    text-transform: uppercase;
    margin: 15px 0;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
}
.game-qty{
    width: 100%;
}
.game-qty li {
    width: 100%;
    margin: 10px 0 !important;
}
#card_form .note {
    padding: 0 15px;
    font-size: 15px;
    text-transform: uppercase;
}
/*end ext*/
.box-ext {
    float: left;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    text-transform: uppercase;
    background: #333;
    text-align: center;
}