@charset "utf-8";
@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: #2CA9E1;
    color: #333;
    font-size: 14px;
    /*font-family: 'Roboto', Arial,Helvetica,sans-serif;*/
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
}
section{
    display: block;
}
#Wrapper {
    max-width: 1920px;
}
.mainbg {
    /*background: #f3f3f7;
    background: url("/Content/images/anhnen.png") center 0 no-repeat;
    background-image: url("/Content/images/anhnen.jpg"), linear-gradient(#eee, #fff);
    background-attachment: fixed;
    background-size: cover;*/
}

#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: #333;
}



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-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;
width: 100%;
padding: 0;
overflow: hidden;
aspect-ratio: 1 / 0.56
}

.reponsive-img img {
margin: auto;
position: absolute;
max-width: 100%;
left: 0;
right: 0;
top: 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: #333;
    padding: 6px;
    color: #f3f3f7;
    border-radius: 5px;
    border: 1px solid #f3f3f7;
}
/*===================================================================================*/
/*	Index
/*===================================================================================*/


.logo {
    margin-bottom: 15px;
}

    .logo img {
        height: 55px;
        width: auto;
        max-width: initial;
    }

#header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 12;
}
.headermenu {
    background: #2CA9E1;
    width: 100%;
    border-bottom: 1px solid #333;
    padding: 15px 0;
}
/*startmobile*/
@media (min-width:992px) {
    .navmenu {
        /*display: inline;
text-align: center;
padding-top: 22px;
float: left;*/
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

.navmenu > li {
text-align: center;
position: relative;
display: inline-block;
color: #fff;
}
    .navmenu > li a:hover, .navmenu > li a.active {
        color: #fff;
        background: #333
    }

.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;
font-size: 16px;
display: flex;
text-transform: uppercase;
}
.navmenu > li > a > i {
font-style: normal;
margin-right: 5px;
}

.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;
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;
text-align: left;
height: 35px;
line-height: 35px;
}
.navmenu > li ul.submenu li a {
display: block;
width: 100%;
font-weight: 400;
color: #333;
border-bottom: 1px dotted #333;
text-transform: uppercase;
padding: 0 10px;
}

.navmenu > li ul.submenu li a:hover {
background: #f2f2f2;
}

ul.submenu2 {
display: none;
position: absolute;
top: 0;
left: 100%;
z-index: 10000;
float: left;
min-width: 220px;
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 {
position: relative;
text-align: center;
cursor: pointer;
color: #fff;
font-size: 30px;
}

ul.navmenu > li > a i.fa {
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;
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: #f2f2f2;
padding: 10px;
opacity: 0.9;
}


.sa-bntbox {
background: #f3f3f7;
height: 350px;
opacity: 0.9;
}

.sa-bnnav-tabs {
display: table;
width: 100%;
}
.sa-bnnav-tabs li {
display: table-cell;
vertical-align: middle;
text-align: center;
height: 40px;
background: #333;
color: #fff;
}

.sa-bnnav-tabs li a {
display: block;
text-transform: uppercase;
}
.sa-bnnav-tabs li a i {
margin: 0 5px 0 0;
}

ul.sa-topthe li {
    width: 100%;
    padding: 8px;
    display: flex;
    /*align-items: center;
    justify-content: space-between;*/
}

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: 25px;
    height: 25px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    border-radius: 100%;
    margin: 0 10px 0 0;
}
ul.sa-topthe li .spl-li-col1.bg-top-1 {
    background: #ffc126;
}
ul.sa-topthe li .spl-li-col1.bg-top-2 {
    background: #3958ab
}
ul.sa-topthe li .spl-li-col1.bg-top-3 {
    background: #dd2f2c
}
ul.sa-topthe li .spl-li-col1.bg-top-4 {
    background: #009bb7
}
ul.sa-topthe li .spl-li-col1.bg-top-5 {
    background: #009b8c
}

ul.sa-topthe li .spl-li-col2 {
    width: 50%;
    color: #f3f3f7;
}

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

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

ul.sa-topthe li .spl-li-col .price {
color: #fff;
font-weight: bold;
}
/* @group Base */
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
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: #f3f3f7;
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;
}

.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;
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: #2CA9E1;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(20%,#2CA9E1),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: #333;
}

.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;
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%,#333),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eeeeee));
background-image: -webkit-linear-gradient(#333 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
background-image: -moz-linear-gradient(#333 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
background-image: -o-linear-gradient(#333 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
background-image: linear-gradient(#333 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%,#333),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eeeeee));
background-image: -webkit-linear-gradient(top,#333 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
background-image: -moz-linear-gradient(top,#333 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
background-image: -o-linear-gradient(top,#333 20%,#f0f0f0 50%,#e8e8e8 52%,#eeeeee 100%);
background-image: linear-gradient(top,#333 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 #2CA9E1;
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 #2CA9E1;
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: #2CA9E1;
padding: 15px 0;
border-radius: 5px;
}

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

.form-group label.txt {
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 {
    background: #2CA9E1;
    color:#fff;
}

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

.title01 {
font-size: 20px;
color: #fff;
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;
    padding: 10px;
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
}

/*.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 {
margin: 10px 0 0;
}

/*.bg-ac .rank-box {
    position: absolute;
    top: 10px;
    width: calc(100% - 20px);
    background: #2CA9E1;
    opacity: 0.9;
    left: 10px;
    z-index: 9999;
}*/
.bg-ac .rank-box {
    float: Left;
    width: 100%;
    background: #2CA9E1;
}
.bg-ac .rank-box .c-rank {
float: left;
text-align: left;
padding-right: 15px;
padding: 10px;
width: 100%;
font-size: 14px;
color: #fff;
line-height: 22px;
height: 60px;
}

.bg-ac .rank-box .o-rank {
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: #333;
background: -webkit-linear-gradient(bottom, #fff 0%, #fff 100%);
border: 1px solid #494949;
}
.bg-ac .price-box {
    font-weight: bold;
    width: 100%;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bg-ac .price-box .cart-price {
    color: #2CA9E1;
    white-space: nowrap;
    display: inline-block;
    font-size: 14px
}

    .bg-ac .price-box .atm-price {
        display: inline-block;
        white-space: nowrap;
        font-size: 14px
    }

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

.btn-buynow:hover {
background: #fff !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;
}

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

.productFeatures span {
text-align: left;
position: relative;
padding-left: 20px;
color: #fff;
display: inline-block;
background: #333;
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;
color: #e23a24;
margin-bottom: 30px;
}

.showmore span {
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: 30px 0 10px 0;
background: #333;
color: #fff;
margin: 30px 0 0;
font-size: 14px;
}
.sa-ftadd {
margin: 15px 0 0;
text-align: center;
border-top: 1px solid #555;
padding: 15px 0 0;
}
.sa-fthotline {
padding: 15px;
border: 1px solid #555;
background: #333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: left;
width: 100%;
height: 95px;
}
.sa-ftacol {
float: left;
padding: 0 15px;
}

.sa-fthnum {
position: relative;
width: 50%;
border-right: 1px solid #555;
}

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

.sa-fthnum p {
padding-left: 50px;
}
.sa-fthnum p a {
color: #2CA9E1
}

.sa-fthwork {
width: 50%;
}

.sa-fthwork strong {
color: #2CA9E1;
}

.sa-fthnum a {
font-weight: bold;
color: #fff;
}

.sa-statistics {
overflow: hidden;
}
.sa-statistics p {
margin: 0 0 5px 0;
}
.sa-statistics p label {
width: 150px;
font-weight: normal;
}
.sa-statistics p span {
color: #2CA9E1;
}

.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;
border: 1px solid #fff;
}

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

.btn-facebook:hover {
color: #fff;
background-color: #3b5998;
}

.btn-google-plus:hover {
color: #fff;
background-color: #dd4b39;
}

.btn-twitter:hover {
color: #fff;
background-color: #55acee;
}

.btn-youtube:hover {
color: #fff;
background-color: #cb2027;
}

.btn-pinterest:hover {
color: #fff;
background-color: #cb2027;
}

.social span {
display: inline-block;
vertical-align: middle;
padding-right: 5px;
}
.breadcrumb {
padding: 10px 15px;
border-radius: 5px;
background: #2CA9E1;
}
.breadcrumb > li {
font-size: 14px;
color: #fff;
}

.box-cate {
background: #f3f3f7;
padding: 15px;
position: relative;
}
.pd-name {
    font-size: 18px;
    margin: 0 0 15px 0;
}

.pd-name span.fa {
color: #40c057;
padding-right: 10px;
}

.sa-ttactul {
float: right;
}

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

.sa-ttactul li.sa-ttac-card {
color: #2CA9E1;
font-weight: bold;
padding-right: 10px;
}
.sa-ttactul li.sa-ttac-atm {
font-weight: bold;
padding-right: 10px;
}

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

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

.nav-tab-booking {
    background: #333;
    margin: 30px 0 0;
    border-bottom: 2px solid #2CA9E1;
}
    .nav-tab-booking .tab-link {
        float: left;
        padding: 10px 15px;
        background: #333;
        cursor: pointer;
        color: #333;
        text-transform: uppercase;
        border-right: 3px solid #fff;
    }

.nav-tab-booking .tab-link i.fa {
padding-right: 5px;
}
    .nav-tab-booking .tab-link.current {
        background: #2CA9E1 !important;
        color: #fff;
    }

.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;
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 #6c757d 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: #333;
min-height: 80px;
padding: 10px 0;
display: block;
overflow: hidden;
margin: 0;
}

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

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

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

.block_timer {
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;
}

.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 {
padding: 15px;
font-size: 14px;
}
.post_content h1, .post_content h2, .post_content h3, .post_content span {
/*font-size: 15px !important;*/
}
.post_content p {
padding-bottom: 10px;
margin-bottom: 10px;
}
.other-news-detail {
position: relative;
padding: 15px;
}

.other-news-detail h2 {
font-size: 18px;
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 {
padding-left: 15px;
color: #333;
}

.other-news-detail ul li a:hover {
text-decoration: underline;
}
.other-news-detail ul li:before {
content: "";
position: absolute;
top: 12px;
left: 0px;
width: 5px;
height: 5px;
background: #333;
}

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

    .table-popcart td {
        color: #333;
        font-size: 14px;
    }

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

.table > thead > tr:first-child > th {
    background: #333;
    padding: 8px 15px;
    border: 1px solid #fff;
    font-size: 14px;
}

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

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

.hr_title:before {
content: "";
background-color: #333;
bottom: 0;
height: 1px;
position: absolute;
top: 0;
width: 100%;
left: 0;
margin: auto;
}
.hr_title .text {
position: relative;
padding: 8px 15px;
font-weight: normal;
background: #333;
color: #fff;
border-radius: 3px;
}

.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;
text-align: center;
}

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

.btn-facebook {
color: #fff;
background-color: #3b5998;}

.btn-google-plus {
color: #fff;
background-color: #dd4b39;
}

.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;
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
color: #fff;
background-color: #2d4373;
}

.bg-ac .btn-buynow {
background: #333;
padding: 5px 10px;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
}

.bg-ac .acft{
    display: flex;
    align-items: center;
    justify-content:space-between;
    flex-wrap: wrap;
}
.bg-ac .acft i {
    margin: 0 5px 0 0;
}

.bg-ac .pl-item-des {
background: #333;
padding: 5px 10px 0px 10px;
height: 170px;
line-height: 170%;
color: #fff;
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 {
position: relative;
}
.sa-usmoney {
    position: relative;
    padding-right: 30px;
    border: 1px solid #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.sa-usmoney strong {
color: #2CA9E1;
}
.sa-usmoney:after {
position: absolute;
top: 0;
right: 0;
text-align: center;
height: 32px;
line-height: 32px;
padding: 0 6px;
color: #fff;
background: #333;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
content: "\f078";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: 300;
}
.dropdown-usmenu {
position: absolute;
min-width: 230px;
top: 35px;
left: inherit;
right: 0;
background: #333;
padding: 5px 10px;
border: none;
-moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
}

/*.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%;
padding: 6px 0;
color: #f3f3f7;
border-bottom: 1px dotted #777;
}
.dropdown-usmenu a:hover {
text-decoration: underline;
}

.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: 43px;
min-width: 200px;
left: 0;
background: #f3f3f7;
}


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

.skin_box {
position: relative;
}
.list_search {
    width: 300px;
    float: left;
    position: absolute;
    z-index: 9999;
    background: #f3f3f7;
    display: none;
    -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
}
.list_search li {
    float: left;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #333;
}

.list_search li a:hover {
    text-decoration: underline;
}
/*add css 15/4/2017*/
.btn.userCP {
text-align: center;
position: relative;
color: #ffffff;
border: 1px solid #333;
background: #333;
}

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

.pagination > li > a:hover, .pagination > li > a.active {
background-color: #dd2f2c;
color: #fff;
}
.pagination > li > a, .pagination > li > span {
font-size: 14px;
border: none;
background: #f3f3f7;
margin: 0 5px 0 0;
}

ul.list-ac.all {
padding-top: 15px;
border-radius: 3px;
}

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

ul.list-new-cate {
padding: 0 10px;
background: #333;
}

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 {
        font-weight: bold;
        margin-bottom: 5px;
        line-height: 22px;
        font-size: 18px;
    }

ul.list-new-cate li .blogtime {
color: #f3f3f7;
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;
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;
}

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 {
background: rgba(78,86,101,0.8) none repeat scroll 0 0;
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;
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;
margin: 0;
padding: 0 13px;
text-align: left;
}

.vnk-tuvan p a {
color: #fff;
padding: 5px 0px 7px;
margin: 0;
display: inline-block;
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: #fff;
}

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

#mask {
position: absolute;
left: 0;
top: 0;
z-index: 9000;
background-color: #333;
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;
}

#popupfoot {
position: absolute;
bottom: 0px;
width: 250px;
left: 250px;
}

li.tab-link.same-price {
width: 100%;
background-color: #2CA9E1;
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;
padding: 0;
}
a.btn.btn-buy-acc {
color: black;
background: #fff;
}
a.btn.btn-buy-acc:hover {
background: #2CA9E1;
}

.btn-akrbuy {
    background: #2CA9E1;
    color: #fff;
    border-radius: 5px;
}
    .btn-akrbuy:hover {
        background: #2CA9E1;
    }
.btn-akrbuy.disable {
    background: #ccc;
    color: #ccc;
    border-radius: 5px;
    cursor: move;
}

.btn-akrcheckout {
    background: #2CA9E1;
    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: #333;
width: 180px;
height: 40px;
display: block;
border: 1px solid #fff;
border-right: none;
line-height: 40px;
text-align: right;
color: #fff;
padding: 0 10px 0 0;
}
a.float-btn:first-child {
color: #333;
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: #2CA9E1;
}
ol.breadcrumbList{
float: left;
width: 100%;
margin: 20px 0 0;
}
ol.breadcrumbList li{
float: left;
width: 50%;
color: #fff;
margin: 0 0 10px 0;
}
ol.breadcrumbList li a{
color: #fff;
}
.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;
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;
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;
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;
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: #333;
}
.toolbar.right input {
margin: 0 15px 0 0;
height: 32px;
}

#order-note {
text-align: center;
margin: 10px 0 0;
float: left;
width: 100%;
color: #2CA9E1;
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-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: #fff;
}
.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-weight: bold;
margin: 10px 0 0;
color: #fff;
}
.akr-selected {
margin: 10px 0 0;
font-weight: bold;
line-height: 20px;
color: #fff;
}
#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: #f3f3f7;
color: #333;
padding: 10px 0;
border-radius: 5px;
width: 100%;
display: inline-block;
text-align: center;
}*/

.akr-tab li {
text-align: center;
text-transform: uppercase;
background: #333;
padding: 10px;
font-weight: bold;
position: relative;
}
.akr-tab li:hover, .akr-tab li.active {
background: #2CA9E1;
color: #333;
}
.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: #f3f3f7;
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%;
color:#333;
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;
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: #333;
}

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

@media (min-width: 768px) {
    
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
}
.valid-code {
cursor: pointer;
}
.security {
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;
}
.list-cate li .c-product-item_info {
padding: 10px !important;
text-align: center;
}
.lucky-box .c-rank {
border: 1px solid #fff !important;
}

/*ext*/
.c-content-title-1 > h1, .c-content-title-1 > h3 {
    font-weight: bold;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font-size: 20px;
    padding: 0 0 0 10px;
}
.c-content-title-1 > .c-line-center {
    width: 100px;
    height: 2px;
    background-color: #f3f3f7;
    /* margin: 0 auto; */
    margin: 0 0 0 15px;
}
.game-name {
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold;
    margin: 15px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.game-qty{
width: 100%;
}
.game-qty li {
width: 100%;
margin: 5px 0 0 !important;
font-size: 13px;
}
#card_form .note {
padding: 0 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;
}
.row.nav-fixed {
height: 50px;
padding-top: 0; 
}
.banner{
margin: 30px 0 0;
}

.sa-bntcbox {
overflow-y: scroll;
height: 310px;
}
.sa-bntcbox::-webkit-scrollbar {
width: 5px;
background-color: #f2f2f2;
}

.sa-bntcbox::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #f2f2f2;
}

.sa-bntcbox::-webkit-scrollbar-thumb {
background-color: #333;
}


.bg-ac {
transition: transform 500ms ease-out;
z-index: 0;
border-radius: 3px;
}
.bg-ac::before {
content: "";
background: rgba(255, 255, 255, 0.4);
width: 60%;
height: 100%;
top: 0%;
left: -125%;
transform: skew( 45deg);
position: absolute;
transition: left 500ms ease-out;
z-index: 1;
}
.bg-ac:hover {
/*transform: translateY(-25%);*/
}
.bg-ac:hover::before {
left: 150%;
}
.home-container{
width: 920px;
}
.home-bg{
margin: 30px 0 0;
border-radius: 5px;
}
.view-all{
margin: 15px 0;
}
.social {
float: left;
width: 100%;
margin: 15px 0 0;
}
.ui-selectmenu-text{
    font-size: 14px;
}
.ui-menu .ui-menu-item-wrapper {
    font-size: 14px;
}
a i.fa {
    padding-right: 5px;
}
.note_content, .note_content p, .note_content span {
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: normal !important;
    color: #333 !important;
}
.note_content a span {
    color: #2CA9E1 !important;
}
img.valid-code {
    height: 35px !important;
}
.login-box a {
    display: inline-block;
    color: #333;
    font-weight: bold;
    margin: 0 10px;
    background: #f3f3f7;
    border-radius: 5px;
    padding: 10px 20px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
}
.login-box a img {
    margin-right: 10px;
    width: 20px;
}

@media (max-width: 414px) {
    .sa-ttactul li{
        padding: 0;
    }
    .sa-ttac-btn{
        width: 100%;
    }
    .pd-name {
        margin-bottom: 20px;
    }
    .sa-ttactul li.sa-ttac-card {
        font-size: 20px;
        float: left;
    }
    .sa-ttactul li.sa-ttac-atm {
        padding-right: 0;
        float: right;
        font-size: 20px;
    }
    .btn-akrcheckout {
        float: right;
        padding: 10px 15px;
        margin-top: 20px;
        text-align: right;
    }
    .sa-bntbox {
        margin-bottom: 30px;
    }
    .home-container {
        width: 100%;
    }
    .view-all {
        margin: 10px 0;
    }
    .pagination > li > a, .pagination > li > span {
        margin: 0 5px 10px 0;
    }
    .mm-listview .mm-next + a, .mm-listview .mm-next + span {
        text-align: left;
    }
    .logo img {
        height: 35px;
    }
    .sa-fthotline{
        height: auto
    }
    .sa-fthnum {
        border-right: none;
    }
    .post_content {
        overflow: hidden;
    }
    /*.user-nav {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        background: #2CA9E1;
        padding: 15px;
        display: flex;
        justify-content: space-between;
    }*/
        .user-nav li {
            margin-left: 0 !important;
        }
    .slide-top{
        margin: 0
    }
    .logo{
        margin: 0 !important
    }
}


.news_content img {
    width: 100% !important;
    height: auto !important;
}

.news_content strong img {
    width: auto !important;
    height: auto !important;
}
.banner img{
    margin-bottom: 30px;
}
.note-title, .note-title p {
    text-align: center;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #2CA9E1 !important;
    margin-bottom: 20px;
}
.attr-box{
    font-size: 14px;
    text-align: left;
}
.attr-box > div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px;
    text-align: left;
}
.attr-box p strong {
    margin-left: 5px;
}
.mm-listview li a, .mm-listview li span {
    text-align: left;
}
.skin-btn {
    margin-left: 50px;
    line-height: 25px;
    float: left;
    color: #2CA9E1;
}
#skin-modal ul{
    padding: 0 20px;
}
#skin-modal ul li {
    background: #f2f2f2;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}
#skin-modal ul li img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 0.6;
    object-fit: cover;
}
#skin-modal ul li span {
    text-transform: capitalize;
    margin: 10px 0;
    display: block;
    font-weight: bold;
    height: 20px;
}

@media (max-width: 767px) {
    .skin-btn {
        margin-left: 0;
        margin-bottom: 30px;
    }
    skin-modal ul li {
        aspect-ratio: 1 / 1;
    }
    .box-new {
        width: 100% !important;
    }
}
.user-nav{
    text-align: right;
}
.user-nav li {
    display: inline-block;
    margin-left: 15px;
}
    .user-nav .btn-message i {
        background: url(images/ring.svg) no-repeat center center / 15px 15px;
        width: 25px;
        height: 15px;
        display: inline-block;
    }
    .user-nav .btn-profile i {
        background: url(images/profile.svg) no-repeat center center / 15px 15px;
        width: 25px;
        height: 15px;
        display: inline-block;
    }
.btn-charge {
    text-align: center;
    position: relative;
    color: #fff;
    border: 1px solid #333;
    background: #333;
}
.user-nav .btn-icon {
    display: inline-block;
    background: #f3f3f7;
    border-radius: 5px;
    padding: 5px;
}
.slide-top img {
    width: 100%;
}

/*.content-main, .home-box-1, .rotation-box, .rating-box, .flash-sale {
    margin: 30px 0 0;
}*/

    .home-box-1 img {
        border-radius: 10px;
        /*margin: 0 0 30px 0;*/
    }
    .rotation-box .r-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .rotation-box i.icon-sound {
        background: url(images/sound_mobile.svg) no-repeat center center / 20px 20px;
        width: 20px;
        height: 20px;
        display: inline-block;
        margin: 0 10px 0 0;
    }
.rotation-box i.icon-user {
    background: url(images/user.png) no-repeat center center / 15px 15px;
    width: 20px;
    height: 10px;
    display: inline-block;
    margin: 0 0px 0 20px;
}
.rotation-box marquee {
    display: inline-block;
    width: 100%;
    color: #fff;
}
.menu-row-1{
    display: flex;
    align-items: center;
}


.rating-box .home-title{
    margin: 30px 0;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.rating-box i.icon-avatar {
    background: url(images/avatar.jpeg) no-repeat center center / 50px 50px;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0 15px 0 0;
}
.rating-box .rating-item {
    overflow: hidden;
    position: relative;
    background: #333;
    color: #fff;
    padding: 10px;
    margin: 0 0 30px 0;
    border-radius: 5px;
    -moz-box-shadow: 0 0px 2px 0 #2CA9E1;
    -webkit-box-shadow: 0 0px 2px 0 #2CA9E1;
    box-shadow: 0 0px 2px 0 #2CA9E1;
}
.rating-box .rating-item .rating-item-row {
    display: flex;
    align-items: center;
}
.rating-box .rating-item .name {
    font-weight: bold;
    font-size: 15px;
}
.rating-box .rating-item .acc {
    font-size: 12px;
}
.rating-box .rating-item .summary {
    font-size: 13px;
    margin: 15px 0 0;
}
.home-bg .box-home {
    background: #fff;
    padding: 10px;
}
    /*.home-bg .box-home i.icon-box-home {
        background: url(images/icon-box-home.png) no-repeat center center / 60px 60px;
        width: 60px;
        height: 60px;
        display: inline-block;
        margin: 0 15px 0 0;
    }*/
    .home-bg .box-home i {
        font-style: normal;
    }
    .home-bg .box-home i.icon-box-home {
        margin: 0 10px 0 0;
    }

.searchbox input[type="search"] {
    padding: 8px 5px 8px 10px;
    border-radius: 5px;
    border: none;
    width: 100%;
    position: relative;
}
.searchbox button {
    position: absolute;
    padding: 18px;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border: none;
    right: 0;
    top: 0;
    background: #333;
}
.searchbox button:before {
    content: '';
    background-color: #fff;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask-image: url(images/icon-search.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
}

.owl-theme .owl-nav [class*='owl-'] {
    background: #2CA9E1;
    color: #f3f3f7;
    text-decoration: none;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 60px;
    display: flex !important;
    align-items: center;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: #333;
}

.owl-nav .owl-prev {
    left: -25px;
}
.owl-nav .owl-next {
    right: -25px;
}
.owl-nav .owl-prev i {
    display: inline-block;
}

.flash-sale .flash-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flash-sale .flash-tab ul {
    align-items: center;
    padding: 0;
}
.flash-sale .flash-tab ul li {
    display: inline-block;
    border-bottom: 1px solid #dd2f2c;
    color: #333;
    border-radius: unset;
    text-align: center;
}
.flash-sale .flash-tab ul li a {
    font-size: 20px;
    padding: 6px 50px;
    display: block;
}
.flash-sale .flash-tab ul li span {
    font-size: 13px;
    display: block;
}
.flash-sale .list-sale{
    margin: 30px 0 0;
}
.flash-sale .bg-ac {
    background: #333;
    color: #f3f3f7;
    -moz-box-shadow: 0 0px 2px 0 #fff;
    -webkit-box-shadow: 0 0px 2px 0 #fff;
    box-shadow: 0 0px 2px 0 #fff;
}
.flash-sale .bg-ac .c-name, .list-index .bg-ac .c-name {
    font-weight: bold;
    text-align: left;
    margin: 10px 0 0;
}
.flash-sale .box-home {
    background: #f3f3f7;
}
.flash-sale .bg-ac .price-box .atm-price {
    color: #f3f3f7
}
.flash-sale .c-content-title-1 h3 {
    color: #dd2f2c;
}
.flash-sale .c-content-title-1 > .c-line-center {
    background-color: #dd2f2c;
}
.banner-middle img {
    width: 100%;
    aspect-ratio: 1 / 0.43;
    object-fit: cover;
}
.content-main .nav-tabs {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #f3f3f7;
    padding: 16px 0;
}
.content-main .nav-tabs li {
    display: inline-block;
    padding: 5px 8px;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
}
.content-main .nav-tabs li.active {
    background: #dd2f2c;
}
.content-main .nav-tabs li.disable {
    background: #ccc;
}
.content-main .nav-tabs li a {
    font-size: 13px;
}
.content-main .nav-tabs li.active a {
    color: #f3f3f7;
}
.top-right-box{
    background: #2CA9E1;
    padding: 5px;
}
.top-right-box .tab-content {
    height: 198px;
    overflow: hidden;
    /*overflow-y: scroll;*/
}
/* custom scrollbar */
.top-right-box .tab-content::-webkit-scrollbar {
    height: 20px;
}
.top-right-box .tab-content::-webkit-scrollbar {
    width: 20px;
}
.top-right-box .tab-content::-webkit-scrollbar-track {
    background-color: transparent;
}
.top-right-box .tab-content::-webkit-scrollbar-thumb {
    background-color: #2CA9E1;
    border-radius: 20px;
    border: 8px solid transparent;
    background-clip: content-box;
}
.top-right-box .tab-content::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}

.box-news .list-sale {
    margin: 30px 0 0;
}

.box-news .bg-ac {
    -moz-box-shadow: 0 0px 2px 0 #f3f3f7;
    -webkit-box-shadow: 0 0px 2px 0 #f3f3f7;
    box-shadow: 0 0px 2px 0 #f3f3f7
}
.box-news .c-name {
    font-weight: bold;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 10px 0 0;
}
.box-news .c-time {
    text-align: left;
    font-size: 12px;
    margin: 10px 0 0;
}
.box-news .c-time i {
    margin: 0 5px 0 0;
    font-weight: normal;
}
.owl-carousel .owl-stage-outer {
    padding: 1px 0;
}

/*cp user*/
.mini-content .modal-header {
    /*background: #23262d;*/
    background: #f3f3f7;
    padding: 0 0 20px 0;
    border: none;
}

.mini-content .modal-header h5 {
    color: #23262d;
    text-align: center;
}

.mini-content .modal-header button {
    top: 10px;
    right: 10px;
    background: none;
}

    .mini-content .modal-header button span {
        font-size: 30px;
        color: #333;
    }

.mini-content .modal-content {
    padding: 20px;
    /*background: #23262d;*/
    background: #f3f3f7;
}

.mini-content .modal-body {
    padding: 20px;
    font-size: 15px;
}

.mini-content .title2 {
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px;
}

.mini-content ul li {
    display: flex;
    align-items: center;
}

    .mini-content ul li img {
        margin-bottom: 25px;
    }

    .mini-content ul li label {
        width: 100%;
        display: block;
        color: #dd2f2c
    }

    .mini-content ul li span {
        font-weight: bold;
    }

    .mini-content ul li .col_10_3 {
        text-align: right
    }

        .mini-content ul li .col_10_3 a {
            background: #dd2f2c;
            border-radius: 5px;
            padding: 5px 10px;
            text-align: right;
            color: #f3f3f7;
        }

.mini-content .note {
    margin-top: 20px;
    color: #dd2f2c;
    padding: 0 15px;
}

#card-tab, #momo-tab, #atm-tab {
    display: none;
}

.tab, .tab ul {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}

    .tab ul li {
        float: left;
    }

        .tab ul li a {
            padding: 10px 30px;
            font-size: 15px;
            border-radius: 5px;
        }

            .tab ul li a.active {
                background: #dd2f2c;
                color: #f3f3f7;
            }

.ZebraDialog {
    z-index: 99999;
}

.social-container {
    margin: 20px 0;
    display: block;
    text-align: center;
}

    .social-container a {
        border: 1px solid #dd2f2c;
        display: inline-block;
        align-items: center;
        margin: 0 15px;
        height: 40px;
        line-height: 40px;
        width: 40px;
        color: #333;
        border-radius: 100%;
        float: none !important;
    }

        .social-container a.fb {
            color: #288ad6;
        }

        .social-container a.gg {
            color: #ce0000;
        }

        .social-container a svg {
            height: 15px;
        }

.social-box {
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
    border: 1px solid #333;
    border-left: none;
    border-right: none;
    margin-top: 20px;
    color: #333;
}

#register-tab, #login-tab {
    display: none;
}

@media (min-width: 768px) {
    #user-fancybox .modal-dialog {
        width: 500px;
        margin: 100px auto;
    }
}

@media (max-width: 767px) {
    .mini-content ul li {
        width: 100%;
    }

        .mini-content ul li a {
            width: 100%;
        }

    .tab ul li a {
        padding: 10px;
        border: 1px solid #ccc;
        margin: 0 0 10px 0;
    }
    .tab ul li a.active {
        border-top: none;
        border-top: 1px solid #f2d161;
        border-bottom: 1px solid #f2d161;
    }

    .security {
        width: 150px !important
    }

    body.modal-open .mm-slideout {
        z-index: inherit;
    }

    .mini-content .modal-body {
        padding: 0;
    }

    #momo-tab img, #atm-tab img {
        margin: 0 0 20px 0;
    }

    #register-tab, #login-tab {
        float: left;
        width: 100%;
    }

    .social-box {
        float: left;
    }
}
/*end cp user*/

.news-bg {
    margin: -15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-new {
    width: 920px;
}
.detail-img-box .owl-item img {
    aspect-ratio: 1 / 0.73;
    object-fit: contain;
}
#sync1 img {
    cursor: zoom-in;
}
#sync2{
    margin: 15px 0 0;
}
.detail-info-box {
    position: sticky;
    top: 60px;
}
.detail-info-box p {
    width: 100%;
    margin: 0 0 10px 0;
}
.detail-info-box p.pd-code {
    font-weight: bold;
    font-size: 16px;
    color: #2CA9E1;
    border-bottom: 1px solid #2CA9E1;
    padding: 0 0 15px 0;
}
.detail-info-box p label {
    width: 100px;
}
.detail-info-box span {
    font-weight: bold;
}
.detail-info-box .price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.detail-info-box .price-box .atm-price {
    font-size: 20px;
}
.detail-info-box .price-box .cart-price {
    color: #2CA9E1;
    font-size: 20px;
}
.detail-info-box .price-box .atm-price {
    font-size: 20px;
}
.detail-info-box .btn-detail {
    width: 100%;
    background: #dd2f2c;
    color: #fff;
    margin: 30px 0 0;
    padding: 10px 0;
    font-weight: bold;
    text-transform: uppercase;
}
.detail-info-box .btn-detail.btn-ban {
    background: #f3f3f7;
    color: #333;
}
    .detail-info-box .detail-note {
        margin: 10px 0 0;
        background: #2CA9E1;
        padding: 10px;
        color: #fff;
    }
.detail-info-box .detail-note .detail-note-login-title {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.detail-info-box .detail-note .detail-note-login-title .price {
    color: #2CA9E1;
    font-size: 16px;
}
.detail-info-box .detail-note .detail-note-login-summary {
    text-align: center;
    margin: 0 0 10px 0;
}
.detail-info-box .detail-note .detail-note-login-summary .price {
    color: #2CA9E1;
}
.detail-info-box .detail-note .social-container a {
    /*border: 1px solid #2CA9E1;*/
    background: #f3f3f7
}
.detail-info-box .detail-note .social-container a.card-fancybox {
    color: #333
}
.detail-info-box .detail-note .social-container a.card-fancybox i {
    padding: 0;
}
.modal-content{
    background: #f3f3f7;
    color: #333;
}

div[id^="checkout_form_"] .modal-body p {
    font-weight: bold;
    margin: 0 0 5px 0;
}
div[id^="checkout_form_"] .modal-body p.title {
    font-size: 16px;
}
div[id^="checkout_form_"] .modal-body .price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 20px;
}
div[id^="checkout_form_"] .modal-body .price-box .cart-price {
    color: #dd2f2c;
}
div[id^="checkout_form_"] .modal-body .btn-box {
    text-align: center;
    margin: 20px 0 0;
}
.flash-tab > span {
    font-size: 18px;
    color: #dd2f2c;
    font-weight: bold;
}

.post_content table.table th {
    white-space: nowrap;
}