@charset "UTF-8";
/* #region animation key: định nghĩa các css animation ------------------------------- */
@keyframes moveFromLeft {
  from {
    left: -9000px;
  }
  to {
    left: 0;
  }
}

@keyframes moveFromRight {
  from {
    right: -9000px;
  }
  to {
    right: 0;
  }
}

@keyframes moveFromTop {
  from {
    top: -5000px;
  }
  to {
    top: 0;
  }
}

@keyframes moveFromBottom {
  from {
    bottom: -5000px;
  }
  to {
    bottom: 0;
  }
}

@-webkit-keyframes moveFromLeft {
  from {
    left: -9000px;
  }
  to {
    left: 0;
  }
}

@-webkit-keyframes moveFromRight {
  from {
    right: -9000px;
  }
  to {
    right: 0;
  }
}

@-webkit-keyframes moveFromTop {
  from {
    top: -5000px;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes moveFromBottom {
  from {
    bottom: -5000px;
  }
  to {
    bottom: 0;
  }
}

@keyframes slidenavAnimation {
  from {
    margin-top: -30px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}

@-webkit-keyframes slidenavAnimation {
  from {
    margin-top: -30px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 40px 0;
  }
}

@-moz-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 40px 0;
  }
}

@-ms-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 40px 0;
  }
}

@-o-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 40px 0;
  }
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 40px 0;
  }
}

@keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}

@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* #endregion */

/* #region dùng chung  ------------------------------- */
.mode-desktop { display:none; }
.mode-mobile { display:block; }
/* @media (min-width: 1100px) {
    .mode-desktop { display:block; }
    .mode-mobile { display:none; }
} */
@media (min-width: 1024px) {
  .mode-desktop { display:block; }
  .mode-mobile { display:none; }
}
.mobile-outline { margin:0 15px;display:block; }
.mobile-outline.flex { display:flex; }
.mode-mobile .breadcrumb-nav { margin:0;height:36px; }
.mode-mobile .breadcrumb-nav.top { margin-top:168px; }
.mode-mobile .breadcrumb-nav .breadcrumb { background:none;border-radius:0;padding:0;line-height:22px;margin:0; }
/* cl-gregray550 */
.mode-mobile .breadcrumb-nav .breadcrumb .breadcrumb-item+.breadcrumb-item::before { color: #87907d; content: "»" }
.mode-mobile .breadcrumb-nav .breadcrumb-item img { margin-top:-5px; }
.mode-mobile .breadcrumb-nav .breadcrumb-item { max-width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block; }

html { -webkit-font-smoothing: antialiased; height: 100%; margin: 0; padding: 0; }
html, body { font-family: "Plus Jakarta Sans", sans-serif;font-size: 13px;line-height: 18px;position: relative; }
body { margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-family: "Plus Jakarta Sans", sans-serif; }
.font-lora,h1.font-lora,h2.font-lora,h3.font-lora,h4.font-lora,h5.font-lora,h6.font-lora,.h1.font-lora,.h2.font-lora,.h3.font-lora,.h4.font-lora,.h5.font-lora,.h6.font-lora { font-family: "Lora", serif; }
h1,.h1 { font-size: 24px; }
h2,.h2 { font-size: 20px; line-height: 35px;}
h3,.h3 { font-size: 16px; }
h4,.h4 { font-size: 13px; }
h5,.h5 { font-size: 13px; }
h6,.h6 { font-size: 13px; }

a:hover { text-decoration: none;  }
img { max-width: 100%; height: auto; border: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); vertical-align: middle; }
ul { padding: 0; margin-left: 1em;}
ol { padding: 0; list-style: decimal inside none; }
ul ul,ul ol,ol ol,ol ul { padding-left: 10px; }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;  margin: 0; }
/* Firefox */
input[type=number] { -moz-appearance: textfield; }
input:focus,textarea:focus,select:focus,input.form-control:focus,textarea.form-control:focus {  outline: none;}
button { outline: none;}
button:focus { outline: none; }

.b-red100 {background:#f7d0cb;}
.b-red300 {background:#e2574c;}
.b-red400 {background:#f55e50;}
.b-red500 {background:#ff3023;}
.b-gray5 {background:#f0f2ed;}
.b-gray6 {background:#f2f2f2;}
.b-gray100 {background:#f5f5f5;}
.b-gregray5 {background:#f1f9f2;}
.b-gregray30 {background:#f9fbf6;}
.b-gregray40 {background:#f4f6f1;}
.b-gregray70 {background:#f0f3eb;}
.b-gregray100 {background:#e8ece3;}
.b-gregray200 {background:#e0e3dc;}
.b-gregray400 {background:#abafa5;}
.b-gregray750 {background:#2f5133;}
.b-dakgreen50 {background:#f0faf2;}
.b-dakgreen80 {background:#dcfce3;}
.b-dakgreen100 {background:#bbe5c4;}
.b-dakgreen200 {background:#b4e3c7;}
.b-dakgreen400 {background:#5cc485;}
.b-dakgreen650 {background:#268f3b;}
.b-dakgreen900 {background:#0a3b15;}
.b-gregray900 {background:#151e17;}
.b-gray100 {background:#f5f5f5;}
.b-gray250 {background:#efefef;}
.b-gray850 {background:#424242;}
.b-gray900 {background:#1b1e1e;}
.b-white {background:#ffffff;}
.b-green500 {background:#8bc53f;}
.b-green100 {background:#e9fcc2;}
.b-gray50 {background:#f9faf9;}
.b-orange-50 {background:#fef9ec;}

.cl-green500,a.cl-green500:hover,.cl-green500 > a,.cl-green500 > a:hover {color:#8bc53f;}
.cl-dakgreen50,a.cl-dakgreen50:hover,.cl-dakgreen50 > a,.cl-dakgreen50 > a:hover {color:#f0faf2;}
.cl-dakgreen100,a.cl-dakgreen100:hover,.cl-dakgreen100 > a,.cl-dakgreen100 > a:hover {color:#bbe5c4;}
.cl-dakgreen600,a.cl-dakgreen600:hover,.cl-dakgreen600 > a,.cl-dakgreen600 > a:hover {color:#2fb149;}
.cl-dakgreen650,a.cl-dakgreen650:hover,.cl-dakgreen650 > a,.cl-dakgreen650 > a:hover {color:#268f3b;}
.cl-dakgreen700,a.cl-dakgreen700:hover,.cl-dakgreen700 > a,.cl-dakgreen700 > a:hover {color:#026415;}
.cl-dakgreen800,a.cl-dakgreen800:hover,.cl-dakgreen800 > a,.cl-dakgreen800 > a:hover {color:#0A4E17;}
.cl-dakgreen900,a.cl-dakgreen900:hover,.cl-dakgreen900 > a,.cl-dakgreen900 > a:hover {color:#0a3b15;}

.cl-grey65,a.cl-grey65:hover,.cl-grey65 > a,.cl-grey65 > a:hover {color:#7e8379;}
.cl-gray50,a.cl-gray50:hover,.cl-gray50 > a,.cl-gray50 > a:hover {color:#f9faf9;}
.cl-gray100,a.cl-gray100:hover,.cl-gray100 > a,.cl-gray100 > a:hover {color:#f5f5f5;}
.cl-gray500,a.cl-gray500:hover,.cl-gray500 > a,.cl-gray500 > a:hover {color:#9e9e9e;}
.cl-gray600,a.cl-gray600:hover,.cl-gray600 > a,.cl-gray600 > a:hover {color:#757575;}
.cl-gray900,a.cl-gray900:hover,.cl-gray900 > a,.cl-gray900 > a:hover {color:#1b1e1e;}
.cl-gregray70,a.cl-gregray70:hover,.cl-gregray70 > a,.cl-gregray70 > a:hover {color:#f0f3eb;}
.cl-gregray100,a.cl-gregray100:hover,.cl-gregray100 > a,.cl-gregray100 > a:hover {color:#e8ece3;}
.cl-gregray200,a.cl-gregray200:hover,.cl-gregray200 > a,.cl-gregray200 > a:hover {color:#e0e3dc;}
.cl-gregray400,a.cl-gregray400:hover,.cl-gregray400 > a,.cl-gregray400 > a:hover {color:#abafa5;}
.cl-gregray550,a.cl-gregray550:hover,.cl-gregray550 > a,.cl-gregray550 > a:hover {color:#87907d;}
.cl-gregray600,a.cl-gregray600:hover,.cl-gregray600 > a,.cl-gregray600 > a:hover {color:#516e54;}
.cl-gregray750,a.cl-gregray750:hover,.cl-gregray750 > a,.cl-gregray750 > a:hover {color:#2f5133;}
.cl-gregray800,a.cl-gregray800:hover,.cl-gregray800 > a,.cl-gregray800 > a:hover {color:#404941;}
.cl-gregray900,a.cl-gregray900:hover,.cl-gregray900 > a,.cl-gregray900 > a:hover {color:#151e17;}

.cl-orange500,a.cl-orange500:hover,.cl-orange500 > a,.cl-orange500 > a:hover {color:#f1781b;}
.cl-red300,a.cl-red300:hover,.cl-red300 > a,.cl-red300 > a:hover {color:#e2574c;}
.cl-red400,a.cl-red400:hover,.cl-red400 > a,.cl-red400 > a:hover {color:#f55e50;}
.cl-red500,a.cl-red500:hover,.cl-red500 > a,.cl-red500 > a:hover {color:#ff3023;}
.cl-red600,a.cl-red600:hover,.cl-red600 > a,.cl-red600 > a:hover {color:#c32a0c;}
.cl-red900,a.cl-red900:hover,.cl-red900 > a,.cl-red900 > a:hover {color:#602b25;}
.cl-white,a.cl-white:hover,.cl-white > a,.cl-white > a:hover {color:#ffffff;}
.cl-black,a.cl-black:hover,.cl-black > a,.cl-black > a:hover {color:#000000;}
.cl-yel500,a.cl-yel500:hover,.cl-yel500 > a,.cl-yel500 > a:hover {color:#eaff00;}

.cl-redgrey900,a.cl-redgrey900:hover,.cl-redgrey900 > a,.cl-redgrey900 > a:hover {color:#2c1718;}
.cl-redgrey750,a.cl-redgrey750:hover,.cl-redgrey750 > a,.cl-redgrey750 > a:hover {color:#590408;}
.cl-darkred800,a.cl-darkred800:hover,.cl-darkred800 > a,.cl-darkred800 > a:hover {color:#3e3911;}
.cl-darkred900,a.cl-darkred900:hover,.cl-darkred900 > a,.cl-darkred900 > a:hover {color:#282610;}

.sl-green500 {border:solid 1px #8bc53f;}
.sl-gregray70 {border:solid 1px #f0f3eb;}
.sl-gregray100 {border:solid 1px #e8ece3;}
.sl-gregray200 {border:solid 1px #e0e3dc;}
.sl-gregray400 {border:solid 1px #abafa5;}
.sl-dakgreen300 {border:solid 1px #8ee19f;}
.sl-left-gregray200 {border-left:solid 1px #e0e3dc;}
.sl-top-gregray200 {border-top:solid 1px #e0e3dc;}
.sl-top-gregray400 {border-top:solid 1px #abafa5;}
.sl-bottom-gregray400 {border-bottom:solid 1px #abafa5;border-top:none;border-left:none;border-right:none;}
.sl-bottom-gregray70 {border-bottom:solid 1px #f0f3eb;border-top:none;border-left:none;border-right:none;}
.sl-bottom-dakgreen650 {border-bottom:solid 1px #268f3b;border-top:none;border-left:none;border-right:none;}

.s8{font-size:8px;}
.s10{font-size:10px;}
.s12{font-size:12px;}
.s13{font-size:13px;}
.s14{font-size:14px;}
.s15{font-size:15px;}
.s16{font-size:16px;line-height: 20px;}
.s17{font-size:17px;line-height: 22px;}
.s18{font-size:18px;line-height: 24px;}
.s19{font-size:19px;line-height: 24px;}
.s20{font-size:20px;line-height: 26px;}
.s22{font-size:22px;line-height: 28px;}
.s24{font-size:24px;line-height: 29px;}
.s26{font-size:26px;line-height: 30px;}
.s28{font-size:28px;line-height: 32px;}
.s30{font-size:30px;line-height: 34px;}
.s32{font-size:32px;line-height: 40px;}
.s33{font-size:33px;line-height: 42px;}
.s34{font-size:34px;line-height: 44px;}
.s35{font-size:34px;line-height: 52px;}
.s36{font-size:34px;line-height: 48px;}
.s38{font-size:38px;line-height: 48px;}
.s40{font-size:40px;line-height: 50px;}
.extra800 {font-weight:800;font-style:normal;font-stretch:normal;}
.bold700 {font-weight:700;font-style:normal;font-stretch:normal;}
.regular400 {font-weight:400;font-style:normal;font-stretch:normal;}
.sibold600 {font-weight:600;font-style:normal;font-stretch:normal;}
.medium500 {font-weight:500;font-style:normal;font-stretch:normal;}

.hachi-modal .modal .modal-footer button.no-border { border:none; }


/* #endregion */

/* #region các trang ------------------------------- */
/* .title { color:#0a4e17;font-size:15px; }
.title a { color:#0a4e17;font-size:15px; } */
/* .clear { clear:both; } */
h1.hide,h2.hide { display:none; }
.line { height:1px;font-size:1px;line-height:1px; }
/*cl-red500*/
input[type="text"].error { border:solid 1px #ff3023; }
input[type="number"].error { border:solid 1px #ff3023; }
textarea.error { border:solid 1px #ff3023; }

.container-checkbox { display: block; position: relative; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* cl-dakgreen650 */
.container-checkbox input:checked ~ .checkmark { background-color: #268f3b; border: unset;}
.container-checkbox input:checked ~ .checkmark:after { display: block;}
/* .container-checkbox:hover { color: #8dc63f;} 
.container-checkbox:hover input ~ .checkmark { border-color: #268f3b;}*/
.container-checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.checkmark { position:absolute;top:1px;left:0;height:16px;width:16px; border-radius: 3px; background-color: #ffffff; border: 1px solid #abafa5; box-sizing: border-box;}
.checkmark:after { content: ""; position: absolute; display: none;}

ul.paging { border-radius:0;margin:0;padding:0;list-style:none;display:flex;justify-content:flex-end; }
ul.paging a { padding:9px;border-radius:50% 50%;margin-right:5px; }
/*b-dakgreen650,cl-white */
ul.paging a:hover { border:1px solid #268f3b;background-color:#268f3b;color:#fff; }
ul.paging a.active { border:1px solid #268f3b;background-color:#268f3b;color:#fff; }
ul.paging a.page-link .hachi-icon-left::before, ul.paging a.page-link .hachi-icon-right::before { color:#083011 }
ul.paging a.page-link:hover .hachi-icon-left::before, ul.paging a.page-link:hover .hachi-icon-right::before { color:#fff }
ul.paging a .number { width:15px;display:inline-block;text-align:center; }
ul.paging a img { width:15px;height:15px;margin-top:-5px; }

.product-list-paging .pagination { border-radius:0;margin:0;padding:0;display:flex;justify-content:center; }
.product-list-paging .pagination span.empty { line-height:21px;margin-top:9px;padding:0 8px 0 6px;display:inline-block; }
.product-list-paging .pagination a.page-link { padding:9px;border-radius:50% 50%;border:none;border:1px solid #abafa5;background:none;color:#083011;margin-right:5px;line-height:17px; }
.product-list-paging .pagination a.page-link:hover { border:1px solid #268f3b;background-color:#fff;color:#268f3b; }
.product-list-paging .pagination a.page-link.active { border:1px solid #268f3b;background-color:#268f3b;color:#fff; }
.product-list-paging .pagination a.page-link .hachi-icon-left::before, .product-list-paging .pagination a.page-link .hachi-icon-right::before { color:#083011; }
.product-list-paging .pagination a.page-link:hover .hachi-icon-left::before, .product-list-paging .pagination a.page-link:hover .hachi-icon-right::before { color:#268f3b; }
.product-list-paging .pagination a.page-link .number { width:15px;display:inline-block;text-align:center; }

form { position:relative; }
form .label { margin-top:15px; }
form .label:first-child { margin-top:0; }
form .input { margin-top:2px;position:relative; }
form .input input.chuoi { width:100%;padding:5px 10px;border-radius:7px; }
form .input textarea.chuoi {width:100%;padding:5px 10px;border-radius:7px;}
form .input > .ui-widget { padding:5px 10px;border-radius:7px; }
/*cl-red300*/
form .input > .ui-widget.error { border:solid 1px #e2574c; }
form .input > .ui-widget .custom-combobox { display:flex; }
form .input > .ui-widget .custom-combobox > input { width:calc(100% - 16px);border:none;background:none; }
form .input > .ui-widget .custom-combobox > .custom-combobox-toggle { border:none;background:none;width:15px;padding:5px 5px; }
form .input > .ui-widget .custom-multiselect { display:flex;justify-content:space-between; }
form .input > .ui-widget .custom-multiselect > input { border:none;background:none;width:auto; }
form > .hachi-modal .modal .modal-body .input > .ui-widget .custom-multiselect > input { border:none;background:none;width:auto; }
form .input > .ui-widget .custom-multiselect > .custom-multiselect-toggle { border:none;background:none;width:15px;padding:5px 5px; }
form .input > .ui-widget .custom-multiselect .custom-multiselect-data { display:flex;align-content:flex-start;flex-wrap:wrap; }
form .input > .ui-widget .custom-multiselect .custom-multiselect-data > .item { display:flex;justify-content:space-between;border:1px solid #268f3b;color:#268f3b;border-radius:9px;margin-top:5px;margin-right:5px; }
form .input > .ui-widget .custom-multiselect .custom-multiselect-data > .item:last-child { margin-right:0; }
form .input > .ui-widget .custom-multiselect .custom-multiselect-data .item > .btn-text { padding:9px 0 9px 5px;display:inline-block;color:#268f3b; }
form .input > .ui-widget .custom-multiselect .custom-multiselect-data .item > .btn-close { padding:9px 5px;display:inline-block;cursor: pointer;color:#268f3b; }
form .input > .ui-widget .custom-multiselect .custom-multiselect-data .item > .btn-full { padding:9px 5px;border:none;background:none;color:#268f3b; }

form > div.error { display:flex;margin-top:6px;padding-left:25px; }
form > div.error > img { margin-right:8px; }
form input[type="radio"] { accent-color:#268f3b;}
form > .thongbao { display:none;border-radius:10px;padding:12px;position:absolute;bottom:90px;left:22px; }
form > .thongbao img { margin-right:5px; }
form > .thongbao.show { display:flex; }
form div.input img.ico { position:absolute;width:16px;height:16px;cursor:pointer; }
form div.input img.ico.left { top:11px;left:25px; }
form div.input img.ico.right { top:11px;right:15px; }
form div.input img.show { display:block; }
form div.input img.hide { display:none; }
form div.input.hide img.show { display:none; }
form div.input.hide img.hide { display:block; }
a.input-clear { top:13px;right:13px; position: absolute;display:none;cursor:pointer; }
a.input-clear.show { display:block; }

.search-input { position: relative; }
.search-input input.txt { padding-left:38px;padding-right:38px;border-radius:25px;width:100%;height:38px; }
.search-input button.find { border:none;top:8px;left:8px;position:absolute;background:none;width:31px;height:24px;padding:0; }
.search-input button.clear { top:8px;right:8px; position: absolute;display:none;cursor:pointer;padding:0;background:none;border:none; }
.search-input button.clear.show { display:block; }
/*cl-gregray550*/
.search-input input.txt::placeholder {color:#87907d;}
.search-input input.txt:focus{ border-color: #516e54; }
.search-input img { width:31px;height:24px; }

.hachi-modal.full .modal .modal-dialog { margin:0;max-width:100%;height:100%; }
.hachi-modal.full .modal .modal-dialog .modal-content { border:none;border-radius:0;padding:14px 14px;height:100%; }
.hachi-modal.full .modal .modal-dialog .modal-tieude { display:flex;justify-content:space-between;line-height:26px;height:36px; }
.hachi-modal .modal .modal-content { border-radius:10px; }
.hachi-modal .modal { z-index: 10001; display: block;}
.hachi-modal .modal .modal-header { padding: 20px 20px 0px 20px; border: unset;}
.hachi-modal .modal .modal-header button.btn-close { background: #ffffff; border: unset; display: flex; align-content: center;}
.hachi-modal .modal .modal-header button.btn-close span::before { color: #8dc63f;}
.hachi-modal .modal .modal-body { padding: 20px 40px 0px 40px;max-height:420px;overflow:auto; }
.hachi-modal .modal .modal-footer { padding: 20px 20px; border-top: unset;justify-content:flex-start;}
.hachi-modal .modal .modal-footer > button { border-radius:15px;padding:5px 15px;margin:0;line-height:20px;margin-left:10px; }
.hachi-modal .modal .modal-footer > button:first-child { margin-left:0; }
.hachi-model-fade {  overflow: hidden; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 10000; transition: opacity 0.15s linear; background-color: #000; opacity: 0.5;}

/* .popup-header-product-add-cart .modal-dialog{ width: 396px;}
.popup-header-product-add-cart .modal-dialog .modal-body { display: flex; align-items: center; padding: 37px 10px !important;}
.popup-header-product-add-cart .modal-dialog .modal-body .icon_check{ width: 16px; height: 16px; margin-right: 14px;}
.popup-header-product-add-cart .modal-dialog .modal-body .icon_check::before { width: 16px; height: 16px; padding: 0 3px; content: "\2713"; border-radius: 50%; background-color: #8dc63f; color: white; position: absolute; font-weight: 700;}
.popup-header-product-add-cart .modal-dialog .modal-body .img {  height: 64px; width: 64px; display: flex;}
.popup-header-product-add-cart .modal-dialog .modal-footer { background-color: #8dc63f; padding: 6px 15px;} */
.popup-header-product-add-cart .hachi-modal .modal .modal-dialog { width: 396px;}
.popup-header-product-add-cart .hachi-modal .modal .modal-dialog .modal-body { padding: 32px;}
.popup-header-product-add-cart .hachi-modal .modal .modal-dialog .modal-content { border-radius:20px;}
.popup-header-product-add-cart .hachi-modal .modal .modal-dialog .modal-content .cart-text {display: flex;}
.popup-header-product-add-cart .hachi-modal .modal .modal-dialog .modal-content .cart-text img { width:20px;height:20px;margin-right:8px;margin-top:3px;}
.popup-header-product-add-cart .hachi-modal .modal .modal-dialog .modal-content .cart-product {display: flex;justify-content:space-between;margin-top:21px;}
.popup-header-product-add-cart .hachi-modal .modal .modal-dialog .modal-content .cart-product .img {width:125px;height:125px;}
.popup-header-product-add-cart .hachi-modal .modal .modal-dialog .modal-content .cart-product .img img {width:125px;height:125px;border-radius:5px;}
.popup-header-product-add-cart .hachi-modal .modal .modal-dialog .modal-content .cart-product .info {width:calc(100% - 135px);}
.popup-header-product-add-cart .hachi-modal .modal .modal-dialog .modal-content .cart-product .info .ProductName { margin-top:2px;height:73px;overflow:hidden; }
.popup-header-product-add-cart .hachi-modal .modal .modal-dialog .modal-content .cart-product .info .Gia { margin-top:5px; }
.popup-header-product-add-cart .hachi-modal .modal .modal-dialog .modal-content .cart-product .info .Gia .sale { margin-left:6px;text-decoration:line-through; }


.product-list .product-item { width:214px;height:327px;margin-top:15px; position: relative; }
.product-list .product-item.ansp { display: none; }
.product-list .product-item > div { margin-top:5px; }
.product-list .product-item > h3 { margin-top:5px; }
.product-list .product-item > div.img { margin-top:0; }
.page-outline .san-pham-da-xem .product-list .product-item > div.img { position: relative; }
.page-outline .san-pham-da-xem .product-list .product-item > div.img .imgbackground { position:absolute;bottom:3px;right:3px;width:calc(100% - 55px); }
.page-outline .san-pham-da-mua .product-list .product-item > div.img { position: relative; }
.page-outline .san-pham-da-mua .product-list .product-item > div.img .imgbackground { position:absolute;bottom:3px;right:3px;width:calc(100% - 55px); }
.product-list .product-item > div.product-tag { position: absolute; top: 14px; left: 14px; }
.product-list .product-item .name { padding:0 9px;height:36px;overflow:hidden;line-height:17px; }
/* .product-list .product-item .name a { color:#404941; } */
.product-list .product-item .price-sub .sale { text-decoration:line-through;margin-right:4px; }
.product-list .product-item .price-sub .sale-percent { padding:2px 4px;border-radius:7px; }
.product-list .product-item .price { padding:0 9px;display:flex;justify-content: space-between; }
.product-list .product-item .price-sub { padding:0 9px; }
/* .product-list .product-item .price a { color:#f55e50; } */
.product-list .product-item a.cart { cursor:pointer; }
.product-list .product-item a.cart img { width:22px; }
.product-list .product-item button.cart { background:none;border:none; }
.product-list .product-item button.cart img { width:22px; }
.product-list .product-item .img img { border-radius:5px; }
.page-outline .product-list .product-item .img > .imgbackground { position:absolute;bottom:2px;right:2px;width:calc(100% - 27px); }
.page-outline .product-list .product-item .img > .imgbackgroundncc1 { position:absolute;bottom:2px;right:2px;width:calc(100% - 50px); }
.page-outline .product-list .product-item .img > .imgbackgroundncc2 { position:absolute;top:60px;left:7px;height:50%; }
.page-outline .product-list .product-item .img > .imgbackgroundncc2 > img { width:auto;height:100%; }

.product-list .emptydata { display: flex;margin:0 auto;line-height:22px; }
.product-list .emptydata .img { line-height:16px;margin-right:5px; }

.page-outline .container { max-width:1190px; }
.page-outline .owl-carousel .owl-stage-outer {z-index: 1;}
.page-outline .owl-carousel .owl-nav { margin: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: space-between; }
.page-outline .owl-carousel .owl-nav.disabled { display: none;}
.page-outline .owl-carousel .owl-nav .owl-prev,.page-outline .owl-carousel .owl-nav .owl-next { top: 42%; z-index: 1;}
.page-outline .owl-carousel .owl-dots { margin: 0; position: absolute; left: 50%; bottom: 1rem; z-index: 1; }
.page-outline .owl-carousel .owl-dots.disabled { display: none;}
.page-outline .owl-carousel .owl-dots .owl-dot { width: 10px; height: 10px; margin: 0 3px; border-radius: 50%; background: #8dc63f; border: 1px solid #ffffff; opacity: 0.5;}
.page-outline .owl-carousel .owl-dots .owl-dot.active { opacity: 1;}
.page-outline .owl-carousel .owl-dots .owl-dot span { display: none;}
.page-outline .owl-carousel .owl-prev,.page-outline .owl-carousel .owl-next { visibility: hidden; position: absolute; top: 45%; padding: 8px 12px; padding-top: 10px; background-color: rgba(0, 0, 0, 0.18);}
.page-outline .owl-carousel .owl-prev {left: 10px;}
.page-outline .owl-carousel .owl-next {right: 10px;}
.page-outline .owl-carousel .owl-prev:hover,.page-outline .owl-carousel .owl-next:hover { background-color: #268f3b;}
.page-outline .owl-carousel .owl-prev:hover span:before,.page-outline .owl-carousel .owl-next:hover span:before { color: #ffffff;}
.page-outline .owl-carousel:hover .owl-next,.page-outline .owl-carousel:hover .owl-prev { visibility: unset; }
.page-outline .type2 .owl-carousel .owl-prev,
.page-outline .type2 .owl-carousel .owl-next { visibility: unset; position: absolute; top: 45%;color:#abafa5;border:1px solid #abafa5; border-radius:50% 50%; padding: 7px 11px 6px 11px;background-color: rgba(255,255,255, 0.18); width: 33px; height: 33px; }
.page-outline .type2 .owl-carousel .owl-prev {left: -50px;}
.page-outline .type2 .owl-carousel .owl-next {right: -50px;padding-left: 13px;}
.page-outline .type2 .owl-carousel .owl-prev:hover,.page-outline .type2 .owl-carousel .owl-next:hover { border:1px solid #0B3011;background-color: #268f3b;}
.page-outline .type2 .owl-carousel .owl-prev:hover span:before,.page-outline .type2 .owl-carousel .owl-next:hover span:before { color: #fff;}

.page-outline .type3 .owl-carousel .owl-nav button { border:none;background:none;width:26px;height:26px;padding:0;margin:0;margin-top:15px; }
.page-outline .type3 .owl-carousel .owl-nav button img { width:26px;height:26px; }
.page-outline .type3 .owl-carousel .owl-nav button img.show { display:block; }
.page-outline .type3 .owl-carousel .owl-nav button img.hide { display:none; }
.page-outline .type3 .owl-carousel .owl-nav button:hover img.show { display:none; }
.page-outline .type3 .owl-carousel .owl-nav button:hover img.hide { display:block; }
.page-outline .type3 .owl-carousel .owl-nav .owl-prev,
.page-outline .type3 .owl-carousel .owl-nav .owl-next { visibility: unset; position: relative; border:none; border-radius:0; padding: 0;width:36px;height:62px;top:0;left:0;right:0; }
.page-outline .type3 .owl-carousel .owl-nav .owl-prev {background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 100%);}
.page-outline .type3 .owl-carousel .owl-nav .owl-next {background: linear-gradient(90deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 100%);text-align:right;}
.page-outline .type3 .owl-carousel .owl-prev:hover,.page-outline .type3 .owl-carousel .owl-next:hover { border:none;}
.page-outline .type3 .owl-carousel .owl-prev:hover span:before,.page-outline .type2 .owl-carousel .owl-next:hover span:before { color: #fff;}

.page-outline .type4 .owl-carousel .owl-prev,
.page-outline .type4 .owl-carousel .owl-next { visibility: unset; position: absolute; top: 45%;color:#abafa5;border:1px solid #abafa5; border-radius:50% 50%; padding: 7px 11px 6px 11px;background-color: rgba(255,255,255, 0.18); width: 33px; height: 33px; }
.page-outline .type4 .owl-carousel .owl-prev {left: 0;}
.page-outline .type4 .owl-carousel .owl-next {right: 0;padding-left: 13px;}
.page-outline .type4 .owl-carousel .owl-prev:hover,.page-outline .type4 .owl-carousel .owl-next:hover { border:1px solid #0B3011;background-color: #268f3b;}
.page-outline .type4 .owl-carousel .owl-prev:hover span:before,.page-outline .type4 .owl-carousel .owl-next:hover span:before { color: #fff;}


.page-outline.breadcrumb-nav { margin:0;height:36px; }
.page-outline.breadcrumb-nav .breadcrumb { background:none;border-radius:0;padding:5px 0 0 0;line-height:22px;margin:0; }
/* cl-gregray550 */
.page-outline.breadcrumb-nav .breadcrumb .breadcrumb-item+.breadcrumb-item::before { color: #87907d; content: "»" }
/* .page-outline.breadcrumb-nav .breadcrumb-item a { color:#516e54;font-size:13px; } */
.page-outline.breadcrumb-nav .breadcrumb-item img { margin-top:-5px; }
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete { z-index:10001;max-height:400px;overflow-x:auto; }
.page-outline .ui-widget .ui-widget { font-size: 14px;line-height: 22px; }
.mobile-outline .ui-widget .ui-widget { font-size: 14px;line-height: 22px; }

.group-input { display:flex;align-content:stretch; }
.group-input input { background:none;padding:5px 7px 6px 7px;line-height:22px;height:40px;width:40px; }
.group-input button { background:none;padding:2px 7px 0 7px;height:40px; }
.group-input .sub { border-radius: 19px 0 0 19px;border-right:none; }
.group-input .add { border-radius: 0 19px 19px 0;border-left:none; }

#scroll-to-top { -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -moz-backface-visibility: hidden; opacity: 0; position: fixed; left: 15px; bottom: 10px; z-index: 1000; display: block; text-align: center; cursor: pointer; filter: alpha(opacity=0);}
#scroll-to-top:hover button span::before { color: #fff;}
#scroll-to-top button { background: #FAFAF8;padding:0;border:none;}
#scroll-to-top:hover button { background: #268f3b;}
#scroll-to-top button:before {font-size: 25px; padding: 0; width: 100%; height: 100%; line-height: 37px; text-align: center; color: #fff; display: block; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
#scroll-to-top button:before span::before {color: #fff;}
#scroll-to-top button { position: relative; width: 44px; height: 44px; line-height: 44px; display: block; color: #083011; border: 1px solid #abafa5; border-radius: 50% 50%; -moz-border-radius: 50% 50%; -webkit-border-radius: 50% 50%; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
#scroll-to-top button span::before { color: #083011; height: 100%; display: flex; align-items: center;justify-content: center;}
#scroll-to-top.on { bottom: 10%; opacity: 1; filter: alpha(opacity=100);}

#social-network {  
  position: fixed;
  right: 15px;
  bottom: 10%;
  z-index: 2;
}
#social-network #open-group {  width: 68px; cursor: pointer; }
#social-network #open-group:hover {  width: initial; cursor: pointer; }
#social-network #group {  
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 11px;
}
#social-network #close-group {  
  cursor: pointer;
  margin-top: 6px;
}

.group-rating-star {width: 100%;position: relative;}
.group-rating-star .list-star-active { position: absolute; left: 0; top: 0; white-space: nowrap; overflow: hidden;}
.group-rating-star .list-star-active span:before { color: #286f3b;}

.page-background { background-color: #fff; width: 100%; }


.tien-do .tien-do-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
@media (max-width: 520px) {
  .tien-do .tien-do-header { margin:0 -10px; text-align: center;}
  .tien-do-hoz .tien-do .tien-do-header { margin:0; text-align: left;}
}
/* b-gregray100 */
.tien-do .tien-do-line { -ms-flex: 1 0 32px; flex: 1 0 32px; min-width: 1px; min-height: 1px; margin: auto;height:3px;background:#e8ece3; }
.tien-do .tien-do-line.no-bg { background:none; }
@media (max-width: 400px) {
  .tien-do .tien-do-line { -ms-flex-preferred-size:20px; flex-basis: 20px; }
}
/* b-dakgreen650 */
.tien-do .tien-do-line.choose { background:#268f3b; }
.tien-do .tien-do-circle { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; width:61px;height:61px; padding:0; margin:0; }
/* b-dakgreen650 */
.tien-do .active .tien-do-circle { border:solid 2px #268f3b;border-radius:50% 50%; }
.tien-do .tien-do-header .txt { width:85px; }
.tien-do .tien-do-header .txt .chuoi { height:40px; }
.tien-do .tien-do-header .step img.nor { display:block; }
.tien-do .tien-do-header .step img.sel { display:none; }
.tien-do .tien-do-header .step.choose img.nor { display:none; }
.tien-do .tien-do-header .step.choose img.sel { display:block; }
.tien-do .tien-do-header .step.active img.nor { display:none; }
.tien-do .tien-do-header .step.active img.sel { display:block; }

.tien-do-hoz { display:flex; }
.tien-do-hoz .tien-do.hinh { margin-right:10px; }
.tien-do-hoz .tien-do .tien-do-header { display: -ms-flexbox; display: inherit; -ms-flex-align: center; align-items: center; }
/* b-gregray100 */
.tien-do-hoz .tien-do .tien-do-line { -ms-flex: 1 0 32px; flex: 1 0 32px; margin: -1px auto;height:20px;width:1px; }
.tien-do-hoz .tien-do .tien-do-header .txt { width:auto;height:65px;padding-top:25px; }
.tien-do-hoz .tien-do .tien-do-header .txt .chuoi { height:auto; }

.khuyenmai-brand-top > div { height:360px;background-repeat:no-repeat;background-position:center center;background-size: cover; }
.khuyenmai-brand-top-mobile > div { height:270px;background-repeat:no-repeat;background-position:center center;background-size: cover; }
.khuyenmai-noi-bat-top > div { height:340px;background-repeat:no-repeat;background-position:center center;background-size: cover; }
.khuyenmai-noi-bat-top > div a { display:inline-block;line-height:340px; }
.khuyenmai-noi-bat-top-mobile > div { height:193px;background-repeat:no-repeat;background-position:center center;background-size: cover; }
.khuyenmai-noi-bat-top-mobile > div a { display:inline-block;line-height:193px; }
.khuyenmai-noi-bat { background-image:url('images/khuyenmai_01.jpg');background-repeat:no-repeat;background-position:top center; }
.khuyenmai-noi-bat.type2 { margin-top:20px; }
.khuyenmai-noi-bat .item { text-align:center;margin-top:21px;margin-bottom:21px;padding:0 40px; }
/* .khuyenmai-noi-bat .item a { opacity:0.4; } */
.khuyenmai-noi-bat .item a div { margin-top:8px; }
/* .khuyenmai-noi-bat .item a:hover { opacity:1; }
.khuyenmai-noi-bat .item.active a { opacity:1; } */
.khuyenmai-noi-bat-sub { background-image:url('images/khuyenmai_02.jpg');background-repeat:no-repeat;background-position:top center; }
.khuyenmai-noi-bat-sub .item { margin:11px 0;border-radius:20px; }
.khuyenmai-noi-bat-sub .item a { border-radius:20px;padding:7px 18px;display:flex; }
.khuyenmai-noi-bat-sub .item a img { margin-right:4px; }
.khuyenmai-noi-bat-sub .item a span { margin-top:2px; }

/* .khuyenmai-noi-bat-mobile { margin-top:10px; } */
.khuyenmai-noi-bat-mobile .item { text-align:center;padding:0 5px; }
.khuyenmai-noi-bat-mobile .item > a > img { width:56px;height:56px;margin-top:20px;display:inherit; }
.khuyenmai-noi-bat-mobile-sub { padding:10px 0;background-image:url('images/khuyenmai_01.jpg');background-repeat:no-repeat;background-position:top center; }
.khuyenmai-noi-bat-mobile-sub .item > a { border-radius:20px; }
.khuyenmai-noi-bat-mobile-sub .item { border-radius:20px; }
.khuyenmai-noi-bat-mobile-sub .item a { border-radius:20px;padding:7px 18px;display:flex; }
.khuyenmai-noi-bat-mobile-sub .item a img { margin-right:4px;width:29px;height:25px; }
.khuyenmai-noi-bat-mobile-sub .item a span { margin-top:2px; }

.khuyenmai-brand .tieude-1 { text-align:center;margin-top:57px;width:850px;line-height:49px; }
.khuyenmai-brand .tieude-2 { text-align:center;margin-top:8px;width:850px;line-height:49px; }
.khuyenmai-brand .tomtat { text-align:center;line-height:25px;margin-top:8px;width:850px; }
.khuyenmai-brand .tomtat > div a.btn-xemthem { cursor: pointer; }
.khuyenmai-brand .tomtat > div.data-show { display:block; }
.khuyenmai-brand .tomtat > div.data-hide { display:none; }
.khuyenmai-brand .tomtat.hienthi > div.data-show { display:none; }
.khuyenmai-brand .tomtat.hienthi > div.data-hide { display:block; }
.khuyenmai-brand .tomtat.anchitiet { overflow: hidden; height: 125px; }
.khuyenmai-brand .xemthem { margin-top:20px;text-align:center;margin-bottom:10px; }
.khuyenmai-brand .xemthem a { cursor: pointer; }
.khuyenmai-brand-logo {text-align:center;}

/* .thuong-hieu .danhsach-outline { padding:0 25px; } */
.thuong-hieu .danhsach-outline .owl-stage-outer {padding:0 25px;}
.thuong-hieu .danhsach { margin-top:30px; } 
.thuong-hieu .danhsach .item { width:200px;text-align:center;padding:0 40px; }
.thuong-hieu .danhsach .item .product img { width:120px; height:100px; }
.thuong-hieu .danhsach .item a.img { margin-top:20px;display:block;}
.thuong-hieu .danhsach .item .img img { width:120px; height:40px;border:1px solid #e0e3dc;border-radius: 20px;box-shadow: 0 0 5px 0 #e0e3dc; }
.thuong-hieu .danhsach .item .name { margin-top: 5px;display:block; }
.thuong-hieu .danhsach-mobile { margin-top:17px; } 
.thuong-hieu .danhsach-mobile .item { width:110px;text-align:center;padding:0 10px; }
.thuong-hieu .danhsach-mobile .item .product img { width:70px; height:70px; }
.thuong-hieu .danhsach-mobile .item a.img { margin-top:10px;display:block;}
.thuong-hieu .danhsach-mobile .item .img img { width:130px; height:40px;border:1px solid #e0e3dc;border-radius: 20px;box-shadow: 0 0 5px 0 #e0e3dc; }
.thuong-hieu .danhsach-mobile .item .name { margin-top: 14px;display:block; }

/* #region mobile  ------------------------------- */
.mobile-outline .product-top { display: flex; }
.mobile-outline .product-top .tieude { margin-top:5px;line-height:30px; }
.mobile-outline .product-top .duongdan { margin-top:12px;line-height:21px;margin-left:15px; }
.mobile-outline .product-top .hinh { margin-top:13px;margin-left:5px; }
.mobile-outline .product-list { display:flex;flex-wrap:wrap;justify-content:space-between; }
.mobile-outline .product-list .product-item { width:calc(50% - 10px);height:260px;margin-top:15px;flex:0 0 auto; }
.mobile-outline .product-list .product-item .img { position:relative; }
.mobile-outline .product-list .product-item .img > a > img { width:100%;height:165px; }
.mobile-outline .product-list .product-item .img > .imgbackground { position:absolute;bottom:2px;right:2px;width:calc(100% - 27px); }
.mobile-outline .product-list .product-item .img > .imgbackgroundncc1 { position:absolute;bottom:2px;right:2px;width:calc(100% - 50px); }
.mobile-outline .product-list .product-item .img > .imgbackgroundncc2 { position:absolute;top:60px;left:7px;height:50%; }
.mobile-outline .product-list .product-item .img > .imgbackgroundncc2 > img { width:auto;height:100%; }
@media (min-width: 370px) {
  .mobile-outline .product-list .product-item .img > .imgbackground { width:calc(100% - 37px);bottom:2px; }
}
@media (min-width: 430px) {
  .mobile-outline .product-list .product-item .img > .imgbackground { width:calc(100% - 42px);bottom:2px; }
}
@media (min-width: 500px) {
  .mobile-outline .product-list .product-item .img > .imgbackground { width:calc(100% - 50px);bottom:2px; }
}
@media (min-width: 560px) {
  .mobile-outline .product-list .product-item .img > .imgbackground { width:calc(100% - 58px);bottom:0; }
}
@media (min-width: 620px) {
  .mobile-outline .product-list .product-item .img > .imgbackground { width:calc(100% - 70px);bottom:0; }
}
.mobile-outline .product-list-more { margin-top:20px;justify-content:center;display:flex; }
.mobile-outline .product-list-more .hinh { margin-left:5px; }

.mobile-outline .owl-carousel .owl-stage-outer {z-index: 1;}
.mobile-outline .owl-carousel .owl-nav { margin: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: space-between; }
.mobile-outline .owl-carousel .owl-nav.disabled { display: none;}

.mobile-outline .owl-carousel .owl-nav .owl-next,
.mobile-outline .owl-carousel .owl-nav .owl-prev,
.page-outline .owl-carousel .owl-nav .owl-next,
.page-outline .owl-carousel .owl-nav .owl-prev { 
  top: 42%; 
  z-index: 1;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: none;
  border: 1px solid #ABAFA5;
  font-size: 16px;
  padding-top: 11px;
  padding-left: 13px;
}

.mobile-outline .owl-carousel .owl-nav .owl-next,
.page-outline .owl-carousel .owl-nav .owl-next {
  padding-left: 14px;
}

.page-outline .owl-carousel .owl-nav .owl-next span::before,
.page-outline .owl-carousel .owl-nav .owl-prev span::before,
.mobile-outline .owl-carousel .owl-prev span::before,
.mobile-outline .owl-carousel .owl-next span::before {
  color: #ABAFA5;
}

.mobile-outline .owl-carousel .owl-dots { margin: 0; position: absolute; left: 50%; bottom: 1rem; z-index: 1; }
.mobile-outline .owl-carousel .owl-dots.disabled { display: none;}
.mobile-outline .owl-carousel .owl-dots .owl-dot { width: 10px; height: 10px; margin: 0 3px; border-radius: 50%; background: #8dc63f; border: 1px solid #ffffff; opacity: 0.5;}
.mobile-outline .owl-carousel .owl-dots .owl-dot.active { opacity: 1;}
.mobile-outline .owl-carousel .owl-dots .owl-dot span { display: none;}

.mobile-outline .owl-carousel .owl-prev,
.mobile-outline .owl-carousel .owl-next,
.page-outline .owl-carousel .owl-prev,
.page-outline .owl-carousel .owl-next { visibility: hidden; position: absolute; top: 45%; padding: 8px 12px; padding-top: 10px; background-color: rgba(0, 0, 0, 0.18);}

.mobile-outline .owl-carousel .owl-prev,
.mobile-outline .owl-carousel .owl-next {
  visibility: unset;
}

.mobile-outline .owl-carousel .owl-prev {left: 10px;}
.mobile-outline .owl-carousel .owl-next {right: 10px;}

.mobile-outline .owl-carousel .owl-prev:hover,
.mobile-outline .owl-carousel .owl-next:hover,
.page-outline .owl-carousel .owl-prev:hover,
.page-outline .owl-carousel .owl-next:hover { background-color: #268f3b;}

.mobile-outline .owl-carousel .owl-prev:hover span:before,
.mobile-outline .owl-carousel .owl-next:hover span:before,
.page-outline .owl-carousel .owl-prev:hover span:before,
.page-outline .owl-carousel .owl-next:hover span:before { color: #ffffff;}

.mobile-outline .owl-carousel:hover .owl-next,
.mobile-outline .owl-carousel:hover .owl-prev,
.page-outline .owl-carousel:hover .owl-next,
.page-outline .owl-carousel:hover .owl-prev { visibility: unset; }

.mobile-outline .type2 .owl-carousel .owl-prev {left: -50px;}
.mobile-outline .type2 .owl-carousel .owl-next {right: -50px;}

.mobile-outline .type2 .owl-carousel .owl-prev,
.mobile-outline .type2 .owl-carousel .owl-next,
.page-outline .type2 .owl-carousel .owl-prev,
.page-outline .type2 .owl-carousel .owl-next { 
  visibility: unset; position: absolute; top: 45%;color:#abafa5;border:1px solid #abafa5;
  border-radius:50% 50%; padding: 10px 11px 6px 11px;background-color: rgba(255,255,255, 0.18);
}
.mobile-outline .type2 .owl-carousel .owl-next,
.page-outline .type2 .owl-carousel .owl-next { 
  padding-left: 15px;
}
.mobile-outline .type2 .owl-carousel .owl-prev:hover,
.mobile-outline .type2 .owl-carousel .owl-next:hover,
.page-outline .type2 .owl-carousel .owl-prev:hover,
.page-outline .type2 .owl-carousel .owl-next:hover { border:1px solid #0B3011;background-color: #268f3b;}

.mobile-outline .type2 .owl-carousel .owl-prev:hover span:before,
.mobile-outline .type2 .owl-carousel .owl-next:hover span:before,
.page-outline .type2 .owl-carousel .owl-prev:hover span:before,
.page-outline .type2 .owl-carousel .owl-next:hover span:before { color: #fff;}
/* #endregion mobile */


/* #region header  ------------------------------- */
.page-header-top-1 { text-align:center;padding-top:0; }
.page-header-top-1 a { line-height:30px;display:inline-block; }
.page-header-logo { height: 50px; margin: auto; }
.page-header { height: 100px;display:flex;justify-content: space-between; }
.page-header .logo { width:25%;margin-top:15px; }
.mobile-header-menu .logo { flex-grow: 1; }
.page-header .logo img { height:75px;width:210px; }
.page-header .search-input { width:516px;;margin-top:30px; position: relative; }
.page-header .search-input form button { border:none;top:13px;left:13px; position: absolute;background:none;width:31px;height:24px;padding:0; }
.page-header .search-input form a.input-clear { top:13px;right:13px; }
.page-header .search-input form button.input-clear { top:13px;right:13px; position: absolute;display:none;cursor:pointer;padding:0;background:none;border:none; }
.page-header .search-input form button.input-clear.show { display:block; }
.page-header .search-input input { height:48px; padding-left:47px;padding-right:47px;border-radius: 25px; width: 100%; position:absolute; }
/*cl-gregray550*/
.page-header .search-input input::placeholder {color:#87907d;}
.page-header .search-input input:focus{ border-color: #516e54; }
.page-header .search-input img { width:31px;height:24px; }
.page-header .search-input a.dropdown-toggle { position:absolute;top:44px;left:0;font-size:1px;height:1px; }
.page-header .search-input a.dropdown-toggle::after { display:none; }
.page-header .search-input span.dropdown-toggle { position:absolute;top:44px;left:0;font-size:1px;height:1px;background:none;border:none; }
.page-header .search-input span.dropdown-toggle::after { display:none; }
.page-header .search-input div.dropdown-menu { padding:24px;border-radius:10px;width:100%;max-height:420px;overflow-x:auto; }
.page-header .search-input .headerSearchSuggest .keywords a { display:flex;line-height:21px;margin-top:2px; }
.page-header .search-input .headerSearchSuggest .keywords a img { width:14px;height:14px;margin-right:12px;margin-top:4px; }
.page-header .search-input .headerSearchSuggest .find .danhmuc .tieude { text-transform:uppercase;margin-top:26px; }
.page-header .search-input .headerSearchSuggest .find .danhmuc .danhsach { display:flex;flex-wrap:wrap;margin-top:6px; }
.page-header .search-input .headerSearchSuggest .find .danhmuc .danhsach a { border-radius:24px;padding:2px 8px;margin-right:9px;margin-top:6px; }
.page-header .search-input .headerSearchSuggest .find .sanpham .tieude { text-transform:uppercase;margin-top:32px; }
.page-header .search-input .headerSearchSuggest .find .sanpham .danhsach .product-item { display:flex;justify-content:space-between;margin-top:10px; }
.page-header .search-input .headerSearchSuggest .find .sanpham .danhsach .product-item .img { width:50px;height:50px; }
.page-header .search-input .headerSearchSuggest .find .sanpham .danhsach .product-item .img img { width:50px;height:50px; }
.page-header .search-input .headerSearchSuggest .find .sanpham .danhsach .product-item .info { width:calc(100% - 55px);margin-top:7px; }
.page-header .search-input .headerSearchSuggest .find .sanpham .danhsach .product-item .info .price .sale { text-decoration:line-through;margin-right:3px; }
.page-header .search-input .headerSearchSuggest .find .xemtatca { margin-top:40px; }


#header-dropdown-login .dropdown-menu:before,
#header-dropdown-login .dropdown-menu:after { content: ""; position: absolute; bottom: 100%; right: 30px; border: 10px solid transparent; border-bottom-color: #ffffff;}
#header-dropdown-login .dropdown-menu { padding: 18px 18px;margin:0;border:solid 1px #fff;box-shadow: 0 0 5px 0 #dee0da;border-radius:10px; }
#header-dropdown-login .dropdown-menu .dropdown-item { padding:9px 9px;border-radius:20px;line-height: 18px;margin:0;width:185px; }
#header-dropdown-login .dropdown-menu .dropdown-item a { display: flex; align-items: center; }
#header-dropdown-login .dropdown-menu .dropdown-item a span[class^="hachi-icon-"] { margin-right: 8px;font-size: 16px; }
#header-dropdown-login .dropdown-menu .dropdown-item a > img { width:18px;height:18px;margin-right:7px; }
#header-dropdown-login .dropdown-menu .dropdown-item button { display: flex; align-items: center;padding:0;background:none;border:none;width:100%; }
#header-dropdown-login .dropdown-menu .dropdown-item button span[class^="hachi-icon-"] { margin-right: 8px;font-size: 16px; }
#header-dropdown-login .dropdown-menu .dropdown-item button > img { width:18px;height:18px;margin-right:7px; }
/* b-gregray70 */
.page-header .right .dropdown .dropdown-menu .dropdown-item:hover { background-color: #f0f3eb; }
#header-dropdown-login .dropdown-menu .dangnhap { border-radius:20px;line-height:21px;padding:9px 75px;display:block;border:none; }
#header-dropdown-login .dropdown-menu .dangky { margin:7px; }
#header-dropdown-login .dropdown-menu .dangky > button { padding:0;background:none;border:none; }

.page-header-menu { width:100%;height:140px; }
.page-header-menu .menu-data { width:100%;height:40px; }
.page-header-menu .menu-data .outline { display:flex;justify-content: space-between;padding-top: 8px; }
.page-header-menu .menu-data .outline > .left > a { display:flex; }
.page-header-menu .menu-data .outline > .left > a img { margin-top:3px;margin-right:5px; }
.page-header-menu .menu-data .outline .right { display:flex;justify-content: space-between;width:520px; }
.page-header-menu .menu-data .outline .right a { display:flex; }
.page-header-menu .menu-data .outline .right a span { line-height:22px; }
.page-header-menu .menu-data .outline .right a.khuyen-mai { width:120px; }
.page-header-menu .menu-data .outline .right a.khuyen-mai img { margin-right:5px;width:20px; }
.page-header-menu.header-fixed { position: fixed;left: 0;top: 0;right: 0;z-index: 9; transition: top 0.3s ease; }
/*cl-gray50,bold700*/
.page-header-menu .menu-data .outline .right a:hover { color:#f9faf9;font-weight:700; }
.page-header .right { width:25%;display:flex;justify-content: flex-end; }
.page-header .right > div { text-align: center; }
.page-header .right a { cursor:pointer; }
.page-header .right .dropdown-toggle::after { display:none; }
.page-header .right .top-icon { margin-top:30px;padding-left:20px;height:60px; }
.page-header .right .top-icon.cart { margin-top:22px; }
.page-header .right .top-icon.home { margin-top:31px; }
.page-header .right .top-icon.cart > .text { margin-top:4px; }
.page-header .right .top-icon.like > .text { margin-top:5px; }
.page-header .right .top-icon.user > .text { margin-top:5px;max-width:130px;white-space:normal; }
.page-header .right .top-icon.home > .text { margin-top:4px; }
.page-header .right .top-icon:first-child { padding-left:0; }
.page-header .right .top-icon > a { display:block; }
.page-header .right .top-icon > button { display:block;padding:0;background:none;border:none;width:100%;text-align:center; }
.page-header .right .top-icon > a > img { height:27px; }
.page-header .right .top-icon > button > img { height:27px; }
.page-header .right .top-icon > a.text { white-space:nowrap; }
.page-header .right .top-icon > a.cart-icon > img { height:36px; }
.page-header .right .top-icon > .like-icon { position: relative; }
.page-header .right .top-icon > .like-icon .like-number { position: absolute;padding: 0 6px;border-radius: 10px;background: #FCEBC4;color: #67501B;font-size: 13px;font-weight: 600;left: calc(50% + 1px);top: -5px;z-index: 1; }

.page-header-menu .menu-data .outline .left .category {width:322px;max-height:330px;overflow-x:auto;}
.page-header-menu .menu-data .outline .left .category > ul {list-style:none;padding:0 5px;margin:0;}
.page-header-menu .menu-data .outline .left .category > ul > li { list-style:none;padding:0;margin:0;line-height: 18px; }
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav { width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex; }
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav .item-nav-icon { width: 15px;margin: 0 15px;font-size: 16px;line-height: 30px; }

.page-header-menu .menu-data .outline .left .category > ul > li.item-nav.khuyenmai > .li-item-nav > .text-truncate { text-transform:uppercase; }
.page-header-menu .menu-data .outline .left .category > ul > li.item-nav.noibat > .li-item-nav > .item-nav-icon.image img { width: 23px;height:28px;}
.page-header-menu .menu-data .outline .left .category > ul > li.item-nav.noibat > .li-item-nav > .item-nav-icon.image { width: 23px;margin-top:0;padding-top:0;}
.page-header-menu .menu-data .outline .left .category > ul > li.item-nav.noibat > .li-item-nav > .text-truncate { text-transform:uppercase;line-height:35px;margin-top:4px;}
.page-header-menu .menu-data .outline .left .category > ul > li.item-nav.noibat > .li-item-nav > .text-truncate > button { text-transform:uppercase;padding:0;background:none;border:0; }
.page-header-menu .menu-data .outline .left .category > ul > li.item-nav > .li-item-nav > .item-nav-icon.image { width: 22px;margin: 0 10px 0 14px;font-size: 16px;line-height: 30px; }
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav .item-nav-name { width: calc(100% - 70px); line-height: 30px; }
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav .item-nav-child .haschilds { display: none; }
/* cl-gregray400 */
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav .item-nav-child .hachi-icon-right::before { color:#abafa5; }
/*b-gregray70*/
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav:hover { background-color:#f0f3eb;border-radius: 15px; }
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav:hover .item-nav-child { display: block; }
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav:hover .haschilds { display: block;position: absolute;left: 300px;top: 0;right: 0;height: 410px;background: #ffffff;z-index: 100;width: 720px;padding-left: 20px;border:1px solid #fff;border-radius:7px;box-shadow: 0 0 5px 0 #dee0da; }
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav.active .item-nav-child { display: block; }
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav.active .haschilds { display: block;position: absolute;left: 300px;top: 0;right: 0;height: 400px;background: #ffffff;z-index: 100;width: 720px;padding-left: 20px;border:1px solid #fff;border-radius:7px;box-shadow: 0 0 5px 0 #dee0da; }
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav .haschilds ul { list-style: none; }
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav .haschilds .mega-col { padding-top: 16px; }
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav .haschilds .dropdown-menu-sub { display: block; background: none; border: 0; width: 100%; padding-top: 0px; position: static; min-width: auto;-webkit-box-shadow: 0 0 0 #fff; box-shadow: 0 0 0 #fff;margin: 0;padding: 0; margin-top: 5px; margin-bottom: 12px; }
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav .haschilds .dropdown-menu-sub li a { padding: 5px 0;line-height: 20px; }
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav .haschilds .dropdown-menu-sub li a:hover { color: #151e17; font-weight: bold; }
.page-header-menu .menu-data .outline .left .category > ul .li-item-nav .haschilds .dropdown-menu-sub.noi-bat li { margin-top:12px; }
.page-header-menu .menu-data .outline .left .category > ul .item-nav-space { font-size:1px;line-height:1px;height:1px;margin:15px -5px; }
.page-header-menu .menu-data .outline .left .dropdown-menu { padding:15px 0; }
.page-header-menu .menu-data .outline .left .dropdown-menu .bt { text-align:center;margin-top:30px; }

.popup-header-otp-type .hachi-modal .modal .modal-body { padding:0 40px 40px 40px; }
.popup-header-otp-type .modal-body .text-1 { text-align:center;line-height:22px; }
.popup-header-otp-type .modal-body .text-2 { text-align:center;margin-top:11px; }
.popup-header-otp-type .modal-body .text-3 { text-align:center;margin-top:80px; }
.popup-header-otp-type .modal-body .action { text-align:center;margin-top:20px; }
.popup-header-otp-type .modal-body .action button { background:none;border:none; }
.popup-header-otp-type .modal-body .action .line { width:320px;height:1px;font-size:1px;line-height:1px;margin:15px auto; }

.popup-header-otp .hachi-modal .modal .modal-body { padding:20px 40px 0 40px; }
.popup-header-otp form > .hachi-modal .modal .modal-footer { padding:20px 40px; }
.popup-header-otp .otp { margin-top:35px; }
/* .popup-header-otp .otp > input { width:30px;margin-left:15px;text-align:center; } */
.popup-header-otp .otp .nhap-otp { width:150px;margin:0 auto; }
.popup-header-otp .otp .nhap-otp > input { width:150px;text-align:left;letter-spacing:15px;border:none; }
.popup-header-otp .otp .line-bottom { width:150px;display:flex;margin:0 auto; }
.popup-header-otp .otp .line-bottom > div { width:15px;margin-left:10px;line-height:1px;height:1px; }
.popup-header-otp .otp .line-bottom > div:first-child { margin-left:0; }
.popup-header-otp .text-1 {margin-top:15px;text-align:center;}
.popup-header-otp .text-2 {margin-top:69px;text-align:center;}
.popup-header-otp .modal-footer { margin-top:37px;text-align:center; }
.popup-header-otp .modal-footer button { margin-top:17px;padding:10px 0;width:100%;text-align:center;border:none;border-radius:19px; }
/*b-gregray40,cl-gregray400*/
.popup-header-otp form.haserror .modal-footer button { background:#f4f6f1;color:#abafa5; }
.popup-header-otp .modal-body .otp-err { margin-top:6px;display:flex;justify-content:center; }
.popup-header-otp .modal-body .otp-err > img { margin-right:8px; }
.popup-header-otp form > .hachi-modal .modal .modal-body .text-3 { padding-bottom:5px;line-height:22px; }
.popup-header-otp .modal-body .text-3.show { display:none; }
.popup-header-otp .modal-body .text-3.hide { display:block; }
/*b-gregray70,cl-gregray900*/
.popup-header-otp .modal-body .text-3 button.guilai { border-radius:20px;padding:5px 10px;background:#f0f3eb;color:#151e17;border:none;margin-left:3px; }
/*b-dakgreen650,cl-white*/
.popup-header-otp .modal-body .text-3 button.guilai.active { background:#268f3b;color:#ffffff; }

.popup-header-otp.waiting .modal-body .text-3.show { display:block; }
.popup-header-otp.waiting .modal-body .text-3.hide { display:none; }
.popup-header-otp .modal-body .text-3 .guilaiwait { border-radius:20px;padding:5px 10px; }
/* .popup-header-otp .modal-body .text-3 a.guilai { cursor:pointer; }
.popup-header-otp .modal-body .text-3 .guilaiwait { border-radius:20px;padding:5px 10px; } */


/* .popup-header-khtt .hachi-modal .modal .modal-body .text-2 { margin-top:13px; }
.popup-header-khtt .hachi-modal .modal .modal-body .box { margin-top:13px;border-radius:10px;padding:13px 28px; }
.popup-header-khtt .hachi-modal .modal .modal-body .box .item { display:flex;margin-top:4px;justify-content:space-between; }
.popup-header-khtt .hachi-modal .modal .modal-body .box .item:first-child { margin-top:0; }
.popup-header-khtt .hachi-modal .modal .modal-body .box .item .txt-1 { width:100px; }
.popup-header-khtt .hachi-modal .modal .modal-body .box .item .txt-2 { width:calc(100% - 130px);text-align:right; }
.popup-header-khtt .hachi-modal .modal .modal-body .text-3 { margin-top:13px; }
.popup-header-khtt .hachi-modal .modal .modal-body .radio { margin-top:10px;display:flex; }
.popup-header-khtt .hachi-modal .modal .modal-body .radio > input { margin-right:8px; }
.popup-header-khtt .hachi-modal .modal .modal-body .radio label { margin-top:1px;margin-bottom:0; }
.popup-header-khtt .hachi-modal .modal .modal-body .text-4 { margin-top:13px; }
.popup-header-khtt .hachi-modal .modal .modal-body .text-5 { margin-top:13px; }
.popup-header-khtt .hachi-modal .modal .modal-footer { margin-top:37px;text-align:left;padding:0 20px 44px 20px; }
.popup-header-khtt .hachi-modal .modal .modal-footer button { border-radius:31px;padding:9px 30px;line-height:22px; }
.popup-header-khtt .hachi-modal .modal .modal-footer .input.captcha-input { display:flex;justify-content:center; }
.popup-header-khtt .hachi-modal .modal .modal-footer .input input.chuoi { width:150px;margin-right:10px;border-radius:10px;line-height:22px;padding:8px 12px 8px 12px; }
.popup-header-khtt .hachi-modal .modal .modal-footer .input div.image { width:150px;margin-right:10px;border-radius:10px; }
.popup-header-khtt .hachi-modal .modal .modal-footer .input a { width:20px; }
.popup-header-khtt .hachi-modal .modal .modal-footer .input a img { margin-top:9px; }
.popup-header-khtt .hachi-modal .modal .modal-footer .action { margin-top:10px;display:flex;justify-content:center; }
.popup-header-khtt .hachi-modal .modal .modal-footer .action > button:first-child { margin-right:10px; } */
.popup-header-khtt .hachi-modal .modal .modal-dialog { max-width:600px; }
.popup-header-khtt .hachi-modal .modal .tieude { text-align:center;width:calc(100% - 35px); }
.popup-header-khtt .hachi-modal .modal .modal-body .text-1 { line-height:21px;text-align:left; }
.popup-header-khtt .hachi-modal .modal .modal-body .text-2 { line-height:21px;text-align:left;margin-top:20px; }
.popup-header-khtt .hachi-modal .modal .modal-body .text-3 { line-height:21px;text-align:left;margin-top:10px; }
.popup-header-khtt .hachi-modal .modal .modal-body .text-4 { line-height:21px;text-align:left;margin-top:10px; }
.popup-header-khtt .hachi-modal .modal .modal-body .thong-tin-1 { border-radius:10px;display:flex;justify-content:space-between;padding:16px 16px;margin-top:30px; }
.popup-header-khtt .hachi-modal .modal .modal-body .thong-tin-1 .image { width:20px; }
.popup-header-khtt .hachi-modal .modal .modal-body .thong-tin-1 .text { width:calc(100% - 25px); }
.popup-header-khtt .hachi-modal .modal .modal-body .box { margin-top:13px;border-radius:10px;padding:13px 28px; }
.popup-header-khtt .hachi-modal .modal .modal-body .box .item { display:flex;margin-top:4px;justify-content:space-between; }
.popup-header-khtt .hachi-modal .modal .modal-body .box .item:first-child { margin-top:0; }
.popup-header-khtt .hachi-modal .modal .modal-body .box .item .txt-1 { width:100px; }
.popup-header-khtt .hachi-modal .modal .modal-body .box .item .txt-2 { width:calc(100% - 130px);text-align:right; }
.popup-header-khtt .hachi-modal .modal .modal-footer { margin-top:10px; }
.popup-header-khtt .hachi-modal .modal .modal-footer button { border-radius:31px;padding:9px 30px;line-height:22px; }
.popup-header-khtt .hachi-modal .modal .modal-footer .input.captcha-input { display:flex;justify-content:center; }
.popup-header-khtt .hachi-modal .modal .modal-footer button.captcha-reload { border-radius:0;border:none;background:none;padding:3px 5px;width:30px; }
.popup-header-khtt .hachi-modal .modal .modal-footer .input input.chuoi { width:150px;margin-right:10px;border-radius:10px;line-height:22px;padding:8px 12px 8px 12px; }
.popup-header-khtt .hachi-modal .modal .modal-footer .input div.image { width:150px;margin-right:10px;border-radius:10px; }
/* .popup-header-khtt .hachi-modal .modal .modal-footer .input a { width:20px; }
.popup-header-khtt .hachi-modal .modal .modal-footer .input a img { margin-top:9px; } */
.popup-header-khtt .hachi-modal .modal .modal-footer .action { margin-top:10px;display:flex;justify-content:center; }
.popup-header-khtt .hachi-modal .modal .modal-footer .action > button:first-child { margin-right:10px; } 
.popup-header-khtt-mobile .hachi-modal .modal .modal-header { padding:10px 20px 0px 20px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-body { padding:20px 20px 0px 20px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-footer { padding:20px 20px; }
.popup-header-khtt-mobile .hachi-modal .modal .tieude { text-align:left;width:calc(100% - 36px); }
.popup-header-khtt-mobile .hachi-modal .modal .modal-body .text-1 { line-height:21px;text-align:left; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-body .text-2 { line-height:21px;text-align:left;margin-top:20px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-body .text-3 { line-height:21px;text-align:left;margin-top:10px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-body .text-4 { line-height:21px;text-align:left;margin-top:10px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-body .thong-tin-1 { border-radius:10px;display:flex;justify-content:space-between;padding:16px 16px;margin-top:30px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-body .thong-tin-1 .image { width:20px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-body .thong-tin-1 .text { width:calc(100% - 25px); }
.popup-header-khtt-mobile .hachi-modal .modal .modal-body .box { margin-top:13px;border-radius:10px;padding:10px 10px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-body .box .item { display:flex;margin-top:4px;justify-content:space-between; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-body .box .item:first-child { margin-top:0; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-body .box .item .txt-1 { width:100px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-body .box .item .txt-2 { width:calc(100% - 130px);text-align:right; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-footer { margin-top:10px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-footer button { border-radius:31px;padding:9px 30px;line-height:22px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-footer .input.captcha-input { display:flex;justify-content:center; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-footer button.captcha-reload { border-radius:0;border:none;background:none;padding:3px 5px;width:30px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-footer .input input.chuoi { width:120px;margin-right:10px;border-radius:10px;line-height:22px;padding:8px 12px 8px 12px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-footer .input div.image { width:120px;margin-right:10px;border-radius:10px; }
/* .popup-header-khtt-mobile .hachi-modal .modal .modal-footer .input a { width:20px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-footer .input a img { margin-top:9px; } */
.popup-header-khtt-mobile .hachi-modal .modal .modal-footer .action { margin-top:10px; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-footer .action .btnXacNhan { width:100%;border:none; }
.popup-header-khtt-mobile .hachi-modal .modal .modal-footer .action .btnQuayLai { width:100%;margin-top:10px; }

.popup-header-like-confirm .hachi-modal .modal .modal-content .modal-body { padding:16px 16px;display:flex;line-height:21px; }
.popup-header-like-confirm .hachi-modal .modal .modal-content .modal-body > div { margin-top:5px; }
.popup-header-like-confirm .hachi-modal .modal .modal-content .modal-body > img { margin-right:16px; }
.popup-header-like-confirm .hachi-modal .modal .modal-content .modal-body > button { background:none;border:none; }

.popup-header-notify .hachi-modal .modal .modal-content .modal-body { padding:10px 20px; }
.popup-header-notify .hachi-modal .modal .modal-content .modal-body .noidung { display:flex; }
.popup-header-notify .hachi-modal .modal .modal-content .modal-body .noidung .text { margin-left:8px; }

/* #region mobile  ------------------------------- */
.mobile-header .mobile-header-top { text-align:center;padding-top:0; }
.mobile-header .mobile-header-top a { line-height:40px;display:inline-block; }
.mobile-header { position:fixed;width:100%;top:0;left:0;z-index:999;box-shadow: 0 0 5px 0 #dee0da; padding-bottom: 15px;}
.mobile-header .mobile-header-menu { margin-top:15px; }
.mobile-header-menu .mobile-outline { justify-content:space-between; }
.mobile-header-menu .logo img { width:140px;height:36px; }
.mobile-header-menu .right { display:flex; }
.mobile-header-menu .right .cart { width:29px;margin-right:10px;margin-top:4px; }
.mobile-header-menu .right .cart img { width:29px;height:32px; }
.mobile-header-menu .right .menu { margin-top:9px; }
.mobile-header-menu .right .menu > button { padding:0;background:none;border:none; }
.mobile-header-menu .right .menu img { width:28px;height:28px; }
.mobile-header-menu .right .user { margin-top:10px;margin-right:10px; }
.mobile-header-menu .right .user > button { padding:0;border:none;background:none; }
.mobile-header-menu .right .user img { width:26px;height:26px; }
.mobile-header-menu .right .user img.show { display:none; }
.mobile-header-menu .right .user img.hide { display:block; }
.mobile-header-menu .right .user.active img.show { display:block; }
.mobile-header-menu .right .user.active img.hide { display:none; }

#mobile-user-dropdown-menu { min-height:500px; }
#mobile-user-dropdown-menu > ul {list-style:none;padding:0 5px;margin:0;}
#mobile-user-dropdown-menu > ul > li { list-style:none;padding:0;margin:0;line-height: 18px; }
#mobile-user-dropdown-menu > ul > li a { cursor: pointer; }
#mobile-user-dropdown-menu > ul .li-item-nav { width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex; }
#mobile-user-dropdown-menu > ul .li-item-nav .item-nav-icon { width:24px;margin: 0 15px;font-size:16px;line-height: 16px; }
#mobile-user-dropdown-menu > ul .li-item-nav .item-nav-icon.prev { line-height:16px;display:flex;align-items:center; }
#mobile-user-dropdown-menu > ul .li-item-nav .item-nav-icon.prev > a img { width:12px;height:12px;margin-top:9px; }
#mobile-user-dropdown-menu > ul .li-item-nav .item-nav-child > a > img { width:12px;height:12px; }
#mobile-user-dropdown-menu > ul .li-item-nav .item-nav-child > a.close > img { width:20px;height:20px; }
/* #mobile-user-dropdown-menu > ul .li-item-nav .item-nav-child > a { margin-top:6px; } */
#mobile-user-dropdown-menu > ul .li-item-nav .item-nav-child { line-height: 30px; }
#mobile-user-dropdown-menu .item-nav-space { font-size:1px;line-height:1px;height:1px;margin:15px -5px; }

.mobile-header-menu .right .user .user-manage { 
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 999;
  width: 100vw;
  background: white;
}
#mobile-user-dropdown-menu {
  width: calc(100vw - 60px);
  margin-left: 30px;
  margin-top: 0;
}

#mobile-user-dropdown-menu > ul > li.item-nav.user > .li-item-nav { padding-top: 13px; }
/* #mobile-user-dropdown-menu > ul > li.item-nav.user > .li-item-nav .item-nav-icon { width: 24px; } */
#mobile-user-dropdown-menu > ul > li.item-nav.user > .li-item-nav .item-nav-child { margin-left: auto; }
/* #mobile-user-dropdown-menu > ul > li.item-nav.user > .li-item-nav .item-nav-child a { margin-top: 0; } */
#mobile-user-dropdown-menu > ul > li.item-nav.user > .li-item-nav > .item-nav-name { display: flex;align-items:center; }
/* #mobile-user-dropdown-menu > ul > li.item-nav.user > .li-item-nav > .item-nav-name > .user-icon {   
  margin-left: -38px;
  min-height: 24px;
  max-height: 40px;
  margin-right: 11px;
} */
#mobile-user-dropdown-menu > ul > li.item-nav.user > .li-item-nav > .item-nav-name > .user-text { line-height: 21px; }
#mobile-user-dropdown-menu > ul > li.item-nav.user > .li-item-nav > .item-nav-name > .user-text .username { font-weight: 700; }

#mobile-user-dropdown-menu > ul > li.item-nav.like { display: flex;line-height: 24px;padding-top: 9px;}
#mobile-user-dropdown-menu > ul > li.item-nav.like .item-nav-name > button { padding:0;background:none;border:none; }
#mobile-user-dropdown-menu > ul > li.item-nav.like > .li-item-nav > .item-nav-icon {  display: flex;align-items: center;justify-content: center; }
#mobile-user-dropdown-menu > ul > li.item-nav.like > .li-item-nav > .item-nav-icon > .like-icon { margin-left: auto;margin-right: auto;width: 16px;height: 16px; }

.mobile-header .search-input { width:100%;margin-top:15px;position: relative;height:35px; }
.mobile-header .logo .search-input { margin-top:3px;padding-right: 15px; }
.mobile-header .search-input form button { border:none;top:6px;left:6px; position: absolute;background:none;width:31px;height:24px;padding:0; }
.mobile-header .search-input form a.input-clear { top:6px;right:13px; }
.mobile-header .search-input form button.input-clear { top:6px;right:13px; position: absolute;display:none;cursor:pointer;padding:0;background:none;border:none; }
.mobile-header .search-input form button.input-clear.show { display:block; }
.mobile-header .search-input input { line-height:21px;padding:6px 37px;border-radius: 25px; width: 100%; position:absolute; }
/*cl-gregray550*/
.mobile-header .search-input input::placeholder { color:#87907d; }
.mobile-header .search-input input::-webkit-input-placeholder { color:#87907d; }
.mobile-header .search-input input::-moz-placeholder { color:#87907d; }
.mobile-header .search-input input:-ms-input-placeholder { color:#87907d; }

.mobile-header .search-input img { width:31px;height:24px; }
.mobile-header .search-input a.dropdown-toggle { position:absolute;top:32px;left:0;font-size:1px;height:1px; }
.mobile-header .search-input a.dropdown-toggle::after { display:none; }
.mobile-header .search-input span.dropdown-toggle { position:absolute;top:32px;left:0;font-size:1px;height:1px;padding:0;background:none;border:none; }
.mobile-header .search-input span.dropdown-toggle::after { display:none; }
.mobile-header .search-input div.dropdown-menu { padding:24px;border-radius:10px;width:100%;max-height:350px;overflow-x:auto; }
.mobile-header .search-input .headerSearchSuggest .keywords a { display:flex;line-height:21px;margin-top:2px; }
.mobile-header .search-input .headerSearchSuggest .keywords a img { width:14px;height:14px;margin-right:12px;margin-top:4px; }
.mobile-header .search-input .headerSearchSuggest .find .danhmuc .tieude { text-transform:uppercase;margin-top:26px; }
.mobile-header .search-input .headerSearchSuggest .find .danhmuc .danhsach { display:flex;flex-wrap:wrap;margin-top:6px; }
.mobile-header .search-input .headerSearchSuggest .find .danhmuc .danhsach a { border-radius:24px;padding:2px 8px;margin-right:9px;margin-top:6px; }
.mobile-header .search-input .headerSearchSuggest .find .sanpham .tieude { text-transform:uppercase;margin-top:32px; }
.mobile-header .search-input .headerSearchSuggest .find .sanpham .danhsach .product-item { display:flex;justify-content:space-between;margin-top:10px; }
.mobile-header .search-input .headerSearchSuggest .find .sanpham .danhsach .product-item .img { width:50px;height:50px; }
.mobile-header .search-input .headerSearchSuggest .find .sanpham .danhsach .product-item .img img { width:50px;height:50px; }
.mobile-header .search-input .headerSearchSuggest .find .sanpham .danhsach .product-item .info { width:calc(100% - 55px);margin-top:7px; }
.mobile-header .search-input .headerSearchSuggest .find .sanpham .danhsach .product-item .info .price .sale { text-decoration:line-through;margin-right:3px; }
.mobile-header .search-input .headerSearchSuggest .find .xemtatca { margin-top:40px; }

.popup-mobile-header-menu .category { min-height:500px; }
.popup-mobile-header-menu .category > ul {list-style:none;padding:0 5px;margin:0;}
.popup-mobile-header-menu .category > ul > li { list-style:none;padding:0;margin:0;line-height: 18px; }
.popup-mobile-header-menu .category > ul > li a { cursor: pointer; }
.popup-mobile-header-menu .category > ul .li-item-nav { width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex; }
.popup-mobile-header-menu .category > ul .li-item-nav .item-nav-icon { width:15px;margin: 0 15px;font-size:16px;line-height: 30px; }
.popup-mobile-header-menu .category > ul .li-item-nav .item-nav-icon.prev { line-height:16px; }
.popup-mobile-header-menu .category > ul .li-item-nav .item-nav-icon.prev > a img { width:12px;height:12px;margin-top:9px; }
.popup-mobile-header-menu .category > ul .li-item-nav .item-nav-child > a > img { width:12px;height:12px; }
.popup-mobile-header-menu .category > ul .li-item-nav .item-nav-child > a.close > img { width:20px;height:20px; }
.popup-mobile-header-menu .category > ul .li-item-nav .item-nav-child > a { margin-top:6px; }
.popup-mobile-header-menu .category > ul .li-item-nav .item-nav-child > button > img { width:12px;height:12px; }
.popup-mobile-header-menu .category > ul .li-item-nav .item-nav-child > button.close > img { width:20px;height:20px; }
.popup-mobile-header-menu .category > ul .li-item-nav .item-nav-child > button { margin-top:6px;padding:0;background:none;border:none; }
.popup-mobile-header-menu .category > ul .li-item-nav .item-nav-child { line-height: 30px; }
.popup-mobile-header-menu .category > ul > li.item-nav.khuyenmai > .li-item-nav > .text-truncate { text-transform:uppercase; }
.popup-mobile-header-menu .category > ul > li.item-nav.noibat > .li-item-nav > .text-truncate { text-transform:uppercase; }
.popup-mobile-header-menu .category > ul > li.item-nav.noibat > .li-item-nav > .item-nav-icon.image img { width: 23px;height:28px;}
.popup-mobile-header-menu .category > ul > li.item-nav.noibat > .li-item-nav > .item-nav-icon.image { width: 23px;margin-top:0;padding-top:0;}
.popup-mobile-header-menu .category > ul > li.item-nav.noibat > .li-item-nav > .text-truncate { line-height:35px;margin-top:4px;}
.popup-mobile-header-menu .category > ul > li.item-nav > .li-item-nav > .item-nav-icon.image { width: 22px;margin: 0 10px 0 14px;font-size: 16px;line-height: 30px; }
.popup-mobile-header-menu .category > ul .li-item-nav .item-nav-name { width:calc(100% - 70px);line-height:30px; }
.popup-mobile-header-menu .category > ul .li-item-nav .item-nav-name > a { display:block; }
.popup-mobile-header-menu .category > ul .li-item-nav button { padding:0;background:none;border:none; }
.popup-mobile-header-menu .category > ul .li-item-nav .item-nav-child .haschilds { display: none; }
.popup-mobile-header-menu .category > ul .item-nav-space { font-size:1px;line-height:1px;height:1px;margin:15px -5px; }
.popup-mobile-header-menu .bt { text-align:center;margin-top:27px; }


.popup-mobile-header-menu .category > ul > li.item-nav.user > .li-item-nav > .item-nav-name { display: flex;}
.popup-mobile-header-menu .category > ul > li.item-nav.user > .li-item-nav > .item-nav-name > .user-icon {   
  margin-left: -38px;
  min-height: 24px;
  max-height: 40px;
  margin-right: 11px;
}
.popup-mobile-header-menu .category > ul > li.item-nav.user > .li-item-nav > .item-nav-name > .user-text {  
  line-height: 21px;
}
.popup-mobile-header-menu .category > ul > li.item-nav.user > .li-item-nav > .item-nav-name > .user-text .username {  
  font-weight: 700;
}

.popup-mobile-header-menu .category > ul > li.item-nav.like {
  display: flex;
  line-height: 24px;
}
.popup-mobile-header-menu .category > ul > li.item-nav.like > .li-item-nav > .item-nav-icon {
  width: 16px;
}
.popup-mobile-header-menu .category > ul > li.item-nav.like > .li-item-nav > .item-nav-icon > .like-icon {  
  margin-left: auto;
  margin-right: auto;
}
/* #endregion mobile */

/* #endregion header */

/* #region footer  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-footer { width:100%;padding-top:30px;}
.mobile-footer.no-top { padding-top:0;}
.mobile-footer .phone { margin-top:30px;display:flex;}
.mobile-footer .phone.top { padding-top:30px;margin-top:0;}
.mobile-footer .phone > img { width:33px;height:33px;margin-right:16px;margin-top:2px; }
.mobile-footer .phone .text-dienthoai { margin-top:5px; }
.mobile-footer .phone .text-ngay { margin-top:3px; }
.mobile-footer .taiungdung { margin-top:30px; }
.mobile-footer .taiungdung .title { text-align:center; }
.mobile-footer .taiungdung .image-app { margin-top:9px; }
.mobile-footer .taiungdung .image-app { display:flex;justify-content:center; }
.mobile-footer .taiungdung .image-app img { width:138px;height:41px;margin-right:10px; }
.mobile-footer .ketnoi { margin-top:30px; }
.mobile-footer .ketnoi .title { text-align:center; }
.mobile-footer .ketnoi .image-ketnoi { margin-top:9px;display:flex;justify-content:center; }
.mobile-footer .ketnoi .image-ketnoi img { margin-left:20px; }
.mobile-footer .ketnoi .image-ketnoi a:first-child img { margin-left:0; }
.mobile-footer .line { margin-top:40px; }
.mobile-footer .ds-menu { margin-top:40px; }
.mobile-footer .ds-menu .item { margin-top:30px; }
.mobile-footer .ds-menu .item .title a { display:flex;justify-content:space-between;line-height:23px;cursor:pointer; }
.mobile-footer .ds-menu .item .title > button { display:flex;justify-content:space-between;line-height:23px;padding:0;background:none;border:none;width:100%;text-align:left; }
/* cl-green500 */
.mobile-footer .ds-menu .item.show .title a { color:#8bc53f; }
.mobile-footer .ds-menu .item .title img.show { display:none; }
.mobile-footer .ds-menu .item .title img.hide { display:block; }
.mobile-footer .ds-menu .item.show .title img.show { display:block; }
.mobile-footer .ds-menu .item.show .title img.hide { display:none; }
.mobile-footer .ds-menu .item .text { margin-top:10px;display:none; }
.mobile-footer .ds-menu .item.show .text { display:block; }
.mobile-footer .ds-menu .item .text a { line-height:32px;display:block; }
.mobile-footer .ds-menu .item .image-ketnoi img { width:52px;height:35px;margin-top:7px; }

.mobile-footer .thongtincongty { margin-top:40px; }
.mobile-footer .thongtincongty .text { margin-top:10px;line-height:21px; }
.mobile-footer .thongtincongty .text > a { display:block;margin-top:2px; }
.mobile-footer .thongtinthue { padding:15px 5px 0 26px;line-height:21px; }
.mobile-footer .thongtinlogo { padding:10px 0 30px 0; }
.mobile-footer .thongtinlogo img { width:146px;height:55px;margin-left:26px; }
.mobile-footer .bottom { text-align:center;padding:5px 0;}
/* pad bot vì trang cart neo cái nút */
body:has(.mobile-cart) .mobile-footer {
  padding-bottom: 230px;
}
body:has(.mobile-cart) #scroll-to-top,
body:has(.mobile-cart) #social-network,
body:has(.mobile-payment) #scroll-to-top,
body:has(.mobile-payment) #social-network {
  bottom: 12%;
}
/* #endregion mobile */

.page-footer { width:100%;padding-top:50px;}
.page-footer.no-top { padding-top:0;}
.page-footer .row.section-1 { padding-top:60px; }
.page-footer .row.section-1 .phone { display:flex;justify-content: space-between; }
.page-footer .row.section-1 .phone > img { width:33px;height:33px;margin-right:16px; }
.page-footer .row.section-1 .phone .text-dienthoai { margin-top:15px;}
.page-footer .row.section-1 .phone .text-ngay { margin-top:3px; }
.page-footer .row.section-1 .image-app { margin-top:15px; }
.page-footer .row.section-1 .image-app img { width:138px;height:41px; }
.page-footer .row.section-1 .image-ketnoi { margin-top:15px; }
.page-footer .row.section-1 .image-ketnoi img { margin-right:3px; }
.page-footer .row.section-1 > div:last-child div { text-align:left; }
.page-footer .line { width:100%;height:1px;margin: 40px 0; }
/* .page-footer .row.section-2 .title { font-size: 15px;color:#fff; } */
.page-footer .row.section-2 .text { margin-top:17px; }
.page-footer .row.section-2 .text a { line-height:24px;display:block; }
.page-footer .row.section-2 .text a h5 { line-height:24px; }
/* .page-footer .row.section-2 .text a { font-size: 13px;color:#abafa5;line-height:20px; } */
/* .page-footer .row.section-2 .text a:hover { color:#fff; } */
.page-footer .row.section-2 .image-ketnoi { margin-top:14px; }
.page-footer .row.section-2 .image-ketnoi img { width:52px;height:35px;margin-top:7px; }
.page-footer .row.section-3 { padding-bottom:45px; }
.page-footer .row.section-3 .text { margin-top:10px;line-height:22px; }
/* .page-footer .row.section-3 .text a { font-size: 13px;color:#abafa5; }
.page-footer .row.section-3 .text a:hover { color:#fff; } */
.page-footer .row.section-3 .text.last { text-align:right; }
.page-footer .row.section-3 .text.last img { width:146px;height:55px; }
.page-footer .row.section-3 .text span.ico::before { color:#abafa5; }

.page-footer .row.section-4 { padding:5px 0; }
/* #endregion */

/* #endregion */


/* #region home  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-home.top { margin-top:158px; }
.mobile-home .banner-1 { height:214px;border-radius:6px; }
.mobile-home .banner-1 .item { height:214px;border-radius:6px; }
.mobile-home .banner-1 .item img { height:214px;border-radius:6px; }
.mobile-home .banner-1 .item a { width:100%;height:100%;display:block; }
.mobile-home .chip-1 { margin-top:24px; }
.mobile-home .chip-1 .item { text-align:center; }
.mobile-home .chip-1 .item img { width:70px;height:70px;display:inline-block; }
.mobile-home .chip-1 .item span { line-height:30px; }
.mobile-home .banner-2 { margin-top:23px; }
.mobile-home .banner-2 .item { width:228px;text-align:center; }
.mobile-home .banner-2 .item img { width:228px;height:224px; }
.mobile-home .banner-khtt { margin-top:32px; }
.mobile-home .banner-khtt .img { height:200px;background-repeat:no-repeat;background-position:center center;background-size: cover; }
.mobile-home .banner-khtt .img a { display:block;width:100%;height:100%; }
.mobile-home .product-promotion { margin-top:32px; }
.mobile-home .product-promotion .xemthem { margin-top:23px; }
.mobile-home .product-promotion .xemthem .xemthem-outline { display:flex;justify-content:center; }
.mobile-home .product-promotion .xemthem button { border-radius:31px;padding:6px 18px;display:flex;background:none; }
.mobile-home .product-promotion .xemthem button img { width:10px;height:6px;margin-left:4px;margin-top:7px; }

.mobile-home .thuong-hieu { margin-top:40px; }
.mobile-home .san-pham-da-mua-mobile { margin-top:40px; }
.mobile-home .san-pham-da-xem-mobile { margin-top:40px; }
.mobile-home .banner-3 { margin-top:40px; }
.mobile-home .banner-3 .item { width:299px;height:179px; }
.mobile-home .banner-3 .item img { width:299px;height:179px; }
.mobile-home .banner-3 .item .sapxep-bg { border-radius:20px;position: absolute;width:31px;height:18px;top:10px;right:45%;opacity:0.8; }
.mobile-home .banner-3 .item .sapxep { position: absolute;top:10px;right:45%;width:31px;text-align:center; }
.mobile-home .product-new { margin-top:40px; }
.mobile-home .product-tabs { margin-top:13px; }
.mobile-home .product-tabs .item { padding: 0 0 10px 0;text-align:center;margin-left:15px;border-bottom:2px solid #fff; }
/* b-dakgreen650 */
.mobile-home .product-tabs .item.active { border-bottom:2px solid #268f3b; }
.mobile-home .product-tabs .item button { border:none;background:transparent;border-radius: unset;outline:none; }
.mobile-home .product-tabs .item button .text { display:block;margin-top:4px; }
/*cl-dakgreen650*/
.mobile-home .product-tabs .item.active button .text { color:#268f3b; }
.mobile-home .product-tabs .item span.icon { font-size:25px; }
.mobile-home .product-new .xemthem { margin-top:23px; }
.mobile-home .product-new .xemthem .xemthem-outline { display:flex;justify-content:center; }
.mobile-home .product-new .xemthem button { border-radius:31px;padding:6px 18px;display:flex;background:none; }
.mobile-home .product-new .xemthem button img { width:10px;height:6px;margin-left:4px;margin-top:7px; }
.mobile-home .banner-4 { margin-top:23px; }
.mobile-home .banner-4 .item.lg { width:344px;height:164px; }
.mobile-home .banner-4 .item.lg img { width:344px;height:164px; }
.mobile-home .banner-4 .item.sm { width:164px;height:164px; }
.mobile-home .banner-4 .item.sm img { width:164px;height:164px; }
.mobile-home .banner-5 { margin-top:23px; }
.mobile-home .banner-5 .item { width:242px;height:166px; }
.mobile-home .banner-5 .item img { width:242px;height:166px; }
.mobile-home .tieu-chi { margin-top:23px;display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:26px; }
.mobile-home .tieu-chi .item { margin-top: 26px;text-align: center;line-height:20px;padding: 0 10px;width:50%; }
.mobile-home .tieu-chi .item .name { margin-top: 7px; }
.mobile-home .tieu-chi .item .img img { height:70px; }
.mobile-home .home-blog-mobile { margin-top:40px; }
.mobile-home .home-blog-mobile .danhsach .item { margin-top:14px; }
.mobile-home .home-blog-mobile .danhsach .item .img img { height:208px;width:100%;border-radius:10px; }
.mobile-home .home-blog-mobile .danhsach .item .name { margin-top:14px;line-height:22px; }
.mobile-home .home-blog-mobile .danhsach .item .sub { margin-top:3px;line-height:19px; }
.mobile-home .home-blog-mobile .danhsach .item .summary { margin-top:14px;line-height:21px; }
.mobile-home .home-tintuc-mobile { margin-top:40px; }
.mobile-home .home-tintuc-mobile .danhsach .item { margin-top:14px;display:flex;justify-content:space-between; }
.mobile-home .home-tintuc-mobile .danhsach .item .left { width:139px; }
.mobile-home .home-tintuc-mobile .danhsach .item .left img { width:139px;height:89px;border-radius:5px; }
.mobile-home .home-tintuc-mobile .danhsach .item .right { width: calc(100% - 150px);margin-top:14px; }
.mobile-home .banner-6 { margin-top:23px; }
.mobile-home .banner-6 img { height:280px;width:100%; }
.mobile-home .flashsale-mobile { margin-top:23px; }

.mobile-home .bestseller { margin-top:60px;padding-bottom:20px; }
.mobile-home .bestseller .product-top { flex-wrap:wrap; }
.mobile-home .bestseller .product-top > .img { height:70px;width:61px;margin-top:-30px; }
.mobile-home .bestseller .product-top .txt { display:flex;flex-wrap:wrap;justify-content:center; }
.mobile-home .bestseller .product-top .tieude { width:200px;text-align:center; }
.mobile-home .bestseller .xemthem { margin-top:23px; }
.mobile-home .bestseller .xemthem .xemthem-outline { display:flex;justify-content:center; }
.mobile-home .bestseller .xemthem button { border-radius:31px;padding:6px 18px;display:flex;background:none; }
.mobile-home .bestseller .xemthem button img { width:10px;height:6px;margin-left:4px;margin-top:7px; }
.mobile-home .bestseller .product-tabs .item { padding: 0 0 10px 0;text-align:center;margin-left:15px;border-bottom:2px solid #f1f9f2; }
/* b-dakgreen650 */
.mobile-home .bestseller .product-tabs .item.active { border-bottom:2px solid #268f3b; }
.mobile-home .khuyenmai-icon-lg { height:80px;width:auto; }

.mobile-home .donggia29k-mobile { margin-top:60px; }
.mobile-home .donggia29k-mobile .product-top { flex-wrap:wrap; }
.mobile-home .donggia29k-mobile .product-top > .img { height:70px;width:89px;margin-top:-30px; }
.mobile-home .donggia29k-mobile .product-top .txt { display:flex;flex-wrap:wrap;justify-content:center; }
.mobile-home .donggia29k-mobile .product-top .tieude { width:330px;text-align:center; }
@media(max-width: 320px) {
  .mobile-home .donggia29k-mobile .product-top .tieude {
    margin-left: -20px;
  }
}
/* .mobile-home .donggia29k-mobile .product-list .product-item { height:245px; }
.mobile-home .donggia29k-mobile .product-list .product-item .name { display:flex;justify-content:space-between;overflow:inherit;margin-top:10px; }
.mobile-home .donggia29k-mobile .product-list .product-item .name a.cart { height:28px;width:26px; }
.mobile-home .donggia29k-mobile .product-list .product-item .name a.txt { width: calc(100% - 35px);height:55px;overflow:hidden; } */

/* #endregion mobile */
.page-home .product-list .product-item .img { margin-top:0;position:relative; }
.page-home .product-list .product-item .img .imgbackground { position:absolute;bottom:3px;right:3px;width:calc(100% - 55px); }

.page-home .title { display: flex; }
.page-home .title > img { width:39px;height:39px;margin-right:6px; }
.page-home .title > a { margin-top:7px;margin-left:15px; }
.page-home .title .tieude { margin-top:2px; }
.page-home .title .duongdan { margin-top:12px; }
.page-home .title > a.hinh { margin-top:11px;margin-left:5px; }

.page-home .section-1 {margin-top:30px;}
.page-home .section-1 .title { text-transform:uppercase;padding-top:22px;margin-left:20px; }
.page-home .section-1 .category { height:400px;border-radius:7px;box-shadow: 0 0 5px 0 #dee0da; }
.page-home .section-1 .category .list {margin-top:10px;}
.page-home .section-1 .category .list > ul {list-style:none;padding:5px;margin:0;}
.page-home .section-1 .category .list > ul > li { list-style:none;padding:0;margin:0;line-height: 18px; }
.page-home .section-1 .category .list > ul .li-item-nav { width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex; }
.page-home .section-1 .category .list > ul .li-item-nav .item-nav-icon { width: 15px;margin: 0 15px;font-size: 18px;line-height: 31px; }
/* cl-gregray900 */
.page-home .section-1 .category .list > ul .li-item-nav .item-nav-icon span::before { color:#151e17; }
.page-home .section-1 .category .list > ul .li-item-nav .item-nav-name { width: 195px; line-height: 31px; }
.page-home .section-1 .category .list > ul .li-item-nav .item-nav-child .haschilds { display: none; }
.page-home .section-1 .category .list > ul .li-item-nav .item-nav-child .hachi-icon-right { font-size: 12px; }
/* cl-gregray400 */
.page-home .section-1 .category .list > ul .li-item-nav .item-nav-child .hachi-icon-right::before { color:#abafa5; }
/*b-gregray70*/
.page-home .section-1 .category .list > ul .li-item-nav:hover { background-color:#f0f3eb;border-radius: 15px; }
.page-home .section-1 .category .list > ul .li-item-nav:hover .item-nav-child { display: block; }
.page-home .section-1 .category .list > ul .li-item-nav:hover .haschilds { display: block;position: absolute;left: 280px;top: 0;right: 0;height: 400px;background: #ffffff;z-index: 100;width: 720px;padding-left: 20px;border:1px solid #fff;border-radius:7px;box-shadow: 0 0 5px 0 #dee0da; }
.page-home .section-1 .category .list > ul .li-item-nav.active .item-nav-child { display: block; }
.page-home .section-1 .category .list > ul .li-item-nav.active .haschilds { display: block;position: absolute;left: 280px;top: 0;right: 0;height: 400px;background: #ffffff;z-index: 100;width: 720px;padding-left: 20px;border:1px solid #fff;border-radius:7px;box-shadow: 0 0 5px 0 #dee0da; }
.page-home .section-1 .category .list > ul .li-item-nav .haschilds ul { list-style: none; }
.page-home .section-1 .category .list > ul .li-item-nav .haschilds .mega-col { padding-top: 16px; }
.page-home .section-1 .category .list > ul .li-item-nav .haschilds .dropdown-menu-sub { display: block; background: none; border: 0; width: 100%; padding-top: 0px; position: static; min-width: auto;-webkit-box-shadow: 0 0 0 #fff; box-shadow: 0 0 0 #fff;margin: 0;padding: 0; margin-top: 5px; margin-bottom: 12px; }
.page-home .section-1 .category .list > ul .li-item-nav .haschilds .dropdown-menu-sub li a { padding: 5px 0;line-height: 20px; }
.page-home .section-1 .category .list > ul .li-item-nav .haschilds .dropdown-menu-sub li a:hover { font-weight:bold; }
.page-home .section-1 .banner .item img{ width: 100%;height:400px;border-radius:10px; }
.page-home .section-1 .banner .item { width: 100%;height:400px;border-radius:10px; }
.page-home .section-1 .banner .item a { width:calc(100% - 20px);height:100%;margin:0 auto;display:block; }
.page-home .section-2 { margin-top:50px;text-align:center; }
.page-home .section-2 .item { margin-right:40px; }
.page-home .section-2 > div:last-child .item { margin-right:0; }
.page-home .section-2 img { width:70px; }
.page-home .section-2 h2 { line-height:30px; }
.page-home .section-3 { margin-top:50px; }
.page-home .section-3 img { width: 100%; height: 289px; border-radius: 10px; }
.page-home .section-3 > div { padding-left:2px;padding-right:2px; }
.page-home .section-3 > div:first-child { padding-left:12px; }
.page-home .section-3 > div:last-child { padding-right:12px; }
.page-home .section-4 { margin-top:70px; }
.flashsale .title { display:flex; margin-bottom: 16px;}
.flashsale .title > img { width:35px;height:35px;margin-right:6px; }
.flashsale .title .timegroup,
.page-product-promotion .title .title-text { display: flex; }
.page-product-promotion .title .title-text .icofirst { height:30px;margin-right:5px; }
.page-product-promotion .title .title-text .timegroup { margin-left:17px; }
.page-product-promotion .title .timegroup {  
  display: flex;
  align-items: center;
  margin-left: auto;
}
.flashsale .title .timegroup .text, 
.page-product-promotion .title .timegroup .text {
  height: 28px;
  margin-top: 3px;
}
.flashsale .title .time { margin-top:3px;padding:0 8px;border-radius:7px;height:28px;margin-right:3px;margin-left:3px; position: relative;}
.page-product-promotion .title .time { position: relative; }
.flashsale .title .time::before,
.page-product-promotion .title .time::before {  
    position: absolute;
    bottom: -90%;
    color: #87907D;
    font-weight: 500;
    font-size: 12px;
    left: 0;
    width: 100%;
    text-align: center;
}
.flashsale .title .time.hour { margin-left:10px; }
.flashsale .title .time.hour::before { content:'Giờ'; }
.flashsale .title .time.min::before { content:'Phút'; }
.flashsale .title .time.sec::before { content:'Giây'; }
.flashsale .title .time-space { margin-top:10px; }
.flashsale .danhsach { margin-top:16px; }
.flashsale .danhsach .item { position: relative;width:433px;height:665px; }
.flashsale .danhsach .item button.cart-fast { position:absolute;bottom:23px;left:0;width:100%;height:47px;cursor:pointer;border:none;background:transparent; }
.flashsale .danhsach .item .sapxep-bg { border-radius:20px;position: absolute;width:31px;height:18px;top:26px;right:26px;opacity:0.8; }
.flashsale .danhsach .item .sapxep { position: absolute;top:26px;right:26px;width:31px;text-align:center; }
.flashsale-mobile .product-top .tieude { display:flex;flex-wrap:wrap;
  margin-bottom: 17px; }
.flashsale-mobile .product-top .tieude .timegroup { 
  display:flex; 
  margin-top: 3px; 
  margin-left: calc(50% - 35px - 70px);
  /* 70px là chiều ngang của timegroup chia 2, 35px là của icon flashsale */
}
.flashsale-mobile .product-top .tieude .timegroup .text{
  height: 28px;
  margin-top: 3px;
}
.flashsale-mobile .product-top .tieude > div:first-child { width:290px;max-width: 80vw; text-align: center;}
.flashsale-mobile .product-top > img { width:35px;height:35px;margin-right:6px; }
.flashsale-mobile .product-top .tieude .timegroup > div:not(.space) { padding:0 6px;border-radius:7px; 
  position: relative;}
.flashsale-mobile .product-top .tieude .timegroup > div:not(.space)::before {  
  position: absolute;
  bottom: -90%;
  color: #87907D;
  font-weight: 500;
  font-size: 10px;
  left: 0;
  width: 100%;
  text-align: center;
}
.flashsale-mobile .product-top .tieude .timegroup > div.hour::before {  content:'Giờ';}
.flashsale-mobile .product-top .tieude .timegroup > div.min::before {  content:'Phút';}
.flashsale-mobile .product-top .tieude .timegroup > div.sec::before {  content:'Giây';}
.flashsale-mobile .product-top .tieude .timegroup > div.space { margin-right:3px;margin-left:3px; }
.flashsale-mobile .danhsach { margin-top:16px; }
.flashsale-mobile .danhsach .item { position: relative;width:342px;height:524px; }
.flashsale-mobile .danhsach .item button.cart-fast { position:absolute;bottom:15px;left:0;width:100%;height:40px;cursor:pointer;background:none;border:none; }
.flashsale-mobile .danhsach .item .sapxep-bg { border-radius:20px;position: absolute;width:31px;height:18px;top:26px;right:26px;opacity:0.8; }
.flashsale-mobile .danhsach .item .sapxep { position: absolute;top:26px;right:26px;width:31px;text-align:center; }

.page-home .danhmuc { width:100%;margin-top:30px; }
.page-home .danhmuc .danhmuc-data { width:calc(100% - 10px);margin:0 auto; }
.page-home .danhmuc .danhmuc-data .item { padding: 0 0 10px 0;text-align:center;border-bottom:2px solid #fff; }
/* b-dakgreen650 */
.page-home .danhmuc .danhmuc-data .item.active { border-bottom:2px solid #268f3b; }
.page-home .danhmuc .danhmuc-data .item button { border:none;background:transparent;border-radius: unset;outline:none; }
.page-home .danhmuc .danhmuc-data .item button .text { display:block;margin-top:4px; }
/*cl-dakgreen650*/
.page-home .danhmuc .danhmuc-data .item.active button .text { color:#268f3b; }
.page-home .danhmuc .danhmuc-data .item span.icon { font-size:25px; }
.page-home .danhmuc-product .product-list .product-item .name { margin-top:10px;height:33px; }
.page-home .danhmuc.type2 .owl-carousel .owl-prev, .page-home .danhmuc.type2 .owl-carousel .owl-next { top:10px; }

.page-home .banner-khtt { margin-top:45px; }
.page-home .banner-khtt .img { height:474px;border-radius:30px;background-repeat:no-repeat;background-position:center center;background-size: cover; }
.page-home .banner-khtt .img a { display:block;width:100%;height:100%; }
.page-home .section-5 { margin-top:65px; }
.page-home .section-5 .title .tieude { margin-top:2px; }
.page-home .section-5 .title .duongdan { margin-top:15px; margin-left: 44%; }
.page-home .section-5 .title .hinh { margin-top:14px; }
.page-home .section-6 { margin-top:50px; }
.page-home .section-6 .banner .item { border-radius:10px;position:relative;width:486px; }
.page-home .section-6 .banner .item img { border-radius:10px; }
.page-home .section-6 .banner .item .sapxep-bg { border-radius:20px;position: absolute;width:31px;height:18px;top:26px;right:26px;opacity:0.8; }
.page-home .section-6 .banner .item .sapxep { position: absolute;top:26px;right:26px;width:31px;text-align:center; }
.page-home .section-6 .banner .owl-carousel .owl-nav.disabled { display: block;}
.page-home .section-7 { margin-top:50px; }
.page-home .section-7 .title .tieude { margin-top:5px; }
.page-home .section-7 .title .duongdan { margin-top:15px; margin-left: 42%; }
.page-home .section-7 .title .hinh { margin-top:14px; }
/* .page-home .section-7 ul.tabs { margin-top:35px;list-style:none;padding:0;display:flex;justify-content:center; }
.page-home .section-7 ul.tabs li { list-style:none;padding: 0 0 10px 0;text-align:center;margin-left:15px;border-bottom:2px solid #fff; } */
/* b-dakgreen650 */
/* .page-home .section-7 ul.tabs li.active { border-bottom:2px solid #268f3b; }
.page-home .section-7 ul.tabs li button { border:none;background:transparent;border-radius: unset;outline:none; }
.page-home .section-7 ul.tabs li button .text { display:block;margin-top:4px; } */
/*cl-dakgreen650*/
/* .page-home .section-7 ul.tabs li.active button .text { color:#268f3b; }
.page-home .section-7 ul.tabs li span.icon { font-size:25px; } */
.page-home .section-8 { margin-top:70px; }
.page-home .section-8 .danhsach { display:flex;justify-content:space-between; }
.page-home .section-8 .danhsach .item { border-radius:10px; }
.page-home .section-8 .danhsach .item img { border-radius:10px; }
.page-home .section-9 { margin-top:70px; }

.page-home .section-10 { margin-top:50px; }
.page-home .section-10 .item { position:relative;width:383px; }
.page-home .section-10 .owl-carousel .owl-nav.disabled { display: block;}
.page-home .section-11 { margin-top:50px; }
.page-home .section-12 { margin-top:50px; }
.page-home .section-13 { margin-top:50px; }
.page-home .home-blog {margin-top:16px;}
.page-home .home-blog .item { border-radius:7px;height:395px; }
/*sl-dakgreen800*/
.page-home .home-blog .item:hover { border:1px solid #0a4e17; }
.page-home .home-blog .item .img img { width: 100%;height:225px;border-radius:7px; }
.page-home .home-blog .item .name { padding: 15px 15px 0 15px; }
.page-home .home-blog .item .sub { padding: 6px 15px 0 15px; }
.page-home .home-blog .item .summary { padding: 6px 10px 0 15px; height:68px; overflow: hidden;line-height:21px; }
.page-home .section-14 { margin-top:50px; }
.page-home .home-tintuc .item { margin-top: 20px;display:flex;justify-content:space-between; }
.page-home .home-tintuc .item:first-child { margin-top: 16px; }
.page-home .home-tintuc .item .left { width: 140px; }
.page-home .home-tintuc .item .right { width: calc(100% - 156px); }
.page-home .home-tintuc .item img { width: 140px;height: 90px;border-radius: 7px;box-shadow: 0 0 5px 0 #e0e3dc; }
.page-home .home-tintuc .item .summary { margin-top:5px;line-height:21px; }
.page-home .section-15 { margin-top:50px;height:165px;background-image:url('images/home_section15_new.png');border-radius: 10px; }
.page-home .row.section-15 { margin-left:0;margin-right:0; }
.page-home .section-15 > div { text-align: center;line-height:20px; }
.page-home .section-15 > div:first-child { margin-left:60px; }
.page-home .section-15 > div:last-child { margin-right:60px; }
.page-home .section-15 .img { margin-top: 25px; }
.page-home .section-15 .name { margin-top: 10px; }

.page-home .home-new.product-list .product-item { margin-top:32px; }

.page-home .container .khuyenmai-icon-lg { height:110px;width:auto; }

.page-home .container.donggia29k { margin-top:141px; }
.page-home .container.donggia29k .title > img.img {width:auto;height:auto;margin-top:-70px;}
.page-home .container.donggia29k .title > .txt {margin-top:37px;margin-left:98px;    margin-bottom: calc(30px - 54px);}
.page-home .container.donggia29k .title > a.duongdan {margin-top:36px;margin-left:44%;}
.page-home .container.donggia29k .title > a.hinh {margin-top:50px;margin-left:7px;}
.page-home .container.donggia29k .product-list .product-item { border-radius:10px;margin-top:54px; }
/* .page-home .container.donggia29k .product-list .product-item .name { display:flex;height:auto;overflow:inherit;justify-content:space-between;margin-top:10px; }
.page-home .container.donggia29k .product-list .product-item .name a.txt { overflow:hidden;height:38px;width: calc(100% - 30px);line-height:19px; }
.page-home .container.donggia29k .product-list .product-item .name a.cart { margin-top:10px; }
.page-home .container.donggia29k .product-list .product-item .name a.cart img { width:22px;height:24px; } */

.page-outline.page-home .bestseller { margin-top:75px;height:635px; }
.page-outline.page-home .bestseller .title { display:block;position: relative;height:147px; }
.page-outline.page-home .bestseller .title > img { position:absolute;left:0;top:-50px;width:172px;height:196px;margin:0; }
.page-outline.page-home .bestseller .title .tieude { text-align: center;padding-top:80px; }
.page-outline.page-home .bestseller .xem-tat-ca { text-align: center; }
.page-outline.page-home .bestseller .type3 .owl-carousel .owl-nav .owl-prev {background: none;left:-30px;position:absolute;}
.page-outline.page-home .bestseller .type3 .owl-carousel .owl-nav .owl-next {background: none;text-align:right;left:auto;right:-30px;position:absolute;}
.page-outline.page-home .bestseller .danhmuc .danhmuc-data { width:calc(100% - 70px);margin:0 auto; }
/* b-gregray5 */
.page-outline.page-home .bestseller .danhmuc .danhmuc-data .item { padding: 0 0 10px 0;text-align:center;border-bottom:2px solid #f1f9f2; }
/* b-dakgreen650 */
.page-outline.page-home .bestseller .danhmuc .danhmuc-data .item.active { border-bottom:2px solid #268f3b; }
.popup-home-center .hachi-modal .modal .modal-content { background:none;border-radius:0;border:none; }
.popup-home-center .hachi-modal .modal .modal-content .modal-body { padding:0; }
.popup-home-center .hachi-modal .modal .modal-content .modal-body button { padding:0;margin:0;background:none;border:none; }
.popup-home-center .hachi-modal .modal .modal-header button.btn-close { padding: 0;border-radius:50% 50%;width:25px;height:25px;}
/* #endregion */


/* #region product-category  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-product-category .tieude-top { margin-top:12px;line-height:35px; }
.mobile-product-category .filter-action { margin-top:30px; }
.mobile-product-category .filter-action > .dropdown .dropdown-menu { border-radius:10px;padding:24px 12px; }
.mobile-product-category .filter-action > .dropdown .dropdown-menu .dropdown-item { padding:8px 16px; }
/* b-gregray70,cl-gregray90,sibold600 */
.mobile-product-category .filter-action > .dropdown .dropdown-menu .dropdown-item:hover { color:#151e17;font-weight:600;padding:8px 16px;border-radius:20px;background-color:#f0f3eb; }
.mobile-product-category .filter-action > .dropdown .dropdown-menu .dropdown-item.active { color:#151e17;font-weight:600;padding:8px 16px;border-radius:20px;background-color:#f0f3eb; }
.mobile-product-category .filter-action > .dropdown .dropdown-toggle::after {margin-left:9px;}
.mobile-product-category .filter-action > .dropdown > button:focus { box-shadow:none; }
.mobile-product-category .filter-action > .dropdown > button:active { box-shadow:none; }
.mobile-product-category .filter-action > .dropdown > button { border-radius:20px;padding:9px 20px;background:none;box-shadow:none; }
.mobile-product-category .filter-action > button { border-radius:20px;padding:9px 20px;box-shadow:none;margin-top:10px;display:flex; }
.mobile-product-category .filter-action > button > img { margin-left:5px;margin-top:4px; }
.mobile-product-category .filter-result { margin-top:15px; }
.mobile-product-category .filter-result ul { list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap; }
.mobile-product-category .filter-result ul li { display:flex;list-style:none;margin:0;padding:0;margin-right:5px;border-radius:20px;padding:2px 7px; }
.mobile-product-category .filter-result ul li a { line-height:16px;margin-right:5px; }
.mobile-product-category .filter-result ul li img { width:14px;height:14px; }
.mobile-product-category .filter-result ul li span { margin-top:0; }
.mobile-product-category .product-list-paging { margin-top:15px; }
/* .mobile-product-category .product-list-paging .pagination { border-radius:0;margin:0;padding:0; }
.mobile-product-category .product-list-paging .pagination a.page-link { padding:9px;border-radius:50% 50%;border:none;border:1px solid #abafa5;background:none;color:#083011;margin-right:5px; }
.mobile-product-category .product-list-paging .pagination a.page-link:hover { border:1px solid #268f3b;background-color:#268f3b;color:#fff; }
.mobile-product-category .product-list-paging .pagination a.page-link.active { border:1px solid #268f3b;background-color:#268f3b;color:#fff; }
.mobile-product-category .product-list-paging .pagination a.page-link .hachi-icon-left::before, .page-product-category .product-list-paging .pagination a.page-link .hachi-icon-right::before { color:#083011 }
.mobile-product-category .product-list-paging .pagination a.page-link:hover .hachi-icon-left::before, .page-product-category .product-list-paging .pagination a.page-link:hover .hachi-icon-right::before { color:#fff }
.mobile-product-category .product-list-paging .pagination a.page-link .number { width:15px;display:inline-block;text-align:center; } */
.mobile-product-category .noidung { margin-top:100px; }
.mobile-product-category .noidung.top { margin-top:50px; }
.mobile-product-category .noidung.top .tieude { line-height:40px; }
.mobile-product-category .noidung .tieude { line-height:33px;text-align:center;margin:0 auto;max-width:800px; }
.mobile-product-category .noidung .tieude-1 { line-height:33px;text-align:center;margin:40px auto 0 auto;max-width:800px; }
.mobile-product-category .noidung .tieude-2 { line-height:33px;text-align:center;margin:5px auto 0 auto;max-width:800px; }
.mobile-product-category .noidung .tomtat { margin:5px auto 0 auto;line-height:23px;max-width:800px;text-align:center; }
.mobile-product-category .tieu-chi { margin-top:23px;display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:26px; }
.mobile-product-category .tieu-chi .item { margin-top: 26px;text-align: center;line-height:20px;padding: 0 10px;width:50%; }
.mobile-product-category .tieu-chi .item .name { margin-top: 7px; }
.mobile-product-category .tieu-chi .item .img img { width:70px;height:70px; }

.mobile-product-category .filter-box { height:calc(100% - 92px);max-height:100%;overflow-x: hidden;overflow-y: scroll; }
.mobile-product-category .filter-box .brand-outline > .title { margin: 10px 0;display:flex;justify-content:space-between; }
.mobile-product-category .filter-box .brand-outline > .title > a > img {width:14px; height:14px;cursor: pointer;margin-top:4px;margin-right:12px;}
.mobile-product-category .filter-box .brand-outline > .title > a > img.down {display:block;}
.mobile-product-category .filter-box .brand-outline > .title > a > img.up {display:none;}
.mobile-product-category .filter-box .brand-outline > .search-brand-result {display:none;}
.mobile-product-category .filter-box .brand-outline.hienthi > .title > a > img.down {display:none;}
.mobile-product-category .filter-box .brand-outline.hienthi > .title > a > img.up {display:block;}
.mobile-product-category .filter-box .brand-outline.hienthi > .search-brand-result {display:block;}
.mobile-product-category .filter-box .search-brand div.error { display:flex;margin-top:6px;padding-left:12px; }
.mobile-product-category .filter-box .search-brand div.error > img { margin-right:5px; }
/* .mobile-product-category .filter-box .search-brand div.nhaplieu { display:flex; } */
.mobile-product-category .filter-box .search-brand .search-input { position: relative;width:calc(100% - 24px);height:36px; }
.mobile-product-category .filter-box .search-brand .search-input input { height:36px;line-height:21px; padding:10px 10px 10px 30px;border-radius: 20px; width: 100%; position:absolute; }
.mobile-product-category .filter-box .search-brand .search-input img { top: 6px;left:7px; position: absolute;width:24px;height:24px; }
.mobile-product-category .filter-box .search-brand .search-input input:focus { border: solid 1px #516e54; }
.mobile-product-category .filter-box .search-brand button { background:none;border:none;line-height:16px;margin-left:5px;padding:0; }
.mobile-product-category .filter-box .search-brand button img.ico { width:36px;height:36px; }
.mobile-product-category .filter-box .search-brand button img.ico.hide { display:none; }
.mobile-product-category .filter-box .search-brand button img.ico.show { display:block; }
.mobile-product-category .filter-box .search-brand.haserror button img.ico.hide { display:block; }
.mobile-product-category .filter-box .search-brand.haserror button img.ico.show { display:none; }
.mobile-product-category .filter-box .line { height:1px;font-size:1px;line-height:1px;margin:20px 0; }
.mobile-product-category .filter-box .search-brand-result { margin-top: 10px; }
.mobile-product-category .filter-box .search-brand-result label { display: block; }
.mobile-product-category .filter-box .search-price-input { margin-top: 16px; }
.mobile-product-category .filter-box .search-price-input .nhaplieu { display:flex; }
.mobile-product-category .filter-box .search-price-input .nhaplieu input[type="number"] { min-width:50px;width:calc(50% - 12px);height:36px; padding-left:6px;padding-right:6px; border: solid 1px #e0e3dc;border-radius: 25px; }
.mobile-product-category .filter-box .search-price-input .nhaplieu input[type="number"]:focus { border: solid 1px #516e54; }
.mobile-product-category .filter-box .search-price-input .nhaplieu span { margin: 5px 5px 0 5px; }
.mobile-product-category .filter-box .search-price-input .nhaplieu button { background:none;border:none;width:36px;margin-left:5px;padding:0; }
.mobile-product-category .filter-box .search-price-input .nhaplieu button img.ico { width:36px;height:36px; }
.mobile-product-category .filter-box .search-price-input .nhaplieu button img.ico.hide { display:none; }
.mobile-product-category .filter-box .search-price-input .nhaplieu button img.ico.show { display:block; }
.mobile-product-category .filter-box .search-price-input.haserror .nhaplieu button img.ico.hide { display:block; }
.mobile-product-category .filter-box .search-price-input.haserror .nhaplieu button img.ico.show { display:none; }
.mobile-product-category .filter-box .search-priority label {margin-bottom:0;margin-top:10px;}
.mobile-product-category .filter-box .search-priority label span.name { margin-left:8px; }
.mobile-product-category .filter-box .search-category .tree-item { display:flex;justify-content: space-between;padding:8px 8px;background:none;border-radius:15px; }
.mobile-product-category .filter-box .search-category .tree-item.active { background:#f4f6f1; }
.mobile-product-category .filter-box .search-category .tree-childs > .tree-item { padding:8px 8px; }
.mobile-product-category .filter-box .search-category .tree-childs > .tree-item.active { background:none; }
.mobile-product-category .filter-box .search-category .tree-item > div { display:flex;line-height:20px; }
.mobile-product-category .filter-box .search-category .tree-item > div.name button { display:flex;background:none;border:none;text-align:left; }
.mobile-product-category .filter-box .search-category .tree-item > div.name button .choose { width:16px; }
.mobile-product-category .filter-box .search-category .tree-item > div.name button .choose > img { display:none;margin-top:7px; }
.mobile-product-category .filter-box .search-category .tree-item > div.name button > span.text { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px; }
.mobile-product-category .filter-box .search-category .tree-item.choose > div.name button .choose > img { display:block; }
/* .mobile-product-category .filter-box .search-category .tree-item > .count-icon span { cursor:pointer; }
.mobile-product-category .filter-box .search-category .tree-item > .count-icon span.hachi-icon-down { display:none;font-size:9px;margin-top:6px; }
.mobile-product-category .filter-box .search-category .tree-item > .count-icon span.hachi-icon-right { display:block;font-size:12px;margin-top:5px; } */
.mobile-product-category .filter-box .search-category .tree-item > .count-icon { background:none;border:none; }
.mobile-product-category .filter-box .search-category .tree-item > .count-icon img.down {display:block;}
.mobile-product-category .filter-box .search-category .tree-item > .count-icon img.up {display:none;}
.mobile-product-category .filter-box .search-category .tree-item.active > .count-icon img.down {display:none;}
.mobile-product-category .filter-box .search-category .tree-item.active > .count-icon img.up {display:block;}
/* cl-gregray400 */
.mobile-product-category .filter-box .search-category .tree-item > .count-icon span.hachi-icon-right::before { color:#abafa5; }
.mobile-product-category .filter-box .search-category .tree-item.active > .count-icon span.hachi-icon-down { display:block; }
.mobile-product-category .filter-box .search-category .tree-item.active > .count-icon span.hachi-icon-right { display:none; }
.mobile-product-category .filter-box .search-category .tree-childs { display:none;padding-left:10px; }
.mobile-product-category .filter-box .search-category .tree-childs.active { display:block; }
.mobile-product-category .filter-box .search-category .tree-childs .tree-item > div.name a > span.text { max-width:175px; }
.mobile-product-category .filter-box .search-category .tree-childs.lvl2 { padding-left:25px; }
.mobile-product-category .filter-box .search-category .tree-childs.lvl2 .tree-item > div.name a > span.text { max-width:165px; }
.mobile-product-category .modal-dialog .filter-button { margin-top:12px;display:flex;justify-content:space-between; }
.mobile-product-category .modal-dialog .filter-button > button { border-radius:31px;line-height:22px;padding:11px 3px 11px 3px;border:none;width:calc(50% - 10px); }

.mobile-product-category .search-empty { margin-top:28px; }
.mobile-product-category .search-empty .text-1 { text-align:center;line-height:33px; }
.mobile-product-category .search-empty .text-2 { text-align:center;line-height:23px; }
.mobile-product-category .search-empty .keywords .tieude { margin-top:40px;text-align:center;line-height:21px; }
.mobile-product-category .search-empty .keywords .danhsach { margin-top:7px;text-align:center; }
.mobile-product-category .search-empty .keywords .danhsach a { padding:4px 6px;margin-right:8px;border-radius:10px;line-height:19px; }
.mobile-product-category .search-empty-banner-title { margin-top:50px;text-align:center;line-height:23px; }
.mobile-product-category .search-empty-banner { margin-top:14px; }
.mobile-product-category .search-empty-banner .item { width:228px; }
.mobile-product-category .search-empty-banner .item img { width:228px;height:224px; }
.mobile-product-category .tieude-top-title { margin-top:20px; }
.mobile-product-category .timkiem .tieude-top { margin-top:0; }

.mobile-product-category ul.tabs { margin:30px 0 0 0;list-style:none;padding:0;display:flex; }
.mobile-product-category ul.tabs li { list-style:none;padding: 0 0 10px 0;text-align:center;margin-right:15px;border-bottom:2px solid #fff; }
/* b-dakgreen650 */
.mobile-product-category ul.tabs li.active { border-bottom:2px solid #268f3b; }
.mobile-product-category ul.tabs li button { border:none;background:transparent;border-radius: unset;outline:none; }
/*cl-dakgreen650*/
.mobile-product-category ul.tabs li.active button > span { color:#268f3b; }
.mobile-product-category .tintuc .item:first-child { margin-top:30px; }
.mobile-product-category .tintuc .item { margin-top:60px; }
.mobile-product-category .tintuc .item .hinhanh { border-radius:10px; }
.mobile-product-category .tintuc .item .hinhanh img { width:100%;max-height:288px;border-radius:10px; }
.mobile-product-category .tintuc .item .thongtin .ten { margin-top:10px; }
.mobile-product-category .tintuc .item .thongtin .thoigian { margin-top:5px; }
.mobile-product-category .tintuc .item .thongtin .tomtat { margin-top:5px; }
/* .mobile-product-category .search-empty-banner > div { padding-left:2px;padding-right:2px; }
.mobile-product-category .search-empty-banner > div:first-child { padding-left:12px; }
.mobile-product-category .search-empty-banner > div:last-child { padding-right:12px; } */

/* #endregion mobile */

.page-product-category .section-1 {padding-top:40px;}
.page-product-category .section-1 .name {min-width:300px;margin-top:7px;}
/*.page-product-category .section-1 .title {font-weight: bold;font-size:19px;}
.page-product-category .section-1 .sub {color:#87907d; font-size:17px;}*/
/* .page-product-category .section-1 .dropdown { border:1px solid #e8ece3;border-radius:20px;padding:2px 8px; } */
/* .page-product-category .section-1 .dropdown .dropdown-menu { color:#000; } */

.page-product-category .section-1 .dropdown .dropdown-menu { border-radius:10px;padding:24px 12px; }
.page-product-category .section-1 .dropdown .dropdown-menu .dropdown-item { padding:8px 16px; }
/* b-gregray70,cl-gregray90,sibold600 */
.page-product-category .section-1 .dropdown .dropdown-menu .dropdown-item:hover { color:#151e17;font-weight:600;padding:8px 16px;border-radius:20px;background-color:#f0f3eb; }
.page-product-category .section-1 .dropdown .dropdown-menu .dropdown-item.active { color:#151e17;font-weight:600;padding:8px 16px;border-radius:20px;background-color:#f0f3eb; }

.page-product-category .section-1 .dropdown .dropdown-toggle::after {margin-left:9px;}

.page-product-category .section-1 .product-top-title { line-height:22px; }
.page-product-category .section-1 .product-top-title.bai-viet { margin-top:60px; }
.page-product-category .section-1 .product-top { display:flex;justify-content: space-between; }
.page-product-category .section-1 .product-top > div.name { width: calc(100% - 476px); }
.page-product-category .section-1 .product-top > div.name > span { line-height:32px; }
.page-product-category .section-1 .product-top > div.name > span.title { margin-right:7px; }
.page-product-category .section-1 .product-top > div { display:flex; }
.page-product-category .section-1 .product-top > div > span:nth-child(2) { margin-top:2px; }
.page-product-category .section-1 .product-top.tim-kiem > div > span:nth-child(2) { margin-top:4px; }
.page-product-category .section-1 .product-top.tim-kiem > div.name > span.title { text-transform:uppercase; }
.page-product-category .section-1 .product-top.tim-kiem > div.name { margin-top:3px; }
.page-product-category .section-1 .product-top > .dropdown { margin-top:10px; }
.page-product-category .section-1 .product-top > .changeview {
  margin-bottom: -9px;
  display: flex;
  align-items: center;
}
.page-product-category .section-1 .product-top > .changeview a { flex-shrink: 0; }
.page-product-category .section-1 .product-top > .changeview a.column { margin-right:8px; }
.page-product-category .section-1 .product-top > .changeview span { margin-top:2px;margin-left:23px;margin-right:14px; 
}

.page-product-category .section-1 .product-top > .dropdown > button:focus { box-shadow:none; }
.page-product-category .section-1 .product-top > .dropdown > button:active { box-shadow:none; }
.page-product-category .section-1 .product-top > .dropdown > button { border-radius:20px;padding:9px 20px;background:none;box-shadow:none; }
/* .btn:focus,.btn.focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,123,255,0.25)
} */
/* .page-product-category .section-1 .product-top .filter { min-width:100px; }
.page-product-category .section-1 .product-top .filter ul { list-style:none;margin:5px 0 0 0;padding:0;display:flex;flex-wrap:wrap; }
.page-product-category .section-1 .product-top .filter ul li { display:flex;list-style:none;margin:0;padding:0;line-height:18px;margin-right:5px;background-color:#f4f6f1;color:#000;border-radius:9px;padding:4px 7px;height:27px; }
.page-product-category .section-1 .product-top .filter ul li a span { font-size:11px; }
.page-product-category .section-1 .product-top .filter ul li.xoa { color:#268f3b;border:1px solid #f4f6f1;background:none; }
.page-product-category .section-1 .product-top .filter ul li.xoa a { color:#268f3b; } */
.page-product-category .top-filter { margin-top:15px; }
.page-product-category .top-filter ul { list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap; }
.page-product-category .top-filter ul li { display:flex;list-style:none;margin:0;padding:0;margin-right:5px;border-radius:20px;padding:2px 7px; }
.page-product-category .top-filter ul li a { line-height:16px;margin-right:5px; }
.page-product-category .top-filter ul li img { width:14px;height:14px; }
.page-product-category .top-filter ul li span { margin-top:0; }
.page-product-category .section-2 { margin-top:5px; }
.page-product-category .section-2 .search-category .tree-item { display:flex;justify-content: space-between;padding:8px 16px;background:none;border-radius:15px; }
.page-product-category .section-2 .search-category .tree-item.active { background:#f4f6f1; }
.page-product-category .section-2 .search-category .tree-item > div { display:flex;line-height:20px; }
.page-product-category .section-2 .search-category .tree-item > div.name a { display:flex; }
.page-product-category .section-2 .search-category .tree-item > div.name a > span.text { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px; }
.page-product-category .section-2 .search-category .tree-item > div.name a .choose { width:16px; }
.page-product-category .section-2 .search-category .tree-item > div.name a .choose > img { display:none;margin-top:7px; }
.page-product-category .section-2 .search-category .tree-item.choose > div.name a .choose > img { display:block; }

.page-product-category .section-2 .search-category .tree-item > .count-icon span { cursor:pointer; }
.page-product-category .section-2 .search-category .tree-item > .count-icon span.hachi-icon-down { display:none;font-size:9px;margin-top:6px; }
.page-product-category .section-2 .search-category .tree-item > .count-icon span.hachi-icon-right { display:block;font-size:12px;margin-top:5px; }
/* cl-gregray400 */
.page-product-category .section-2 .search-category .tree-item > .count-icon span.hachi-icon-right::before { color:#abafa5; }
.page-product-category .section-2 .search-category .tree-item.active > .count-icon span.hachi-icon-down { display:block; }
.page-product-category .section-2 .search-category .tree-item.active > .count-icon span.hachi-icon-right { display:none; }
.page-product-category .section-2 .search-category .tree-childs { display:none;padding:0; }
.page-product-category .section-2 .search-category .tree-childs.active { display:block; }
.page-product-category .section-2 .search-category .tree-childs .tree-item > div.name a > span.text { max-width:175px; }
.page-product-category .section-2 .search-category .tree-childs.lvl2 { padding-left:25px; }
.page-product-category .section-2 .search-category .tree-childs.lvl2 .tree-item > div.name a > span.text { max-width:165px; }
.page-product-category .product-list.row { margin-top:15px; }
.page-product-category .product-list .product-item { width:100%;height:380px;margin-top:32px; }
.page-product-category .product-list .col-lg-4:nth-child(1) .product-item { margin-top:0; }
.page-product-category .product-list .col-lg-4:nth-child(2) .product-item { margin-top:0; }
.page-product-category .product-list .col-lg-4:nth-child(3) .product-item { margin-top:0; }
.page-product-category .product-list .product-item .img { margin-top:0;position:relative; }
.page-product-category .product-list .product-item .img .imgbackground { position:absolute;bottom:3px;right:3px;width:calc(100% - 55px); }
.page-product-category .product-list .product-item .img .imgbackgroundncc1 { position:absolute;bottom:6px;right:6px;width:180px; }
.page-product-category .product-list .product-item .img .imgbackgroundncc2 { position:absolute;top:60px;left:10px;height:50%; }
.page-product-category .product-list .product-item .img .imgbackgroundncc2 > img { width:auto;height:100%; }
.page-product-category .product-list .product-item .name { margin-top:13px;padding:0 14px; }
.page-product-category .product-list .product-item .price-sub { padding:0 14px; }
.page-product-category .product-list .product-item .price { padding:0 14px; }
.page-product-category .product-list-paging { margin-top:20px; }
/* .page-product-category .product-list-paging .pagination { border-radius:0;margin:0;padding:0; }
.page-product-category .product-list-paging .pagination a.page-link { padding:9px;border-radius:50% 50%;border:none;border:1px solid #abafa5;background:none;color:#083011;margin-right:5px; }
.page-product-category .product-list-paging .pagination a.page-link:hover { border:1px solid #268f3b;background-color:#268f3b;color:#fff; }
.page-product-category .product-list-paging .pagination a.page-link.active { border:1px solid #268f3b;background-color:#268f3b;color:#fff; }
.page-product-category .product-list-paging .pagination a.page-link .hachi-icon-left::before, .page-product-category .product-list-paging .pagination a.page-link .hachi-icon-right::before { color:#083011 }
.page-product-category .product-list-paging .pagination a.page-link:hover .hachi-icon-left::before, .page-product-category .product-list-paging .pagination a.page-link:hover .hachi-icon-right::before { color:#fff }
.page-product-category .product-list-paging .pagination a.page-link .number { width:15px;display:inline-block;text-align:center; } */
.page-product-category .filter-box { background-color:#fff;border:1px solid #fff;border-radius:7px;box-shadow: 0 0 5px 0 #dee0da;margin-top:15px;padding:20px 10px 10px 10px; }
.page-product-category .filter-box .brand-outline > .title { margin: 10px 0;display:flex;justify-content:space-between; }
.page-product-category .filter-box .brand-outline > .title > a > img {width:14px; height:14px;cursor: pointer;margin-top:4px;margin-right:12px;}
.page-product-category .filter-box .brand-outline > .title > a > img.down {display:block;}
.page-product-category .filter-box .brand-outline > .title > a > img.up {display:none;}
.page-product-category .filter-box .brand-outline > .search-brand-result {display:none;}
.page-product-category .filter-box .brand-outline.hienthi > .title > a > img.down {display:none;}
.page-product-category .filter-box .brand-outline.hienthi > .title > a > img.up {display:block;}
.page-product-category .filter-box .brand-outline.hienthi > .search-brand-result {display:block;}
/* .page-product-category .filter-box .title.brand .hachi-icon-up,.page-product-category .filter-box .title.brand .hachi-icon-down { position:absolute;right:1px;cursor: pointer;font-size:11px;margin-top:3px; }
.page-product-category .filter-box .title.brand.off .hachi-icon-up { visibility: hidden; }
.page-product-category .filter-box .title.brand.off .hachi-icon-down { visibility: visible; }
.page-product-category .filter-box .title.brand.on .hachi-icon-up { visibility: visible; }
.page-product-category .filter-box .title.brand.on .hachi-icon-down { visibility: hidden; }
 */

.page-product-category .filter-box .search-brand form div.nhaplieu { display:flex; }
.page-product-category .filter-box .search-brand form div.error { display:flex;margin-top:6px;padding-left:12px; }
.page-product-category .filter-box .search-brand form div.error > img { margin-right:5px; }
.page-product-category .filter-box .search-brand .search-input { display:flex; position: relative;width:calc(100% - 43px); }
.page-product-category .filter-box .search-brand .search-input input { height:36px;line-height:21px; padding:10px 10px 10px 30px;border-radius: 20px; width: 100%; position:absolute; }
.page-product-category .filter-box .search-brand .search-input img { top: 6px;left:7px; position: absolute;width:24px;height:24px; }
.page-product-category .filter-box .search-brand .search-input input:focus { border: solid 1px #516e54; }
/* .page-product-category .filter-box .search-brand button { background:none;border:none;line-height:16px;margin-left:5px;padding:0;width:36px;height:36px; }
.page-product-category .filter-box .search-brand button img { width:36px;height:36px; } */
.page-product-category .filter-box .search-brand form button { background:none;border:none;line-height:16px;margin-left:5px; }
.page-product-category .filter-box .search-brand form button img.ico { width:36px;height:36px; }
.page-product-category .filter-box .search-brand form button img.ico.hide { display:none; }
.page-product-category .filter-box .search-brand form button img.ico.show { display:block; }
.page-product-category .filter-box .search-brand form.haserror button img.ico.hide { display:block; }
.page-product-category .filter-box .search-brand form.haserror button img.ico.show { display:none; }
.page-product-category .filter-box .line { height:1px;font-size:1px;line-height:1px;margin:20px 0; }
.page-product-category .filter-box .search-price-list .item { margin-top: 10px; }
.page-product-category .filter-box .search-price-list .item a { display:flex;cursor:pointer; }
.page-product-category .filter-box .search-price-list .item label { margin:0; }
.page-product-category .filter-box .search-price-list .item input { margin:0; }
/* cl-dakgreen650 */
.page-product-category .filter-box .search-price-list .item input[type="radio"] { width:16px;height:16px;accent-color:#268f3b;margin-top:2px;margin-right:8px; }
.page-product-category .filter-box .search-price-list .item input[type="radio"]:not(:checked) { appearance: none;-webkit-appearance:none;border-radius:50%;border:solid 1px #abafa5; }
.page-product-category .filter-box .search-brand-result { margin-top: 10px; }
.page-product-category .filter-box .search-brand-result label { display: block; }
.page-product-category .filter-box .search-price-input { margin-top: 16px; }
.page-product-category .filter-box .search-price-input form { display:flex;justify-content:space-between; }
.page-product-category .filter-box .search-price-input form input[type="number"] { width:85px;height:36px; padding-left:6px;padding-right:6px; border: solid 1px #e0e3dc;border-radius: 25px; }
.page-product-category .filter-box .search-price-input form input[type="number"]:focus { border: solid 1px #516e54; }
.page-product-category .filter-box .search-price-input form span { margin-top: 5px; }
/* .page-product-category .filter-box .search-price-input form button { background:none;border:none;width:36px;height:36px;padding:0; } */
/* .page-product-category .filter-box .search-price-input form button img { width:36px;height:36px; } */
.page-product-category .filter-box .search-price-input form button { background:none;border:none; }
.page-product-category .filter-box .search-price-input form button img.ico { width:36px;height:36px; }
.page-product-category .filter-box .search-price-input form button img.ico.hide { display:none; }
.page-product-category .filter-box .search-price-input form button img.ico.show { display:block; }
.page-product-category .filter-box .search-price-input form.haserror button img.ico.hide { display:block; }
.page-product-category .filter-box .search-price-input form.haserror button img.ico.show { display:none; }
.page-product-category .filter-box .search-priority label {margin-bottom:0;margin-top:10px;}
.page-product-category .filter-box .search-priority label span.name { margin-left:8px; }
/* .page-product-category .section-3 { padding-top: 40px; }
.page-product-category .section-3 .title {font-weight: bold;font-size:19px;text-align:center;}
.page-product-category .section-3 .content {color:#0a4e17;text-align:center;margin-top:10px;line-height:20px;} */
/* .page-product-category .section-3 { margin-top: 40px;text-align:center; }
.page-product-category .section-3 .content { margin-top:6px;line-height:23px;display: flex;justify-content:center;}
.page-product-category .section-3 .content > div { width:720px;} */
.page-product-category .section-3 { margin-top: 40px;}
.page-product-category .section-3 .title { text-align: center; }
.page-product-category .section-3 .content { margin-top: 4px; text-align: center; }
.page-product-category .noidung { margin-top:40px;text-align:center; }
.page-product-category .noidung.top { margin-top:80px; }
.page-product-category .noidung .title { margin:0 auto;width:800px; }
.page-product-category .noidung .content { width:800px;margin:6px auto 0 auto;line-height:23px; }

.page-product-category .news-list { padding:24px;border-radius:10px;margin-top:32px;}
.page-product-category .news-list > .item { margin-top:34px;display:flex;justify-content:space-between;}
.page-product-category .news-list > .item:first-child { margin-top:0;}
.page-product-category .news-list > .item .img { width:250px;height:164px;border-radius:8px;box-shadow: 0 0 5px 0 #dee0da;}
.page-product-category .news-list > .item .img img { width:250px;height:164px;border-radius:8px;}
.page-product-category .news-list > .item .info { width: calc(100% - 268px);}
.page-product-category .news-list > .item .info .tieude { line-height:30px;}
.page-product-category .news-list > .item .info .ngay { margin-top:3px;}
.page-product-category .news-list > .item .info .tomtat { margin-top:7px;line-height:21px;height:103px;overflow:hidden;}

.page-product-category .search-empty { margin-top:80px; }
.page-product-category .search-empty .text-1 { text-align:center;line-height:38px; }
.page-product-category .search-empty .text-2 { text-align:center;line-height:23px; }
.page-product-category .search-empty .keywords .tieude { margin-top:40px;text-align:center;line-height:23px; }
.page-product-category .search-empty .keywords .danhsach { margin-top:7px;text-align:center; }
.page-product-category .search-empty .keywords .danhsach a { padding:4px 6px;margin-right:8px;border-radius:10px;line-height:21px; }
.page-product-category .search-empty-banner-title { margin-top:50px;text-align:center; }
.page-product-category .search-empty-banner { margin-top:14px; }
.page-product-category .search-empty-banner img { width: 100%; }
.page-product-category .search-empty-banner > div { padding-left:2px;padding-right:2px; }
.page-product-category .search-empty-banner > div:first-child { padding-left:12px; }
.page-product-category .search-empty-banner > div:last-child { padding-right:12px; }

.page-product-bestprice .tieude-top {margin:56px auto;width:657px; }
.page-product-bestprice .tieude {text-align:center;line-height:49px; }
.page-product-bestprice .tomtat {margin-top:2px;line-height:25px;text-align:center;}
/* #endregion */


/* #region product-detail  ------------------------------- */
.popup-image-zoom .hachi-modal .modal .modal-dialog .modal-content { padding:0; }
.popup-image-zoom .hachi-modal .modal .modal-dialog .owl-carousel .owl-stage-outer {z-index: 1;}
.popup-image-zoom .hachi-modal .modal .modal-dialog .owl-carousel .owl-nav { margin: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: space-between; }
.popup-image-zoom .hachi-modal .modal .modal-dialog .owl-carousel .owl-nav.disabled { display: none;}
.popup-image-zoom .modal-content .main { position: relative; }
.popup-image-zoom .modal-content .main .btn-close { position: absolute;background:none;border:none;right:0;padding:8px 8px; }
.popup-image-zoom .modal-content .danhsach { margin-top:8px; }
.popup-image-zoom .modal-content .danhsach .item { height:90px;width:90px;border-radius:8px; }
.popup-image-zoom .modal-content .danhsach .item button { border:none;background:none;border:none;padding:0; }
/* sl-gregray200 */
.popup-image-zoom .modal-content .danhsach .item.active { border: 1px solid #e0e3dc; }
.popup-image-zoom .modal-content .danhsach .item img { height:90px;width:90px;border-radius:8px; }

/* #region mobile  ------------------------------- */
.mobile-product-detail .product-image { margin-top:14px; }
.mobile-product-detail .product-image > .img { width:100%;position:relative;display:block;clear:both; }
.mobile-product-detail .product-image > .img img.main { width:100%; }
.mobile-product-detail .product-image > .img .imgbackground { position:absolute;bottom:6px;right:6px;z-index:2;width:calc(100% - 90px); }
.mobile-product-detail .product-image > .img .imgbackground > img { width:100%; }
.mobile-product-detail .product-image > .img .imgbackgroundncc1 { position:absolute;bottom:6px;right:6px;z-index:2;width:180px; }
.mobile-product-detail .product-image > .img .imgbackgroundncc2 { position:absolute;top:60px;left:10px;z-index:2;height:50%; }
.mobile-product-detail .product-image > .img .imgbackgroundncc2 > img { width:auto;height:100%; }
.mobile-product-detail .product-image .img .danhsach-hinh.owl-carousel .item button  { border:none;background:none;border:none; }
.mobile-product-detail .product-image .img .danhsach-hinh.owl-carousel .owl-nav button { border:none;background:none;width:26px;height:26px;padding:0;margin:0;margin-top:15px; }
.mobile-product-detail .product-image .img .danhsach-hinh.owl-carousel .owl-nav button img { width:26px;height:26px; }
.mobile-product-detail .product-image .img .danhsach-hinh.owl-carousel .owl-nav button img.show { display:block; }
.mobile-product-detail .product-image .img .danhsach-hinh.owl-carousel .owl-nav button img.hide { display:none; }
.mobile-product-detail .product-image .img .danhsach-hinh.owl-carousel .owl-nav button:hover img.show { display:none; }
.mobile-product-detail .product-image .img .danhsach-hinh.owl-carousel .owl-nav button:hover img.hide { display:block; }
.mobile-product-detail .product-image .img .danhsach-hinh.owl-carousel .owl-nav .owl-prev,
.mobile-product-detail .product-image .img .danhsach-hinh.owl-carousel .owl-nav .owl-next { visibility: unset; position: relative; border:none; border-radius:0; padding: 0;width:36px;height:62px;top:0;left:0;right:0; }
.mobile-product-detail .product-image .img .danhsach-hinh.owl-carousel .owl-prev:hover,.mobile-product-detail .product-image .img .danhsach-hinh.owl-carousel .owl-next:hover { border:none;background:none;}
.mobile-product-detail .product-image .img .danhsach-hinh.owl-carousel .owl-prev:hover span:before,.mobile-product-detail .product-image .img .danhsach-hinh.owl-carousel .owl-next:hover span:before { color: #fff;}

.mobile-product-detail .product-image .danhsach { margin-top:8px; }
.mobile-product-detail .product-image .danhsach .item { height:90px;width:90px;border-radius:8px; }
.mobile-product-detail .product-image .danhsach .item a { cursor: pointer; }
/* sl-gregray200 */
.mobile-product-detail .product-image .danhsach .item.active { border: 1px solid #e0e3dc; }
.mobile-product-detail .product-image .danhsach .item img { height:90px;width:90px;border-radius:8px; }
.mobile-product-detail .product-name { margin-top:19px; }
.mobile-product-detail .product-name h1 { line-height:24px; }
.mobile-product-detail .product-rating { margin-top:5px; }
.mobile-product-detail .product-rating ul { margin: 0 auto; border-radius: 0; width: 100%; display: flex; position: relative; list-style: none;}
.mobile-product-detail .product-rating ul > li { list-style: none; padding: 0;}
.mobile-product-detail .product-rating ul > li+li { padding-left:5px; }
/* cl-gregray550 */
.mobile-product-detail .product-rating ul > li+li::before { color: #87907d; content: "•";display: inline-block;padding-right:5px; }
.mobile-product-detail .product-price { margin-top: 12px;}
.mobile-product-detail .product-price > ul { margin: 0 auto; border-radius: 0; width: 100%; display: flex;}
.mobile-product-detail .product-price > ul > li { list-style: none; padding: 0; margin-right:12px;line-height:24px;}
.mobile-product-detail .product-price > ul > li:first-child { white-space: nowrap;}
.mobile-product-detail .product-price > ul > li:first-child.price-active { white-space: nowrap;}
.mobile-product-detail .product-price > ul > li:nth-child(2) { text-decoration: line-through; min-width: 81px;}
.mobile-product-detail .product-price > ul > li:nth-child(3) { min-width: 70px; margin-right: 21px;}
.mobile-product-detail .product-price > ul > li:nth-child(3) span { padding: 2px 4px; border-radius: 4px;}
.mobile-product-detail .khtt { margin-top:12px;border-radius:10px;padding:1px 12px;line-height:27px;display:inline-block; }
.mobile-product-detail .khtt .data { display:flex; }
.mobile-product-detail .promotion { margin-top: 6px;line-height:20px; }
.mobile-product-detail .promotion a { margin-left:8px; }
.mobile-product-detail .promotion a img { width:24px;height:24px; }
.mobile-product-detail .best_price { line-height:20px; }
.mobile-product-detail .best_price a { margin-left:8px; }
.mobile-product-detail .best_price a img { width:24px;height:24px; }
.mobile-product-detail .product-coupon { margin-top:24px; }
.mobile-product-detail .product-coupon .danh-sach { margin-top:4px;display:flex;flex-wrap:wrap; }
.mobile-product-detail .product-coupon .danh-sach a { padding:3px 7px;border-radius:10px;margin-right:5px;margin-top:4px; }
.mobile-product-detail .hachi3h { margin-top:24px;display:flex;justify-content:space-between;line-height:21px; }
.mobile-product-detail .hachi3h img { margin-right:3px;width:108px;height:23px; }
.mobile-product-detail .hachi3h div { margin-top:5px;
  /* width: calc(100% - 115px);  */
}
.mobile-product-detail .hachi3h .hachi-icon-up::before,
.mobile-product-detail .hachi3h .hachi-icon-down::before { 
  font-size: 12px;
  color: #2f5133;
}
.mobile-product-detail .add-cart button { margin-top:12px;width:100%;display:block;border:none;padding:12px 0;text-transform:uppercase;text-align:center;border-radius:31px; }
.mobile-product-detail .add-cart button.img-like { background:none;padding:2px 0; }
.mobile-product-detail .add-cart button.img-like img { width:42px;height:40px; }
.mobile-product-detail .add-cart button.img-like img.unchoose { display:inline; }
.mobile-product-detail .add-cart button.img-like img.choose { display:none; }
.mobile-product-detail .add-cart button.img-like.like img.unchoose { display:none; }
.mobile-product-detail .add-cart button.img-like.like img.choose { display:inline; }
.mobile-product-detail .add-cart .fixbottom { position:fixed;bottom:5px;left:0;display:flex;width:100%;box-shadow: 0 0 7px 5px #e0e3dc;padding:5px 0;z-index:3; }
.mobile-product-detail .add-cart .fixbottom > button.gio-hang { width:calc(100% - 150px);border-radius:0;padding:5px 0;margin-top:0;background:none;display:flex;justify-content:center; }
.mobile-product-detail .add-cart .fixbottom > button.hachi3h { width:120px;padding:10px 0;margin-top:0;line-height:20px; }
.mobile-product-detail .add-cart .fixbottom > button.gio-hang > span { margin-top:3px;margin-left:5px; }
.mobile-product-detail .add-cart .fixbottom > .space { padding:2px 12px 0 3px; }

.mobile-product-detail .line-1 { margin-top:24px; }
.mobile-product-detail .dacdiem-noibat { margin-top:24px; }
.mobile-product-detail .dacdiem-noibat ul li { line-height:21px;padding:0;margin-top:8px; }
.mobile-product-detail .info-tag { margin-top:12px;display:flex;flex-wrap:wrap; }
.mobile-product-detail .info-tag a { padding:3px 7px;border-radius:9px;margin-right:5px;margin-top:7px; }
.mobile-product-detail .doitrahang { margin-top:14px; }
.mobile-product-detail .doitrahang a { display:flex; }
.mobile-product-detail .doitrahang a img { margin-right:8px; }
.mobile-product-detail .doitrahang a span { margin-top:3px; }
.mobile-product-detail .sanphamcombo { margin-top:14px; }
.mobile-product-detail .sanphamcombo .product-list { margin-top:11px; }
.mobile-product-detail .sanphamcombo .product-list .product-item-outline {border-radius:8px;padding:24px;}
.mobile-product-detail .sanphamcombo .product-list .product-item { width:auto;height:auto;display:flex;margin-top:0;justify-content:space-between; }
.mobile-product-detail .sanphamcombo .product-list .product-item > div { margin-top:0; }
.mobile-product-detail .sanphamcombo .product-list .product-item .img img { width:90px;height:90px;max-width:inherit; }
.mobile-product-detail .sanphamcombo .product-list .product-item .info { margin-top:0;width:calc(100% - 98px); }
.mobile-product-detail .sanphamcombo .product-list .product-item .info .name { padding:0; }
.mobile-product-detail .sanphamcombo .product-list .product-item .info .price-sub { padding:0;margin-top:8px; }
.mobile-product-detail .sanphamcombo .product-list .product-item .info .price { padding:0;margin-top:1px; }
.mobile-product-detail .sanphamcombo .product-list .product-item .info .price-outline { display:flex;justify-content:space-between; }
.mobile-product-detail .sanphamcombo .product-list .product-item .info .price-outline a.cart { cursor:pointer;margin-top:28px; }
.mobile-product-detail .sanphamcombo .product-list .product-item .info .price-outline a.cart img { width:22px; }
.mobile-product-detail .line-2 { margin-top:24px; }
.mobile-product-detail .mo-ta-outline { margin-top:24px; }
.mobile-product-detail .mo-ta-outline > .title {display: flex;justify-content:space-between;}
.mobile-product-detail .mo-ta-outline > .title > a > img {width:20px; height:20px;cursor: pointer;margin-top:8px;}
.mobile-product-detail .mo-ta-outline > .title > a > img.down {display:block;}
.mobile-product-detail .mo-ta-outline > .title > a > img.up {display:none;}
.mobile-product-detail .mo-ta-outline > .mo-ta {display:none;}
.mobile-product-detail .mo-ta-outline > .mo-ta-thong-tin {display:none;}
.mobile-product-detail .mo-ta-outline.hienthi > .title > a > img.down {display:none;}
.mobile-product-detail .mo-ta-outline.hienthi > .title > a > img.up {display:block;}
.mobile-product-detail .mo-ta-outline.hienthi > .mo-ta {display:block;}
.mobile-product-detail .mo-ta-outline.hienthi > .mo-ta-thong-tin {display:block;}
.mobile-product-detail .mo-ta-outline .line { margin-top:24px; }
.mobile-product-detail .mo-ta { margin-top:20px; }
.mobile-product-detail .mo-ta .mo-ta-sp .txt { line-height:21px; }
.mobile-product-detail .mo-ta .mo-ta-sp.anchitiet { position: relative; overflow: hidden; height: 500px;}
.mobile-product-detail .mo-ta .mo-ta-sp .gradient { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7));}
.mobile-product-detail .mo-ta .more { margin-top:16px;text-align:center; }
.mobile-product-detail .mo-ta .more a{ cursor:pointer; }
.mobile-product-detail .mo-ta .more a:hover{ text-decoration:underline; }
.mobile-product-detail .mo-ta-thong-tin { margin-top:24px; }
.mobile-product-detail .mo-ta-thong-tin > .title { display: flex;justify-content:space-between;}
.mobile-product-detail .mo-ta-thong-tin > .title > a > img { width:20px; height:20px;cursor: pointer;margin-top:8px;}
.mobile-product-detail .mo-ta-thong-tin > .title > a > img.down {display:block;}
.mobile-product-detail .mo-ta-thong-tin > .title > a > img.up {display:none;}
.mobile-product-detail .mo-ta-thong-tin > .danhsach { display:none; }
.mobile-product-detail .mo-ta-thong-tin.hienthi > .title > a > img.down {display:none;}
.mobile-product-detail .mo-ta-thong-tin.hienthi > .title > a > img.up {display:block;}
.mobile-product-detail .mo-ta-thong-tin.hienthi > .danhsach { display:block; }
.mobile-product-detail .mo-ta-thong-tin .danhsach { margin-top:30px;line-height:21px;}
.mobile-product-detail .mo-ta-thong-tin .danhsach .item { margin-top:12px; }
.mobile-product-detail .mo-ta-thong-tin .danhsach .item span.label { display:inline-block;margin-right:5px; }
.mobile-product-detail .mo-ta-thong-tin .danhsach .item .txt { display:inline-block; }

.mobile-product-detail .sanpham-combo { margin-top:24px; }
.mobile-product-detail .sanpham-combo .danhsach .item { margin-top:30px; }
.mobile-product-detail .sanpham-combo .danhsach .item .img img { border-radius:10px; }
.mobile-product-detail .sanpham-combo .danhsach .item .dong { display: flex;line-height:21px;margin-top:5px; }
.mobile-product-detail .sanpham-combo .danhsach .item .dong .nhan { width:140px; }
.mobile-product-detail .sanpham-combo .danhsach .item .dong .text { width:calc(100% - 150px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }

.mobile-product-detail .danh-gia .line { margin-top:24px; }
.mobile-product-detail .danh-gia .top { margin-top:24px;display:flex;justify-content: space-between; }
.mobile-product-detail .danh-gia .top .title { width: calc(100% - 120px); }
.mobile-product-detail .danh-gia .top .product-ratting { margin-top:10px; }
.mobile-product-detail .danh-gia .top a.toggle { cursor:pointer; }
.mobile-product-detail .danh-gia .top a.toggle > img {width:20px; height:20px;margin-top:8px;}
.mobile-product-detail .danh-gia .top a.toggle > img.down { display:none; }
.mobile-product-detail .danh-gia .top a.toggle > img.up { display:block; }
.mobile-product-detail .danh-gia.hienthi .top .title span { visibility:hidden; }
.mobile-product-detail .danh-gia.hienthi .top .product-ratting { visibility:hidden; }
.mobile-product-detail .danh-gia.hienthi .top a.toggle > img.down { display:block; }
.mobile-product-detail .danh-gia.hienthi .top a.toggle > img.up{ display:none; }
.mobile-product-detail .danh-gia .banner { margin-top:40px; }
.mobile-product-detail .danh-gia .chi-tiet { margin-top:30px;display:none;justify-content: space-between; }
.mobile-product-detail .danh-gia.hienthi .chi-tiet { display:block; }
/* .mobile-product-detail .danh-gia .chi-tiet .button-left { width:274px; } */
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem { display:flex; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem .tong { color:#268f3b;font-weight:bold;font-size:19px; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-sub { color:#268f3b;font-size:11px; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach { margin-top: 5px; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item { margin-top: 10px; display:flex;justify-content: space-between;font-size:11px;line-height:13px; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item .total { width:23px;text-align:right; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item .hachi-icon-star { margin-top:2px; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate { width: calc(100% - 50px);position:relative;background:#e2e3e1;height:10px;border-radius:3px;margin-top:2px; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate > div { position: absolute;background:#268f3b;top:0;left:0;height:10px;border-radius:3px;font-size:1px;width:0px; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p10 > div { width:10%; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p20 > div { width:20%; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p30 > div { width:30%; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p40 > div { width:40%; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p50 > div { width:50%; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p60 > div { width:60%; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p70 > div { width:70%; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p80 > div { width:80%; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p90 > div { width:90%; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p100 > div { width:100%; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach-sub { margin-top: 10px;display:flex; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .diem-danh-sach-sub a { font-size:9px;margin-top:2px; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .danh-gia-button .line { margin-top: 15px; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .danh-gia-button .text { margin-top: 15px; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .danh-gia-button .button { margin-top: 15px; }
.mobile-product-detail .danh-gia .chi-tiet .button-left .danh-gia-button .button button { color:#fff;background:#268f3b;border:none;border-radius:19px;padding:5px 15px; }
.mobile-product-detail .danh-gia .chi-tiet .list { margin-top: 10px; }
.mobile-product-detail .danh-gia .chi-tiet .list .notify { display:flex;justify-content:center;color:#1b2132;background:#f0faf2;border-radius:11px;height:76px;padding-top:20px; }
.mobile-product-detail .danh-gia .chi-tiet .list .notify .hachi-icon-information:before { color:#268f3b; }
.mobile-product-detail .danh-gia .chi-tiet .list .notify img { width:25px;height:32px; }
.mobile-product-detail .danh-gia .chi-tiet .list .notify .text { width:390px;margin-left:15px; }
.mobile-product-detail .danh-gia .chi-tiet .list .item { margin-top: 20px; }
.mobile-product-detail .danh-gia .chi-tiet .list .item .name { display:flex; }
.mobile-product-detail .danh-gia .chi-tiet .list .item .name img { width:16px;height:16px;margin-left:10px; }
.mobile-product-detail .danh-gia .chi-tiet .list .item .name .label-sub { color:#268f3b;margin-left:5px;font-weight:bold; }
.mobile-product-detail .danh-gia .chi-tiet .list .item ul.name-sub { list-style:none;padding:0;margin:2px 0 0 0;display:flex; }
.mobile-product-detail .danh-gia .chi-tiet .list .item ul.name-sub li+li::before { color:#7e8379;content:"•";margin:0 5px; }
.mobile-product-detail .danh-gia .chi-tiet .list .item ul.name-sub li.date { color:#87907d;font-size:11px; }
.mobile-product-detail .danh-gia .chi-tiet .list .item .text { margin-top:10px; }
.mobile-product-detail .danh-gia .chi-tiet .list .item .thich { margin-top:10px; }
.mobile-product-detail .danh-gia .chi-tiet .list .item .thich a { color:#268f3b; }
.mobile-product-detail .sp-quan-tam .line { margin-top:24px; }
.mobile-product-detail .sp-quan-tam .title { margin-top:24px; }
.mobile-product-detail .tieu-chi { margin-top:23px;display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:26px;background-repeat:no-repeat;background-size:cover;border-radius:24px; }
.mobile-product-detail .tieu-chi .item { margin-top: 26px;text-align: center;line-height:20px;padding: 0 10px;width:50%; }
.mobile-product-detail .tieu-chi .item .name { margin-top: 7px; }
.mobile-product-detail .tieu-chi .item .img img { width:70px;height:70px; }

.mobile-product-detail .no-stock {margin-top:40px;}
.mobile-product-detail .no-stock .text {display:flex;}
.mobile-product-detail .no-stock .text > img { margin-right:10px;}
.mobile-product-detail .no-stock .text > img.last { margin-right:0;margin-left:5px; }
.mobile-product-detail .no-stock .chat {margin-top:20px;display:flex;}
.mobile-product-detail .no-stock .chat > .txt { margin-right:10px;margin-top:10px;}
.mobile-product-detail .no-stock .chat > a { margin-right:5px;}

.mobile-product-detail .no-stock button.img-like { height:40px;background:none;border:none;margin-left:10px;padding:0; }
.mobile-product-detail .no-stock button.img-like img { width:42px;height:40px; }
.mobile-product-detail .no-stock button.img-like img.unchoose { display:block; }
.mobile-product-detail .no-stock button.img-like img.choose { display:none; }
.mobile-product-detail .no-stock button.img-like.like img.unchoose { display:none; }
.mobile-product-detail .no-stock button.img-like.like img.choose { display:block; }

.mobile-product-detail .product-gift { border-radius:10px;position: relative;margin-top:20px; }
.mobile-product-detail .product-gift .danh-sach { height:63px;overflow:hidden; }
.mobile-product-detail .product-gift.open .danh-sach { height:auto;overflow:inherit; }
.mobile-product-detail .product-gift .danh-sach .item { display:flex;justify-content:space-between;padding:8px 16px; }
.mobile-product-detail .product-gift .danh-sach .item .img { width:47px; }
.mobile-product-detail .product-gift .danh-sach .item .img img { width:47px; }
.mobile-product-detail .product-gift .danh-sach .item .text { width:calc(100% - 67px);line-height:21px; }
.mobile-product-detail .product-gift .danh-sach .item .text > div { overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.mobile-product-detail .product-gift .xemthem { display:flex;justify-content:right; }
.mobile-product-detail .product-gift .xemthem button { background:none;border:none;display:flex;padding:0 16px 8px 0; }
.mobile-product-detail .product-gift .xemthem button > span { margin-right:5px; }
.mobile-product-detail .product-gift .xemthem button img.show { display:block; }
.mobile-product-detail .product-gift .xemthem button img.hide { display:none; }
.mobile-product-detail .product-gift.open .xemthem button img.show { display:none; }
.mobile-product-detail .product-gift.open .xemthem button img.hide { display:block; }
/* #endregion mobile */

.page-product-detail .line { background-color:#e0e3dc;height:1px;font-size:1px;line-height:1px;margin:10px 0; }
.page-product-detail.page-outline { margin-top:30px; }
.page-product-detail .section-1 .product-top { display:flex;justify-content:space-between; }
.page-product-detail .section-1 .product-top .col-left { width:368px; }
.page-product-detail .section-1 .product-top .col-right { width: calc(100% - 406px); }
.page-product-detail .section-1 .col-left .d-block { margin: 0 auto; clear: both; width: 100%;}
.page-product-detail .section-1 .col-left .product-list-image { position: relative; margin: 0 auto; clear: both; display: block; width: 100%;}
/* sl-gregray200 */
.page-product-detail .section-1 .col-left .product-list-image .slide-image-product .owl-carousel {border: 1px solid #e0e3dc;border-radius:10px;margin-top: 5px;}
.page-product-detail .section-1 .col-left .product-list-image .slide-image-product .owl-carousel .owl-item.active .item img {border-radius:10px;}
.page-product-detail .section-1 .col-left .product-list-image .slide-image-product .owl-carousel .owl-nav .owl-prev { position: absolute;top: 40%;left: 0;}
.page-product-detail .section-1 .col-left .product-list-image .slide-image-product .owl-carousel .owl-nav .owl-next { position: absolute;top: 40%;right: 0;}
.page-product-detail .section-1 .col-left .product-list-image .slide-image-product .list-image { display: flex;align-items: center;margin-top: 12px;}
.page-product-detail .section-1 .col-left .product-list-image .slide-image-product .list-image div { cursor: pointer; padding: 3px;}
.page-product-detail .section-1 .col-left .product-list-image .slide-image-product .list-image div img { height: 44px;}
/* sl-gregray200 */
.page-product-detail .section-1 .col-left .product-list-image .slide-image-product .list-image div.active { border: 2px solid #e0e3dc; box-sizing: border-box; border-radius: 3px;}
.page-product-detail .section-1 .col-left .product-list-image .ic_best_price { position: absolute; top: 15px; left: 8px; z-index: 1; width: 78px; height: 73px;}
.page-product-detail .section-1 .col-left .product-list-image .imgbackground { position:absolute;bottom:74px;left:71px;z-index:2; }
.page-product-detail .section-1 .col-left .product-list-image .imgbackground > img { width:290px; }
.page-product-detail .section-1 .col-left .product-list-image .imgbackgroundncc1 { position:absolute;bottom:84px;right:24px;z-index:2; }
.page-product-detail .section-1 .col-left .product-list-image .imgbackgroundncc2 { position:absolute;top:80px;left:7px;z-index:2;height:50%; }
.page-product-detail .section-1 .col-left .product-list-image .imgbackgroundncc2 > img { width:auto;height:100%; }
.page-product-detail .section-1 .col-left .group-btn { margin-top:12px;text-align:center; }
.page-product-detail .product-item .add-cart .group-input button { padding:0px 12px; }
/* cl-gregray800 */
.page-product-detail .product-item .add-cart .group-input button .ico::before { color:#404941; }
.page-product-detail .product-item .add-cart .group-input button:disabled .ico::before { color:#E0E3DC; }
.page-product-detail .product-item .add-cart .group-input .input { text-align:center; }
.page-product-detail .product-item .add-cart .group-input button.add {
  position: relative;
}
.page-product-detail .product-item .add-cart .group-input button .hachi-icon-plus + div {  
  background: #0A3B15;
  position: absolute;
  left: calc(100% + 12px);
  bottom: 0;
  white-space: nowrap;
  padding: 8px 12px;
  border-radius: 10px;
  z-index: 1;
  width: 202px;
}
.page-product-detail .product-item .add-cart .group-input button .hachi-icon-plus + div span {  
  display: flex;
  align-items: center;
  column-gap: 12px;
}
.page-product-detail .product-item .add-cart .group-input button .hachi-icon-plus + div span img {  
  border-radius: 50%;
  background: rgba(128, 128, 128, .5);
  width: 16px;
  height: 16px;
  padding: 2px;
  flex-shrink: 0;
}
/* .page-product-detail .product-item .name .title { font-size:20px;} */
.page-product-detail .product-item .product-rating { margin-top:5px; }
.page-product-detail .product-item .product-rating ul { margin: 0 auto; border-radius: 0; width: 100%; display: flex; position: relative; list-style: none;}
.page-product-detail .product-item .product-rating ul > li { list-style: none; padding: 0;}
.page-product-detail .product-item .product-rating ul > li+li { padding-left:5px; }
/* cl-gregray550 */
.page-product-detail .product-item .product-rating ul > li+li::before { color: #87907d; content: "•";display: inline-block;padding-right:5px; }
/* .page-product-detail .product-item .product-rating ul > li.xem-danh-gia a { color: #286f3b;}
.page-product-detail .product-item .product-rating ul > li.code { color: #083011;}
.page-product-detail .product-item .product-rating ul > li.code .label { color: #516e54;} */
.page-product-detail .product-item .price { margin-top: 20px;}
.page-product-detail .product-item .price > ul { margin: 0 auto; border-radius: 0; width: 100%; display: flex;}
.page-product-detail .product-item .price > ul > li { list-style: none; padding: 0; margin-right:12px;line-height:24px;}
.page-product-detail .product-item .price > ul > li:first-child { white-space: nowrap;}
.page-product-detail .product-item .price > ul > li:first-child.price-active { white-space: nowrap;}
.page-product-detail .product-item .price > ul > li:nth-child(2) { text-decoration: line-through; min-width: 81px;}
.page-product-detail .product-item .price > ul > li:nth-child(3) { min-width: 70px; margin-right: 21px;}
.page-product-detail .product-item .price > ul > li:nth-child(3) span { padding: 2px 4px; border-radius: 4px;}
.page-product-detail .product-item .price > ul > li:nth-child(4) { border-radius:10px;padding:1px 12px;display:flex;line-height:27px; }
/* .page-product-detail .product-item .price > ul > li:nth-child(4) span { margin-right: 3px;}
.page-product-detail .product-item .price > ul > li:nth-child(4) span.price { font-weight: 300; font-size: 13px; white-space: nowrap;}
.page-product-detail .product-item .price > ul > li:nth-child(4) span.price .vnd::before { font-weight: normal;} */
.page-product-detail .product-item .price > ul > li:nth-child(4) img { width:24px;height:21px;margin-top:4px;margin-right:5px; }
.page-product-detail .product-item .price > ul > li:nth-child(4) .text { margin-right:5px; }
.page-product-detail .product-item .promotion { margin-top: 6px;line-height:20px; }
.page-product-detail .product-item .promotion h3 { display: inline-block; }
.page-product-detail .product-item .promotion a { margin-left:8px; }
.page-product-detail .product-item .promotion a img { width:24px;height:24px; }
.page-product-detail .product-item .best_price { line-height:20px; }
.page-product-detail .product-item .best_price a { margin-left:8px; }
.page-product-detail .product-item .best_price a img { width:24px;height:24px; }
/* .page-product-detail .product-item .promotion a { border-radius: 50% 50%;padding:3px 7px 5px 7px; } */
.page-product-detail .product-item .add-cart { display:flex;margin-top:40px; }
.page-product-detail .product-item .add-cart button.hachi3h { height:40px;margin-left:10px;border-radius:20px;border:none;text-transform:uppercase;padding:0 25px; }
.page-product-detail .product-item .btn-chat { height:40px;margin-left:10px;border-radius:20px;border:none;padding:0 25px; }
.page-product-detail .product-item .add-cart button.gio-hang { height:40px;margin-left:10px;border-radius:20px;display:flex;border:none;text-transform:uppercase;padding:9px 25px; }
.page-product-detail .product-item .add-cart button.gio-hang img { width:22px;height:23px;margin-right:8px; }
.page-product-detail .product-item .add-cart button.gio-hang span { margin-top:3px; }
.page-product-detail .product-item .add-cart button.img-like { height:40px;background:none;border:none;margin-left:10px;padding:0; }
.page-product-detail .product-item .add-cart button.img-like img { width:42px;height:40px; }
.page-product-detail .product-item .add-cart button.img-like img.unchoose { display:block; }
.page-product-detail .product-item .add-cart button.img-like img.choose { display:none; }
.page-product-detail .product-item .add-cart button.img-like.like img.unchoose { display:none; }
.page-product-detail .product-item .add-cart button.img-like.like img.choose { display:block; }
.page-product-detail .product-item div.hachi3h { margin-top:24px;display:flex;line-height:21px; }
.page-product-detail .product-item div.hachi3h img { margin-right:3px;width:108px;height:23px; }
.page-product-detail .product-item div.hachi3h div { margin-top:5px;cursor: pointer; }

.page-product-detail .product-item div.hachi3h .hachi-icon-up::before,
.page-product-detail .product-item div.hachi3h .hachi-icon-down::before { 
  font-size: 12px;
  color: #2f5133;
}

.page-product-detail .product-item .info { margin-top:40px;line-height:20px; }
.page-product-detail .product-item .info > .bt { margin:0 5px; }
.page-product-detail .product-item .info > .bt:last-child { display:none; }
/* .page-product-detail .product-item .info ul { display:flex;list-style:none;margin:0;padding:0; }
.page-product-detail .product-item .info ul li+li::before { color:#7e8379;content:"•";margin:0 5px; } */
.page-product-detail .product-item .info-summary { margin-top:8px; }
.page-product-detail .product-item .info-summary ul { list-style-type:disc;padding-left:10px; }
.page-product-detail .product-item .info-summary ul li { line-height:21px; }
.page-product-detail .product-item .info-tag { margin-top:12px;display:flex;flex-wrap:wrap; }
.page-product-detail .product-item .info-tag a { padding:3px 7px;border-radius:9px;margin-right:5px;margin-top:7px; }
/* .page-product-detail .product-item .info-tag a+a { margin-left:5px; } */
.page-product-detail .section-2 > div { margin-top:44px; }
.page-product-detail .section-2 .mo-ta-outline > .title {display: flex;justify-content:space-between;}
.page-product-detail .section-2 .mo-ta-outline > .title > a > img {width:20px; height:20px;cursor: pointer;margin-top:8px;}
.page-product-detail .section-2 .mo-ta-outline > .title > a > img.down {display:block;}
.page-product-detail .section-2 .mo-ta-outline > .title > a > img.up {display:none;}
.page-product-detail .section-2 .mo-ta-outline > .mo-ta {display:none;}
.page-product-detail .section-2 .mo-ta-outline > .mo-ta-thong-tin {display:none;}
.page-product-detail .section-2 .mo-ta-outline.hienthi > .title > a > img.down {display:none;}
.page-product-detail .section-2 .mo-ta-outline.hienthi > .title > a > img.up {display:block;}
.page-product-detail .section-2 .mo-ta-outline.hienthi > .mo-ta {display:block;}
.page-product-detail .section-2 .mo-ta-outline.hienthi > .mo-ta-thong-tin {display:block;}
.page-product-detail .section-2 .mo-ta { margin-top:20px; }
.page-product-detail .section-2 .mo-ta .mo-ta-sp .txt { line-height:21px; }
.page-product-detail .section-2 .mo-ta .mo-ta-sp.anchitiet { position: relative; overflow: hidden; height: 500px;}
.page-product-detail .section-2 .mo-ta .mo-ta-sp .gradient { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7));}
.page-product-detail .section-2 .mo-ta .more { margin-top:16px;text-align:center; }
.page-product-detail .section-2 .mo-ta .more a{ cursor:pointer; }
.page-product-detail .section-2 .mo-ta .more a:hover{ text-decoration:underline; }
.page-product-detail .section-2 .mo-ta-thong-tin { margin-top:20px; }
.page-product-detail .section-2 > div > div:first-child { margin-top:0; }
.page-product-detail .section-2 > div > div:first-child .title { margin-top:0; }
.page-product-detail .section-2 .mo-ta-thong-tin .line { margin-top:70px; }
.page-product-detail .section-2 .mo-ta-thong-tin > .title {margin-top:60px;display: flex;justify-content:space-between;}
.page-product-detail .section-2 .mo-ta-thong-tin > .title > a > img {width:20px; height:20px;cursor: pointer;margin-top:8px;}
.page-product-detail .section-2 .mo-ta-thong-tin > .title > a > img.down {display:block;}
.page-product-detail .section-2 .mo-ta-thong-tin > .title > a > img.up {display:none;}
.page-product-detail .section-2 .mo-ta-thong-tin > table.table {display:none;}
.page-product-detail .section-2 .mo-ta-thong-tin.hienthi > .title > a > img.down {display:none;}
.page-product-detail .section-2 .mo-ta-thong-tin.hienthi > .title > a > img.up {display:block;}
.page-product-detail .section-2 .mo-ta-thong-tin.hienthi > table.table {display:block;}
.page-product-detail .section-2 .mo-ta-thong-tin .table { margin-top:30px;line-height: 21px;}
.page-product-detail .section-2 .mo-ta-thong-tin .table tr td:first-child { border: 1px solid #e2e2e2; }
.page-product-detail .section-2 .mo-ta-thong-tin .table tr td:last-child { border-right: 1px solid #e2e2e2;}
.page-product-detail .section-2 .mo-ta-thong-tin .table tr:last-child td:last-child { border-bottom: 1px solid #e2e2e2;}
.page-product-detail .section-2 .danh-gia .line { margin-top:50px; }
.page-product-detail .section-2 .danh-gia .top { margin-top:50px;display:flex;justify-content: space-between; }
.page-product-detail .section-2 .danh-gia .top .title { width: calc(100% - 120px); }
.page-product-detail .section-2 .danh-gia .top .product-ratting { margin-top:10px; }
.page-product-detail .section-2 .danh-gia .top a.toggle { cursor:pointer; }
.page-product-detail .section-2 .danh-gia .top a.toggle > img {width:20px; height:20px;margin-top:8px;}
.page-product-detail .section-2 .danh-gia .top a.toggle > img.down { display:none; }
.page-product-detail .section-2 .danh-gia .top a.toggle > img.up { display:block; }
.page-product-detail .section-2 .danh-gia.hienthi .top .title span { visibility:hidden; }
.page-product-detail .section-2 .danh-gia.hienthi .top .product-ratting { visibility:hidden; }
.page-product-detail .section-2 .danh-gia.hienthi .top a.toggle > img.down { display:block; }
.page-product-detail .section-2 .danh-gia.hienthi .top a.toggle > img.up{ display:none; }
.page-product-detail .section-2 .danh-gia .banner { margin-top:40px; }
.page-product-detail .section-2 .danh-gia .chi-tiet { margin-top:30px;display:none;justify-content: space-between; }
.page-product-detail .section-2 .danh-gia.hienthi .chi-tiet { display:flex; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left { width:274px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem { display:flex; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem .tong { color:#268f3b;font-weight:bold;font-size:19px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-sub { color:#268f3b;font-size:11px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach { margin-top: 5px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item { margin-top: 10px; display:flex;justify-content: space-between;font-size:11px;line-height:13px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item .total { width:23px;text-align:right; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item .hachi-icon-star { margin-top:2px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate { width: calc(100% - 50px);position:relative;background:#e2e3e1;height:10px;border-radius:3px;margin-top:2px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate > div { position: absolute;background:#268f3b;top:0;left:0;height:10px;border-radius:3px;font-size:1px;width:0px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p10 > div { width:10%; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p20 > div { width:20%; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p30 > div { width:30%; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p40 > div { width:40%; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p50 > div { width:50%; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p60 > div { width:60%; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p70 > div { width:70%; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p80 > div { width:80%; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p90 > div { width:90%; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach .item .rate.p100 > div { width:100%; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach-sub { margin-top: 10px;display:flex; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .diem-danh-sach-sub a { font-size:9px;margin-top:2px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .danh-gia-button .line { margin-top: 15px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .danh-gia-button .text { margin-top: 15px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .danh-gia-button .button { margin-top: 15px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .button-left .danh-gia-button .button button { color:#fff;background:#268f3b;border:none;border-radius:19px;padding:5px 15px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .list { width: calc(100% - 300px); }
.page-product-detail .section-2 .danh-gia .chi-tiet .list .notify { display:flex;justify-content:center;color:#1b2132;background:#f0faf2;border-radius:11px;height:76px;padding-top:20px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .list .notify .hachi-icon-information:before { color:#268f3b; }
.page-product-detail .section-2 .danh-gia .chi-tiet .list .notify img { width:25px;height:32px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .list .notify .text { width:390px;margin-left:15px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .list .item { margin-top: 20px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .list .item .name { display:flex; }
.page-product-detail .section-2 .danh-gia .chi-tiet .list .item .name img { width:16px;height:16px;margin-left:10px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .list .item .name .label-sub { color:#268f3b;margin-left:5px;font-weight:bold; }
.page-product-detail .section-2 .danh-gia .chi-tiet .list .item ul.name-sub { list-style:none;padding:0;margin:2px 0 0 0;display:flex; }
.page-product-detail .section-2 .danh-gia .chi-tiet .list .item ul.name-sub li+li::before { color:#7e8379;content:"•";margin:0 5px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .list .item ul.name-sub li.date { color:#87907d;font-size:11px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .list .item .text { margin-top:10px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .list .item .thich { margin-top:10px; }
.page-product-detail .section-2 .danh-gia .chi-tiet .list .item .thich a { color:#268f3b; }
.page-product-detail .section-3 { margin-top:50px; }
.page-product-detail .sanphamcombo { margin-top:22px; }
.page-product-detail .sanphamcombo .product-list { margin-top:11px; }
.page-product-detail .sanphamcombo .product-list .product-item-outline {border-radius:8px;padding:24px;}
.page-product-detail .sanphamcombo .product-list .product-item { width:auto;height:auto;display:flex;margin-top:0;justify-content:space-between; }
.page-product-detail .sanphamcombo .product-list .product-item > div { margin-top:0; }
.page-product-detail .sanphamcombo .product-list .product-item .img img { width:90px;height:90px;max-width:inherit; }
.page-product-detail .sanphamcombo .product-list .product-item .info { margin-top:0;width:calc(100% - 98px); }
.page-product-detail .sanphamcombo .product-list .product-item .info .name { padding:0; }
.page-product-detail .sanphamcombo .product-list .product-item .info .price-sub { padding:0;margin-top:8px; }
.page-product-detail .sanphamcombo .product-list .product-item .info .price { padding:0;margin-top:1px; }
.page-product-detail .sanphamcombo .product-list .product-item .info .price-outline { display:flex;justify-content:space-between; }
.page-product-detail .sanphamcombo .product-list .product-item .info .price-outline a.cart { cursor:pointer;margin-top:28px; }
.page-product-detail .sanphamcombo .product-list .product-item .info .price-outline a.cart img { width:22px; }
.page-product-detail .product-coupon { margin-top:24px; }
.page-product-detail .product-coupon .danh-sach { margin-top:4px;display:flex;flex-wrap:wrap; }
.page-product-detail .product-coupon .danh-sach a { 
  padding:3px 7px;border-radius:10px;margin-right:5px;margin-top:4px; 
  position: relative;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.page-product-detail .product-coupon .danh-sach a:hover span { 
  position: absolute;
  top: calc(-100% - 11px);
  width: auto;
  white-space: nowrap;
  background: #fff;
  color: #083011;
  padding: 4px 12px;
  border-radius: 4px;
  box-shadow: -2px 0px 15px 0px #00000014;
  line-height: 19px;
  display: flex !important;
  justify-content: center;
}
.page-product-detail .product-coupon .danh-sach a:hover span img {
  position: absolute;
  top: 100%;
}
.page-product-detail .doitrahang { margin-top:18px; }
.page-product-detail .doitrahang a { display:flex; }
.page-product-detail .doitrahang a img { margin-right:8px; }
.page-product-detail .doitrahang a span { margin-top:3px; }
.page-product-detail .sp-quan-tam { border-radius:10px;padding:10px 26px; }
.page-product-detail .sp-quan-tam .title { margin-top:18px;text-align:center; }
.page-product-detail .sp-quan-tam .product-list .product-item { width:100%;height:350px; }

.page-product-detail .sanpham-combo { margin-top:46px; }
.page-product-detail .sanpham-combo .danhsach .item { margin-top:44px;display:flex; }
.page-product-detail .sanpham-combo .danhsach .item .img { width:300px; }
.page-product-detail .sanpham-combo .danhsach .item .img img { width:280px;border-radius:10px;box-shadow: 0 0 5px 0 #dee0da; }
.page-product-detail .sanpham-combo .danhsach .item .nhan { width:150px; }
.page-product-detail .sanpham-combo .danhsach .item .text { width:calc(100% - 470px); }
.page-product-detail .sanpham-combo .danhsach .item .dong { line-height:21px;margin-top:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.page-product-detail .no-stock {margin-top:40px;}
.page-product-detail .no-stock .text {display:flex;}
.page-product-detail .no-stock .text > img { margin-right:10px;}
.page-product-detail .no-stock .text > img.last { margin-right:0;margin-left:5px; }
.page-product-detail .no-stock .chat {margin-top:20px;display:flex;}
.page-product-detail .no-stock .chat > .txt { margin-right:10px;margin-top:10px;}
.page-product-detail .no-stock .chat > a { margin-right:5px;}

.page-product-detail .no-stock button.img-like { height:40px;background:none;border:none;margin-left:10px;padding:0; }
.page-product-detail .no-stock button.img-like img { width:42px;height:40px; }
.page-product-detail .no-stock button.img-like img.unchoose { display:block; }
.page-product-detail .no-stock button.img-like img.choose { display:none; }
.page-product-detail .no-stock button.img-like.like img.unchoose { display:none; }
.page-product-detail .no-stock button.img-like.like img.choose { display:block; }

.page-product-detail .product-gift { border-radius:10px;position: relative;margin-top:20px; }
.page-product-detail .product-gift .danh-sach { height:63px;overflow:hidden; }
.page-product-detail .product-gift.open .danh-sach { height:auto;overflow:inherit; }
.page-product-detail .product-gift .danh-sach .item { display:flex;justify-content:space-between;padding:8px 16px; }
.page-product-detail .product-gift .danh-sach .item .img { width:47px; }
.page-product-detail .product-gift .danh-sach .item .img img { width:47px; }
.page-product-detail .product-gift .danh-sach .item .text { width:calc(100% - 67px);line-height:21px; }
.page-product-detail .product-gift .danh-sach .item .text > div { overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.page-product-detail .product-gift .xemthem { display:flex;justify-content:right; }
.page-product-detail .product-gift .xemthem button { background:none;border:none;display:flex;padding:0 16px 8px 0; }
.page-product-detail .product-gift .xemthem button > span { margin-right:5px; }
.page-product-detail .product-gift .xemthem button img.show { display:block; }
.page-product-detail .product-gift .xemthem button img.hide { display:none; }
.page-product-detail .product-gift.open .xemthem button img.show { display:none; }
.page-product-detail .product-gift.open .xemthem button img.hide { display:block; }
/* #endregion */


/* #region cart  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-cart.top { margin-top:168px; }

.mobile-cart .empty { display:none; }
.mobile-cart .empty.show { display:block; }
.mobile-cart .empty .hinh { padding-top:30px;text-align:center; }
.mobile-cart .empty .text-1 { margin-top:25px;text-align:center; }
.mobile-cart .empty .text-2 { margin-top:2px;text-align:center;line-height:22px; }
.mobile-cart .empty .duongdan { margin-top:30px;text-align:center;padding-bottom:10px;line-height:21px; }
.mobile-cart .empty .duongdan a { padding:11px 30px;border-radius:31px; }
.mobile-cart .empty .banner { margin-top:40px; }
.mobile-cart .empty .banner .item { width:294px;height:289px; }
/* .mobile-cart .empty.banner img { width: 100%; }
.mobile-cart .empty.banner > div { padding-left:2px;padding-right:2px; }
.mobile-cart .empty.banner > div:first-child { padding-left:12px; }
.mobile-cart .empty.banner > div:last-child { padding-right:12px; } */

.mobile-cart .cart-top { border-radius:9px;padding:10px;margin-top:20px;line-height:24px; }
.mobile-cart.test .cart-top { display:flex;justify-content:space-between; }
.mobile-cart.test .cart-top .top-image { width:30px;padding-top:2px; }
.mobile-cart.test .cart-top .top-image img { width:30px; }
.mobile-cart.test .cart-top .top-noidung { width:calc(100% - 35px); }
.mobile-cart.test .cart-top .top-noidung span { line-height:20px; }

.mobile-cart .cart input[type="checkbox"]{ width:20px;height:20px;accent-color:#268f3b; }
.mobile-cart .cart input[type="radio"]:not(:checked) { appearance: none;-webkit-appearance:none;border:solid 1px #abafa5; }
.mobile-cart .cart .title { margin-top:15px; }
.mobile-cart .cart .title-sub { margin-top:5px; }
.mobile-cart .cart .notify { border-radius:9px;padding:10px;position:relative;margin-top:10px; }
.mobile-cart .cart .notify .list .item { display:flex; }
.mobile-cart .cart .notify .list .item .icon { margin-left:5px; }
.mobile-cart .cart .notify .list .item .text { margin-left:10px;line-height:20px;margin-top:5px;width:calc(100% - 25px); }
.mobile-cart .cart .notify .icon-close { position:absolute;top:15px;right:5px;}
.mobile-cart .cart .notify .icon-close button { background: none; border: unset; display: flex; align-content: center;}
.mobile-cart .cart .notify .icon-close button img { width:20px;height:20px; }

.mobile-cart .cart .data-header { margin-top:31px; }
.mobile-cart .cart .data-header .line { margin-top:20px; }
.mobile-cart .cart .data-header .choose { display:flex; }
.mobile-cart .cart .data-header .choose input[type="checkbox"] { margin-right:8px; }
.mobile-cart .cart .data-header .choose label { margin-bottom:0; }
.mobile-cart .cart .data-row { margin-top:10px;position:relative; }
.mobile-cart .cart .data-row .line { margin-top:20px; }
.mobile-cart .cart .data-row .product { margin-top:10px;display:flex;justify-content: space-between; }
.mobile-cart .cart .data-row .product .info { width: calc(100% - 190px); }
.mobile-cart .cart .data-row .product .image img { width: 123px;height:123px; }
.mobile-cart .cart .data-row .product .choose { display:flex;align-items:center;}
.mobile-cart .cart .data-row .product .info .name { width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:20px; }
.mobile-cart .cart .data-row .product .info .action { margin-top:10px; }
.mobile-cart .cart .data-row .product .info .action .price { width:auto; }
.mobile-cart .cart .data-row .product .info .action .price .sale-base { text-decoration:line-through; }
.mobile-cart .cart .data-row .product .info .action .group-input { margin-top:9px; }
.mobile-cart .cart .data-row .product .info .action .group-input input { height:32px;text-align:center; }
.mobile-cart .cart .data-row .product .info .action .group-input button { height:32px; }
.mobile-cart .cart .data-row .product .info .action .img-like { margin-left:5px; }
.mobile-cart .cart .data-row .product .info .action .img-like button { background:none;border:none; }
.mobile-cart .cart .data-row .product .info .action .img-like button img { width:33px;height:32px; }
.mobile-cart .cart .data-row .product .info .action .img-like button img.unchoose { display:block; }
.mobile-cart .cart .data-row .product .info .action .img-like button img.choose { display:none; }
.mobile-cart .cart .data-row .product .info .action .img-like.like button img.unchoose { display:none; }
.mobile-cart .cart .data-row .product .info .action .img-like.like button img.choose { display:block; }
.mobile-cart .cart .data-row .product .info .action .thongbao { display:none;border-radius:10px;padding:12px; }
.mobile-cart .cart .data-row .product .info .action .thongbao img { margin-right:5px; }
.mobile-cart .cart .data-row .product .info .action .thongbao.show { display:flex; }
.mobile-cart .cart .data-row .product .info .action-sub .hethang { display:none; }
.mobile-cart .cart .data-row .product .info .action-sub button { display:block;background:none;border:none;padding:0; }
.mobile-cart .cart .data-row .product .del { width: 25px; }
.mobile-cart .cart .data-row .product .del button { border:none;background:none;padding:0;margin:0;width:20px;height:20px; }
.mobile-cart .cart .data-row .product-combo fieldset { display:none;padding:7px 7px;border-radius:7px; }
.mobile-cart .cart .data-row .product-combo fieldset legend { width:auto;max-width:inherit; }
.mobile-cart .cart .data-row .product-combo fieldset legend .hachi-icon-up { font-size:9px; }
.mobile-cart .cart .data-row .product-combo fieldset .list { display:flex; }
.mobile-cart .cart .data-row .product-combo fieldset .list img { width:100px;height:100px; }
.mobile-cart .cart .data-row .product-combo .hachi-icon-down { font-size:9px; }
.mobile-cart .cart .data-row .product-combo a.down { margin-left:15px; }
.mobile-cart .cart .data-row .product-combo.expand fieldset { display:block; }
.mobile-cart .cart .data-row .product-combo.expand a.down { display:none; }
.mobile-cart .cart .data-row .product-empty { display:none;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.5; }
.mobile-cart .cart .data-row .product-empty button { position:absolute;top:2px;right:4px;background:none;border:none;padding:0; }
.mobile-cart .cart .data-row .product-empty button img { width:20px;height:20px; }
.mobile-cart .cart .data-row.isempty .product-empty { display:block; }
.mobile-cart .cart .data-row.isempty .product .info .action-sub .hethang { display:block; }
.mobile-cart .cart .data-row.isempty .product .info .action-sub button { display:none; }
.mobile-cart .cart .product-suggest-combo {display:none;}
.mobile-cart .cart .product-suggest-combo.hienthi {display:block;}
.mobile-cart .cart .product-suggest-combo fieldset { display:none;padding:9px 15px;border-radius:7px; }
.mobile-cart .cart .product-suggest-combo fieldset legend { width:auto;max-width:inherit;margin:0; }
.mobile-cart .cart .product-suggest-combo fieldset .list { padding: 0 5px 5px 5px; }
.mobile-cart .cart .product-suggest-combo fieldset .list .product:first-child { margin-top: 0; }
.mobile-cart .cart .product-suggest-combo fieldset .list .product { margin-top: 10px;padding: 9px 12px; box-shadow: 0 0 5px 0 #dee0da; }
.mobile-cart .cart .product-suggest-combo fieldset .list .product .image img { width: 90px;height: 90px; }
.mobile-cart .cart .product-suggest-combo a { cursor: pointer; }
.mobile-cart .cart .product-suggest-combo.expand fieldset { display:block; }
.mobile-cart .cart .product-suggest-combo.expand a.down { display:none; }
.mobile-cart .cart .data-row .product-suggest-coupon { display:flex; }
.mobile-cart .cart .data-row .product-suggest-coupon .tieude { margin-left:10px; }
.mobile-cart .cart .data-row .product-suggest-coupon .item { margin-left:5px;border-radius:10px;padding:0 5px; }
.mobile-cart .cart .data-row .product-suggest-coupon .hienchon { margin-left:10px; }
.mobile-cart .cart .data-row .product-suggest-coupon .hienchon img { width:16px;height:16px;cursor: pointer; }

.mobile-cart .cart .product-gift {display:none;}
.mobile-cart .cart .product-gift.hienthi {display:block;}
.mobile-cart .cart .product-gift fieldset { display:none;padding:9px 15px;border-radius:7px; }
.mobile-cart .cart .product-gift fieldset legend { width:auto;max-width:inherit;margin:0; }
.mobile-cart .cart .product-gift fieldset .list { padding: 0 5px 5px 5px;display:flex; }
.mobile-cart .cart .product-gift fieldset .list .image { margin-left:10px; }
.mobile-cart .cart .product-gift fieldset .list .image:first-child { margin-left:0; }
.mobile-cart .cart .product-gift fieldset .list .image img { width: 90px;height: 90px; }
.mobile-cart .cart .product-gift button { background:none;border:none; }
.mobile-cart .cart .product-gift.expand fieldset { display:block; }
.mobile-cart .cart .product-gift.expand button.down { display:none; }
.mobile-cart .cart .data-content .order-gift { display:none; }
.mobile-cart .cart .data-content .order-gift.hienthi {display:block;margin-top:44px;}
.mobile-cart .cart .data-content .order-gift .tieu-de {line-height:30px;}
.mobile-cart .cart .data-content .order-gift .product-list .product-item { width:165px;height:220px; }

.mobile-cart .cart-right { margin-top:20px; }
.mobile-cart .dia-chi .top { display:flex;justify-content: space-between; }
.mobile-cart .dia-chi .top button { border-radius:20px;padding:5px 16px; }
.mobile-cart .dia-chi .sub-1 { margin-top:3px; }
.mobile-cart .dia-chi .sub-2 { margin-top:5px;line-height:21px; }
.mobile-cart .dia-chi .line { margin-top:30px; }

.mobile-cart .dia-chi-edit .dong { margin-top:12px; }
.mobile-cart .dia-chi-edit .dong.khacnguoinhan { margin-top:30px; }
.mobile-cart .dia-chi-edit .dong.flex { display:flex; }
.mobile-cart .dia-chi-edit .dong-group { padding:15px 15px;border-radius:10px;margin-top:12px; }
.mobile-cart .dia-chi-edit .dong-group > .dong:first-child { margin-top:0; }
.mobile-cart .dia-chi-edit .dong .input { margin-top:2px; }
.mobile-cart .dia-chi-edit .dong .input input { border-radius:20px;padding:9px 15px;line-height:20px;width:100%; }
.mobile-cart .dia-chi-edit .dong .input textarea { border-radius:20px;padding:9px 15px;line-height:20px;width:100%; }
/*cl-gregray550*/
.mobile-cart .dia-chi-edit .dong .input input::placeholder {color:#87907d;}
.mobile-cart .dia-chi-edit .dong .input input:focus{ border-color: #516e54; }
/*cl-gregray550*/
.mobile-cart .dia-chi-edit .dong .input textarea::placeholder {color:#87907d;}
.mobile-cart .dia-chi-edit .dong .input textarea:focus{ border-color: #516e54; }
.mobile-cart .dia-chi-edit .dong input[type="checkbox"]{ width:20px;height:20px;accent-color:#268f3b; }
.mobile-cart .dia-chi-edit .dong label.choose { margin-bottom:0;line-height:20px;padding-left:8px; }
.mobile-cart .dia-chi-edit .dong .input.cboDistrict { margin-top:8px; }
.mobile-cart .dia-chi-edit .dong .input.cboWard { margin-top:8px; }
.mobile-cart .dia-chi-edit .dong .input.Address { margin-top:8px; }
.mobile-cart .dia-chi-edit .dong .input > .ui-widget { padding:5px 10px;border-radius:20px; }
.mobile-cart .dia-chi-edit .dong .input > .ui-widget.focus { border-color: #516e54; }
.mobile-cart .dia-chi-edit .dong .input > .ui-widget.error { border:solid 1px #e2574c;display:block; }
.mobile-cart .dia-chi-edit .dong .input > .ui-widget .custom-combobox { display:flex; }
.mobile-cart .dia-chi-edit .dong .input > .ui-widget .custom-combobox > input { width:calc(100% - 16px);border:none;background:none;padding:4px 5px; }
.mobile-cart .dia-chi-edit .dong .input > .ui-widget .custom-combobox > .custom-combobox-toggle { border:none;background:none;width:15px;padding:5px 5px; }
.mobile-cart .dia-chi-edit .dong div.error { display:flex;margin-top:6px;padding-left:12px; }
.mobile-cart .dia-chi-edit .dong div.error > img { margin-right:8px; }

.mobile-cart .coupon { margin-top:20px; }
.mobile-cart .coupon .top { display:flex;justify-content: space-between; }
.mobile-cart .coupon .top a { cursor:pointer; }
.mobile-cart .coupon .top a img { width:16px;height:16px;margin-top:4px;}
.mobile-cart .coupon.open .top .show { display:block; }
.mobile-cart .coupon.open .top .hide { display:none; }
.mobile-cart .coupon .top .show { display:none; }
.mobile-cart .coupon .top .hide { display:block; }
.mobile-cart .coupon.open .list-public { display:block; }
.mobile-cart .coupon.open .list-choose { display:none; }
.mobile-cart .coupon.open .list-choose-type { display:none; }
.mobile-cart .coupon .list-public { margin-top:5px;display:none; }
.mobile-cart .coupon .list-public > div { margin-top:30px; }
.mobile-cart .coupon .list-public .item { background-repeat:no-repeat;background-size:280px 80px; }
.mobile-cart .coupon .list-public .item.type-1 { background-image:url('images/cart_coupon1.svg'); }
.mobile-cart .coupon .list-public .item.type-2 { background-image:url('images/cart_coupon2.svg'); }
.mobile-cart .coupon .list-public .item.type-3 { background-image:url('images/cart_coupon3.svg'); }
.mobile-cart .coupon .list-public .item.type-4 { background-image:url('images/cart_coupon4.svg'); }
.mobile-cart .coupon .list-public .item.type-empty { background-image:url('images/cart_couponempty.svg'); }
.mobile-cart .coupon .list-public .data { padding-top:1px; }
.mobile-cart .coupon .list-public .data .item-outline { margin-top:15px;display:flex;justify-content:space-between; }
.mobile-cart .coupon .list-public .data .item { width:280px;padding:12px 5px 0 45px;height:80px; }
.mobile-cart .coupon .list-public .data .item > div { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mobile-cart .coupon .list-public .data .check { display:flex;align-items:center;justify-content:right;width:calc(100% - 285px); }
.mobile-cart .coupon .list-public .data .check input[type="checkbox"]{ width:20px;height:20px;accent-color:#268f3b; }
.mobile-cart .coupon .list-public .data .check input[type="radio"]:not(:checked) { appearance: none;-webkit-appearance:none;border:solid 1px #abafa5; }
.mobile-cart .coupon .list-public .action button { border:none;text-transform:uppercase;border-radius:15px;padding:10px 0;text-align:center;width:100%; }
/*b-gregray40,cl-gregray400*/
.mobile-cart .coupon .list-public.nochange .action button { background:#f4f6f1;color:#abafa5; }
.mobile-cart .coupon .sub-1 { display:flex;justify-content: space-between;margin-top:20px; }
.mobile-cart .coupon .sub-1 .input { position:relative;width:calc(100% - 90px); }
.mobile-cart .coupon .sub-1 .input input { border-radius:36px;padding:8px 5px 8px 44px;width:100%; }
.mobile-cart .coupon .sub-1 .input img { position: absolute;top:12px;left:14px; }
.mobile-cart .coupon .sub-1-error { padding-top:5px; }
.mobile-cart .coupon .sub-1 button { border:none;border-radius:15px;padding:3px 12px;height:36px;margin-top:1px; }
/*b-gregray40,cl-gregray400,regular400*/
.mobile-cart .coupon form.haserror .sub-1 button { background:#f4f6f1;color:#abafa5; }
.mobile-cart .coupon .list-choose { display:flex;margin-top:20px;flex-wrap:wrap;align-content:flex-start; }
.mobile-cart .coupon .list-choose .item { display:flex;border-radius:9px;padding:3px 9px;margin-right:3px; }
.mobile-cart .coupon .list-choose .item .xoa { display:flex;align-items:center;line-height:13px; }
.mobile-cart .coupon .list-choose .item .xoa button { background:none;border:none;padding:0;margin-left:5px; }

/* .mobile-cart .coupon .list-choose-type { margin-top:10px;display:flex;flex-wrap:wrap;align-content:flex-start; }
.mobile-cart .coupon .list-choose-type .item { padding-top:6px;width:50%;cursor: pointer; }
.mobile-cart .coupon .list-choose-type .item:nth-child(odd) { padding-right:3px; }
.mobile-cart .coupon .list-choose-type .item:nth-child(even) { padding-left:3px; }
.mobile-cart .coupon .list-choose-type .item .title { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mobile-cart .coupon .list-choose-type .item .sub { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mobile-cart .coupon .list-choose-type .item > div { height:52px;padding-top:5px;padding-left:25px;background-repeat:no-repeat;background-size:168px 50px; }
.mobile-cart .coupon .list-choose-type .item .type-1 { background-image:url('images/cart_coupon1.svg'); }
.mobile-cart .coupon .list-choose-type .item .type-2 { background-image:url('images/cart_coupon2.svg'); }
.mobile-cart .coupon .list-choose-type .item .type-3 { background-image:url('images/cart_coupon3.svg'); }
.mobile-cart .coupon .list-choose-type .item .type-4 { background-image:url('images/cart_coupon4.svg'); }
.mobile-cart .coupon .list-choose-type .item .type-empty { background-image:url('images/cart_couponempty.svg'); } */
.mobile-cart .list-choose-type { margin-top:10px;display:flex;flex-wrap:wrap;align-content:flex-start; }
.mobile-cart .list-choose-type .item { padding-top:6px;width:50%;cursor: pointer; }
.mobile-cart .list-choose-type .item:nth-child(odd) { padding-right:3px; }
.mobile-cart .list-choose-type .item:nth-child(even) { padding-left:3px; }
.mobile-cart .list-choose-type .item .title { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0; }
.mobile-cart .list-choose-type .item .sub { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mobile-cart .list-choose-type .item > div { height:52px;padding-top:5px;padding-left:25px;background-repeat:no-repeat;background-size:168px 50px; }
.mobile-cart .list-choose-type .item .type-1 { background-image:url('images/cart_coupon1.svg'); }
.mobile-cart .list-choose-type .item .type-2 { background-image:url('images/cart_coupon2.svg'); }
.mobile-cart .list-choose-type .item .type-3 { background-image:url('images/cart_coupon3.svg'); }
.mobile-cart .list-choose-type .item .type-4 { background-image:url('images/cart_coupon4.svg'); }
.mobile-cart .list-choose-type .item .type-empty { background-image:url('images/cart_couponempty.svg'); }
.mobile-cart .order-offer { margin-top:22px; }
.mobile-cart .order-offer .tieu-de { display:flex;line-height:22px; }
.mobile-cart .order-offer .tieu-de > img { height:22px; }
.mobile-cart .order-offer .list-choose-type .item { width:171px; }

.mobile-cart .coupon .line { margin-top:30px; }
.mobile-cart .cart-total { margin-top:20px; }
.mobile-cart .cart-total .list-sub { padding-top:10px; }
.mobile-cart .cart-total .list-sub .sub, .mobile-payment .cart-total .list-sub .sub {  display:flex; justify-content: space-between;padding:3px 0; }
.mobile-cart .cart-total .list-sub .list-sub-sticky .sub, .mobile-payment .cart-total .list-sub .list-sub-sticky .sub { flex-direction: column; }
.mobile-cart .cart-total .list-sub .sub > .label { display:flex; }
.mobile-cart .cart-total .list-sub .sub > .label img { width:18px;height:18px;cursor: pointer;margin-top:0;margin-left:4px; }
.mobile-cart .cart-total .dat-hang, 
.mobile-payment .cart-total .dat-hang { border:none;border-radius:30px;padding: 12px 41px;text-transform:uppercase;height: 44px;}
.mobile-cart .cart-total .line { margin-top:20px; }
.mobile-cart .cart-total .list-sub .sub-2 { display:flex;justify-content: space-between;margin-top:20px; }
.mobile-cart .cart-total .list-sub .list-sub-sticky,.mobile-payment .cart-total .list-sub .list-sub-sticky { background: #fff;position: fixed;bottom: 0;width: 100%;left: 0;padding: 9px 14px;z-index: 1;box-shadow: 10px 0px 13px 0px #7A8C7E66;display: flex;justify-content: space-between;}
.mobile-cart.test .cart-total .list-sub .list-sub-sticky,.mobile-payment.test .cart-total .list-sub .list-sub-sticky { background: #fff;position: fixed;bottom: 0;width: 100%;height:72px;left: 0;padding: 9px 14px;z-index: 1;box-shadow: 10px 0px 13px 0px #7A8C7E66;display:block;}
.mobile-cart.test .cart-total .list-sub .list-sub-sticky .sub-offer, .mobile-payment.test .cart-total .list-sub .list-sub-sticky .sub-offer { width:100%;display:none;justify-content:space-between;line-height:21px; }
.mobile-cart.test .cart-total .list-sub .list-sub-sticky .line, .mobile-payment.test .cart-total .list-sub .list-sub-sticky .line { display:none;margin:7px 0; }
.mobile-cart.test .cart-total .list-sub .list-sub-sticky.hasoffer .line, .mobile-payment.test .cart-total .list-sub .list-sub-sticky.hasoffer .line { display:block; }
.mobile-cart.test .cart-total .list-sub .list-sub-sticky.hasoffer .sub-offer, .mobile-payment.test .cart-total .list-sub .list-sub-sticky.hasoffer .sub-offer { display:flex; }
.mobile-cart.test .cart-total .list-sub .list-sub-sticky.hasoffer .sub-offer > div, .mobile-payment.test .cart-total .list-sub .list-sub-sticky.hasoffer .sub-offer > div { width: calc(100% - 25px);line-height:20px;text-decoration:underline;text-decoration-color:#e9fcc2;text-decoration-thickness:4px; }
.mobile-cart.test .cart-total .list-sub .list-sub-sticky.hasoffer .sub-offer > img, .mobile-payment.test .cart-total .list-sub .list-sub-sticky.hasoffer .sub-offer > img { width:20px; }
.mobile-cart.test .cart-total .list-sub .list-sub-sticky.hasoffer, .mobile-payment.test .cart-total .list-sub .list-sub-sticky.hasoffer { height:100px; }
.mobile-cart.test .cart-total .list-sub .list-sub-sticky .sub-outline, .mobile-payment.test .cart-total .list-sub .list-sub-sticky .sub-outline { display:flex;justify-content:space-between; }
/*b-gregray40,cl-gregray400*/
.mobile-cart .cart-total.haserror button.dat-hang { background:#f4f6f1;color:#abafa5; }
.mobile-cart .cart-bottom-space { height:80px; }
/* #endregion mobile */
.page-cart .container .row.empty { display:none; }
.page-cart .container .row.empty.show { display:flex; }
.page-cart .container .row.empty .hinh { padding-top:70px;text-align:center; }
.page-cart .container .row.empty .text-1 { margin-top:25px;text-align:center; }
.page-cart .container .row.empty .text-2 { margin-top:2px;text-align:center;line-height:22px; }
.page-cart .container .row.empty .duongdan { margin-top:30px;text-align:center;padding-bottom:10px;line-height:21px; }
.page-cart .container .row.empty .duongdan a { padding:11px 30px;border-radius:31px; }
.page-cart .container .row.empty.banner { margin-top:70px; }
.page-cart .container .row.empty.banner img { width: 100%; }
.page-cart .container .row.empty.banner > div { padding-left:2px;padding-right:2px; }
.page-cart .container .row.empty.banner > div:first-child { padding-left:12px; }
.page-cart .container .row.empty.banner > div:last-child { padding-right:12px; }
.page-cart .cart-last-space { height:64px; }

.page-cart .cart-top { border-radius:9px;padding:15px;margin-top:20px;line-height:24px; }
.page-cart .cart-top > span { line-height:24px; }
.page-cart.test .cart-top { display:flex;justify-content:space-between; }
.page-cart.test .cart-top .top-image { width:50px;padding-top:5px; }
.page-cart.test .cart-top .top-image img { width:50px; }
.page-cart.test .cart-top .top-noidung { width:calc(100% - 55px); }
.page-cart.test .cart-top .top-noidung span { line-height:24px; }

/* .page-cart .cart-top a { text-decoration:underline; } */
.page-cart .cart { border-radius:9px;padding:15px 15px;margin-top:20px; } 
.page-cart .cart input[type="checkbox"]{ width:20px;height:20px;accent-color:#268f3b; }
.page-cart .cart input[type="radio"]:not(:checked) { appearance: none;-webkit-appearance:none;border:solid 1px #abafa5; }
.page-cart .cart .title { margin-top:15px; }
.page-cart .cart .title-sub { margin-top:5px; }
.page-cart .cart .notify { border-radius:9px;padding:10px;position:relative;margin-top:10px; }
.page-cart .cart .notify .list .item { display:flex; }
.page-cart .cart .notify .list .item .icon { margin-left:5px; }
.page-cart .cart .notify .list .item .text { margin-left:10px;line-height:20px;margin-top:5px;width:calc(100% - 25px); }
.page-cart .cart .notify .icon-close { position:absolute;top:15px;right:5px;}
.page-cart .cart .notify .icon-close button { background: none; border: unset; display: flex; align-content: center;}
.page-cart .cart .notify .icon-close button img { width:20px;height:20px; }
.page-cart .cart .data-header { margin-top:31px; }
.page-cart .cart .data-header .line { margin-top:20px; }
.page-cart .cart .data-header .choose { display:flex; }
.page-cart .cart .data-header .choose input[type="checkbox"] { margin-right:8px; }
.page-cart .cart .data-header .choose label { margin-bottom:0; }
.page-cart .cart .data-row { margin-top:10px;position:relative; }
.page-cart .cart .data-row .line { margin-top:20px; }
.page-cart .cart .data-row .product { margin-top:10px;display:flex;justify-content: space-between; }
.page-cart .cart .data-row .product .info { width: calc(100% - 190px); }
.page-cart .cart .data-row .product .image img { width: 123px;height:123px; }
.page-cart .cart .data-row .product .choose { display:flex;align-items:center;}
.page-cart .cart .data-row .product .info .name { width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:20px; }
.page-cart .cart .data-row .product .info .action { display:flex;margin-top:10px;position: relative; }
.page-cart .cart .data-row .product .info .action .price { width:250px; }
.page-cart .cart .data-row .product .info .action .price .sale-base { text-decoration:line-through; }
.page-cart .cart .data-row .product .info .action .group-input input { height:32px;text-align:center; }
.page-cart .cart .data-row .product .info .action .group-input button { height:32px; }
.page-cart .cart .data-row .product .info .action .img-like { margin-left:5px; }
.page-cart .cart .data-row .product .info .action .img-like button { background:none;border:none; }
.page-cart .cart .data-row .product .info .action .img-like button img { width:33px;height:32px; }
.page-cart .cart .data-row .product .info .action .img-like button img.unchoose { display:block; }
.page-cart .cart .data-row .product .info .action .img-like button img.choose { display:none; }
.page-cart .cart .data-row .product .info .action .img-like.like button img.unchoose { display:none; }
.page-cart .cart .data-row .product .info .action .img-like.like button img.choose { display:block; }
.page-cart .cart .data-row .product .info .action .thongbao { display:none;border-radius:10px;padding:12px;position:absolute;bottom:0;right:22px; }
.page-cart .cart .data-row .product .info .action .thongbao img { margin-right:5px; }
.page-cart .cart .data-row .product .info .action .thongbao.show { display:flex; }
.page-cart .cart .data-row .product .info .action-sub .hethang { display:none; }
.page-cart .cart .data-row .product .info .action-sub button { display:block;background:none;border:none;padding:0; }
.page-cart .cart .data-row .product .del { width: 25px; }
.page-cart .cart .data-row .product .del button { border:none;background:none;padding:0;margin:0;width:20px;height:20px; }
.page-cart .cart .data-row .product-combo fieldset { display:none;padding:7px 7px;border-radius:7px; }
.page-cart .cart .data-row .product-combo fieldset legend { width:auto;max-width:inherit; }
.page-cart .cart .data-row .product-combo fieldset legend .hachi-icon-up { font-size:9px; }
.page-cart .cart .data-row .product-combo fieldset .list { display:flex; }
.page-cart .cart .data-row .product-combo fieldset .list img { width:100px;height:100px; }
.page-cart .cart .data-row .product-combo .hachi-icon-down { font-size:9px; }
.page-cart .cart .data-row .product-combo a.down { margin-left:15px; }
.page-cart .cart .data-row .product-combo.expand fieldset { display:block; }
.page-cart .cart .data-row .product-combo.expand a.down { display:none; }
.page-cart .cart .data-row .product-empty { display:none;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.5; }
.page-cart .cart .data-row .product-empty button { position:absolute;top:2px;right:4px;background:none;border:none;padding:0; }
.page-cart .cart .data-row .product-empty button img { width:20px;height:20px; }
.page-cart .cart .data-row.isempty .product-empty { display:block; }
.page-cart .cart .data-row.isempty .product .info .action-sub .hethang { display:block; }
.page-cart .cart .data-row.isempty .product .info .action-sub button { display:none; }
.page-cart .cart .product-suggest-combo {display:none;}
.page-cart .cart .product-suggest-combo.hienthi {display:block;}
.page-cart .cart .product-suggest-combo fieldset { display:none;padding:9px 15px;border-radius:7px; }
.page-cart .cart .product-suggest-combo fieldset legend { width:auto;max-width:inherit;margin:0; }
.page-cart .cart .product-suggest-combo fieldset .list { padding: 0 5px 5px 5px; }
.page-cart .cart .product-suggest-combo fieldset .list .product:first-child { margin-top: 0; }
.page-cart .cart .product-suggest-combo fieldset .list .product { margin-top: 10px;padding: 9px 12px; box-shadow: 0 0 5px 0 #dee0da; }
.page-cart .cart .product-suggest-combo fieldset .list .product .image img { width: 90px;height: 90px; }
.page-cart .cart .product-suggest-combo a { cursor: pointer; }
.page-cart .cart .product-suggest-combo.expand fieldset { display:block; }
.page-cart .cart .product-suggest-combo.expand a.down { display:none; }

.page-cart .cart .product-gift {display:none;}
.page-cart .cart .product-gift.hienthi {display:block;}
.page-cart .cart .product-gift fieldset { display:none;padding:9px 15px;border-radius:7px; }
.page-cart .cart .product-gift fieldset legend { width:auto;max-width:inherit;margin:0; }
.page-cart .cart .product-gift fieldset .list { padding: 0 5px 5px 5px;display:flex; }
.page-cart .cart .product-gift fieldset .list .image { margin-left:10px; }
.page-cart .cart .product-gift fieldset .list .image:first-child { margin-left:0; }
.page-cart .cart .product-gift fieldset .list .image img { width: 90px;height: 90px; }
.page-cart .cart .product-gift button { background:none;border:none; }
.page-cart .cart .product-gift.expand fieldset { display:block; }
.page-cart .cart .product-gift.expand button.down { display:none; }
.page-cart .cart .data-content .order-gift { display:none; }
.page-cart .cart .data-content .order-gift.hienthi {display:block;margin-top:44px;}
.page-cart .cart .data-content .order-gift .tieu-de {line-height:30px;}

.page-cart .cart .data-row .product-suggest-coupon { display:flex; }
.page-cart .cart .data-row .product-suggest-coupon .tieude { margin-left:10px; }
.page-cart .cart .data-row .product-suggest-coupon .item { margin-left:5px;border-radius:10px;padding:0 5px; }
.page-cart .cart .data-row .product-suggest-coupon .hienchon { margin-left:10px; }
.page-cart .cart .data-row .product-suggest-coupon .hienchon img { width:16px;height:16px;cursor: pointer; }
.page-cart .cart-right { border-radius:9px;padding:24px;margin-top:20px; }
.page-cart .cart-right.full { height:calc(100% - 20px); }
.page-cart .dia-chi .top { display:flex;justify-content: space-between; }
.page-cart .dia-chi .top button { border-radius:20px;padding:5px 16px; }
.page-cart .dia-chi .sub-1 { margin-top:3px; }
.page-cart .dia-chi .sub-2 { margin-top:5px;line-height:21px; }
.page-cart .dia-chi .line { margin-top:30px; }

.page-cart .dia-chi-edit .dong { margin-top:12px; }
.page-cart .dia-chi-edit .dong.khacnguoinhan { margin-top:30px; }
.page-cart .dia-chi-edit .dong.flex { display:flex; }
.page-cart .dia-chi-edit .dong-group { padding:15px 15px;border-radius:10px;margin-top:12px; }
.page-cart .dia-chi-edit .dong-group > .dong:first-child { margin-top:0; }
.page-cart .dia-chi-edit .dong .input { margin-top:2px; }
.page-cart .dia-chi-edit .dong .input input { border-radius:20px;padding:9px 15px;line-height:20px;width:100%; }
.page-cart .dia-chi-edit .dong .input textarea { border-radius:20px;padding:9px 15px;line-height:20px;width:100%; }
/*cl-gregray550*/
.page-cart .dia-chi-edit .dong .input input::placeholder {color:#87907d;}
.page-cart .dia-chi-edit .dong .input input:focus{ border-color: #516e54; }
.page-cart .dia-chi-edit .dong .input textarea::placeholder {color:#87907d;}
.page-cart .dia-chi-edit .dong .input textarea:focus{ border-color: #516e54; }
.page-cart .dia-chi-edit .dong input[type="checkbox"]{ width:20px;height:20px;accent-color:#268f3b; }
.page-cart .dia-chi-edit .dong label.choose { margin-bottom:0;line-height:20px;padding-left:8px; }
.page-cart .dia-chi-edit .dong .input.cboDistrict { margin-top:8px; }
.page-cart .dia-chi-edit .dong .input.cboWard { margin-top:8px; }
.page-cart .dia-chi-edit .dong .input.Address { margin-top:8px; }
.page-cart .dia-chi-edit .dong .input > .ui-widget { padding:5px 10px;border-radius:20px; }
.page-cart .dia-chi-edit .dong .input > .ui-widget.focus { border-color: #516e54; }
.page-cart .dia-chi-edit .dong .input > .ui-widget.error { border:solid 1px #e2574c;display:block; }
.page-cart .dia-chi-edit .dong .input > .ui-widget .custom-combobox { display:flex; }
.page-cart .dia-chi-edit .dong .input > .ui-widget .custom-combobox > input { width:calc(100% - 16px);border:none;background:none;padding:4px 5px; }
.page-cart .dia-chi-edit .dong .input > .ui-widget .custom-combobox > .custom-combobox-toggle { border:none;background:none;width:15px;padding:5px 5px; }
.page-cart .dia-chi-edit .dong div.error { display:flex;margin-top:6px;padding-left:12px; }
.page-cart .dia-chi-edit .dong div.error > img { margin-right:8px; }

.page-cart .cart-bottom-fix { position:fixed;height:64px;bottom:0;left:0;width:100%; }
.page-cart .cart-bottom-fix .outline { display:flex;justify-content:space-between;width:100%;border-radius:10px 10px 0 0;box-shadow: 0 0 5px 0 #dee0da; }
.page-cart .cart-bottom-fix .left { display:flex;flex-wrap:wrap;padding:14px 22px;border-radius:10px; }
.page-cart .cart-bottom-fix .left > div { line-height:36px;display:flex; }
.page-cart .cart-bottom-fix .left > div > div { margin-right:3px; }
.page-cart .cart-bottom-fix .left > div.cart-offer { display:none;flex-basis:100%;line-height:16px; }
.page-cart .cart-bottom-fix .left > div.cart-offer > img { width:16px;height:16px; }
.page-cart .cart-bottom-fix .left > div.cart-offer > div { margin-right:0;margin-left:5px;margin-top:0;line-height:16px;text-decoration:underline;text-decoration-color:#e9fcc2;text-decoration-thickness:4px; }
.page-cart .cart-bottom-fix .left.hasoffer > div { line-height:16px; }
.page-cart .cart-bottom-fix .left.hasoffer > div.cart-offer { display:flex; }
.page-cart .cart-bottom-fix .right { display:flex;padding:14px 22px;border-radius:10px; }
.page-cart .cart-bottom-fix .right > div { line-height:36px;margin-right:10px; }
.page-cart .cart-bottom-fix .dat-hang { border:none;border-radius:30px;padding:8px 30px;text-transform:uppercase; }

.page-cart .coupon { margin-top:20px; }
.page-cart .coupon .top { display:flex;justify-content: space-between; }
.page-cart .coupon .top a { cursor:pointer; }
.page-cart .coupon .top a img { width:16px;height:16px;margin-top:4px;}

.popup-cart-coupon-choose .hachi-modal .modal .modal-dialog { position:fixed;right:10px;top:10px; }
.popup-cart-coupon-choose .hachi-modal .modal .modal-body {padding:20px 20px 0px 20px; }
.popup-cart-coupon-choose .top { display:flex;justify-content: space-between;width:320px; }
.popup-cart-coupon-choose .top a { cursor:pointer; }
.popup-cart-coupon-choose .top a img { width:16px;height:16px;margin-top:4px;}
.popup-cart-coupon-choose .line { margin-top:25px; }
.popup-cart-coupon-choose .list-public { padding-bottom:25px; }
.popup-cart-coupon-choose .list-public > div { margin-top:25px; }
.popup-cart-coupon-choose .list-public .item { background-repeat:no-repeat;background-size:280px 80px; }
.popup-cart-coupon-choose .list-public .item.type-1 { background-image:url('images/cart_coupon1.svg'); }
.popup-cart-coupon-choose .list-public .item.type-2 { background-image:url('images/cart_coupon2.svg'); }
.popup-cart-coupon-choose .list-public .item.type-3 { background-image:url('images/cart_coupon3.svg'); }
.popup-cart-coupon-choose .list-public .item.type-4 { background-image:url('images/cart_coupon4.svg'); }
.popup-cart-coupon-choose .list-public .item.type-empty { background-image:url('images/cart_couponempty.svg'); }
.popup-cart-coupon-choose .list-public .data { padding-top:1px; }
.popup-cart-coupon-choose .list-public .data .item-outline { margin-top:15px;display:flex;justify-content:space-between; }
.popup-cart-coupon-choose .list-public .data .item { width:280px;padding:12px 5px 0 45px;height:80px; }
.popup-cart-coupon-choose .list-public .data .item > div { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.popup-cart-coupon-choose .list-public .data .check { display:flex;align-items:center;justify-content:right;width:calc(100% - 285px); }
.popup-cart-coupon-choose .list-public .data .check input[type="checkbox"]{ width:20px;height:20px;accent-color:#268f3b; }
.popup-cart-coupon-choose .list-public .data .check input[type="radio"]:not(:checked) { appearance: none;-webkit-appearance:none;border:solid 1px #abafa5; }
.popup-cart-coupon-choose .list-public .action button { border:none;text-transform:uppercase;border-radius:15px;padding:10px 0;text-align:center;width:100%; }
/*b-gregray40,cl-gregray400*/
.popup-cart-coupon-choose .list-public.nochange .action button { background:#f4f6f1;color:#abafa5; }
.popup-cart-coupon-choose .sub-1 { display:flex;justify-content: space-between;margin-top:20px; }
.popup-cart-coupon-choose .sub-1 .input { position:relative;width:calc(100% - 90px); }
.popup-cart-coupon-choose .sub-1 .input input { border-radius:36px;padding:8px 5px 8px 44px;width:100%; }
.popup-cart-coupon-choose .sub-1 .input img { position: absolute;top:12px;left:14px; }
.popup-cart-coupon-choose .sub-1-error { padding-top:5px; }
.popup-cart-coupon-choose .sub-1 button { border:none;border-radius:15px;padding:3px 12px;height:36px;margin-top:1px; }
/*b-gregray40,cl-gregray400,regular400*/
.popup-cart-coupon-choose .sub-1-form.haserror button { background:#f4f6f1;color:#abafa5; }

.page-cart .coupon .sub-1 { display:flex;justify-content: space-between;margin-top:20px; }
.page-cart .coupon .sub-1 .input { position:relative;width:calc(100% - 90px); }
.page-cart .coupon .sub-1 .input input { border-radius:36px;padding:8px 5px 8px 44px;width:100%; }
.page-cart .coupon .sub-1 .input img { position: absolute;top:12px;left:14px; }
.page-cart .coupon .sub-1-error { padding-top:5px; }
.page-cart .coupon .sub-1 button { border:none;border-radius:15px;padding:3px 12px;height:36px;margin-top:1px; }
/*b-gregray40,cl-gregray400,regular400*/
.page-cart .coupon .sub-1-form.haserror button { background:#f4f6f1;color:#abafa5; }
.page-cart .coupon .list-choose { display:flex;margin-top:15px;flex-wrap:wrap;align-content:flex-start; }
.page-cart .coupon .list-choose .item { display:flex;border-radius:9px;padding:3px 9px;margin-right:3px;margin-top:5px; }
.page-cart .coupon .list-choose .item .xoa { display:flex;align-items:center;line-height:13px; }
.page-cart .coupon .list-choose .item .xoa button { background:none;border:none;padding:0;margin-left:5px; }
/* .page-cart .coupon .list-choose-type { margin-top:10px;display:flex;flex-wrap:wrap;align-content:flex-start; }
.page-cart .coupon .list-choose-type .item { padding-top:6px;width:50%;cursor:pointer; }
.page-cart .coupon .list-choose-type .item:nth-child(odd) { padding-right:3px; }
.page-cart .coupon .list-choose-type .item:nth-child(even) { padding-left:3px; }
.page-cart .coupon .list-choose-type .item .title { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.page-cart .coupon .list-choose-type .item .sub { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.page-cart .coupon .list-choose-type .item > div { height:52px;padding-top:5px;padding-left:25px;background-repeat:no-repeat;background-size:168px 50px; }
.page-cart .coupon .list-choose-type .item .type-1 { background-image:url('images/cart_coupon1_small.svg'); }
.page-cart .coupon .list-choose-type .item .type-2 { background-image:url('images/cart_coupon2_small.svg'); }
.page-cart .coupon .list-choose-type .item .type-3 { background-image:url('images/cart_coupon3_small.svg'); }
.page-cart .coupon .list-choose-type .item .type-4 { background-image:url('images/cart_coupon4_small.svg'); }
.page-cart .coupon .list-choose-type .item .type-empty { background-image:url('images/cart_couponempty_small.svg'); } */
.page-cart .list-choose-type { margin-top:10px;display:flex;flex-wrap:wrap;align-content:flex-start; }
.page-cart .list-choose-type .item { padding-top:6px;width:50%;cursor:pointer; }
.page-cart .list-choose-type .item:nth-child(odd) { padding-right:3px; }
.page-cart .list-choose-type .item:nth-child(even) { padding-left:3px; }
.page-cart .list-choose-type .item .title { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0; }
.page-cart .list-choose-type .item .sub { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.page-cart .list-choose-type .item > div { height:52px;padding-top:5px;padding-left:25px;background-repeat:no-repeat;background-size:168px 50px; }
.page-cart .list-choose-type .item .type-1 { background-image:url('images/cart_coupon1_small.svg'); }
.page-cart .list-choose-type .item .type-2 { background-image:url('images/cart_coupon2_small.svg'); }
.page-cart .list-choose-type .item .type-3 { background-image:url('images/cart_coupon3_small.svg'); }
.page-cart .list-choose-type .item .type-4 { background-image:url('images/cart_coupon4_small.svg'); }
.page-cart .list-choose-type .item .type-empty { background-image:url('images/cart_couponempty_small.svg'); }
.page-cart .order-offer { margin-top:22px; }
.page-cart .order-offer .tieu-de { display:flex;line-height:22px; }
.page-cart .order-offer .tieu-de > img { height:22px; }
.page-cart .order-offer .list-choose-type .item { width:171px; }

.page-cart .coupon .line { margin-top:30px; }
.page-cart .cart-total { margin-top:20px; }
.page-cart .cart-total .list-sub { padding-top:10px; }
.page-cart .cart-total .list-sub .sub { display:flex;justify-content: space-between;margin-top:10px; }
.page-cart .cart-total .list-sub .sub > .label { display:flex; }
.page-cart .cart-total .list-sub .sub > .label img { width:18px;height:18px;cursor: pointer;margin-top:0;margin-left:4px; }
.page-cart .cart-total .dat-hang { margin-top:20px;width:100%; border:none;border-radius:30px;padding:12px 0;text-transform:uppercase; }
.page-cart .cart-total .line { margin-top:20px; }
.page-cart .cart-total .list-sub .sub-2 { display:flex;justify-content: space-between;margin-top:20px; }
/*b-gregray40,cl-gregray400*/
.page-cart .cart-total.haserror button.dat-hang { background:#f4f6f1;color:#abafa5; }

.popup-cart-time-out { overflow: hidden; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9998; }
.popup-cart-time-out a { display:block;width:100%;height:100%; }

.popup-cart-dat-hang .hachi-modal .modal .tieude { line-height:30px;text-align:center;width: calc(100% - 35px); }
.popup-cart-dat-hang .hachi-modal .modal .text-1 { line-height:23px; }
.popup-cart-dat-hang .hachi-modal .modal .text-2 { line-height:23px;margin-top:20px;display:flex;justify-content:space-between; }
.popup-cart-dat-hang .hachi-modal .modal .text-2 > .hinh { width:21px;line-height:1px; }
.popup-cart-dat-hang .hachi-modal .modal .text-2 > .hinh img { width:21px;margin-top:5px; }
.popup-cart-dat-hang .hachi-modal .modal .text-2 > .text { width: calc(100% - 30px); }
.popup-cart-dat-hang .hachi-modal .modal .modal-footer .btn-login {  border-radius:31px;border:none;padding:9px 20px;line-height:23px; }
.popup-cart-dat-hang .hachi-modal .modal .modal-footer .btn-noaccount {  border-radius:31px;border:none;padding:9px 20px;line-height:23px;margin-left:16px; }
.popup-cart-dat-hang-mobile .hachi-modal .modal .modal-header { padding:10px 10px 0px 10px; }
.popup-cart-dat-hang-mobile .hachi-modal .modal .modal-body { padding:20px 20px 0px 20px; }
.popup-cart-dat-hang-mobile .hachi-modal .modal .modal-footer { padding:20px 20px; }
.popup-cart-dat-hang-mobile .hachi-modal .modal .tieude { line-height:33px;text-align:center;width: calc(100% - 35px); }
.popup-cart-dat-hang-mobile .hachi-modal .modal .text-1 { line-height:23px; }
.popup-cart-dat-hang-mobile .hachi-modal .modal .text-2 { line-height:23px;margin-top:20px;display:flex;justify-content:space-between; }
.popup-cart-dat-hang-mobile .hachi-modal .modal .text-2 > .hinh { width:21px;line-height:1px; }
.popup-cart-dat-hang-mobile .hachi-modal .modal .text-2 > .hinh img { width:21px;margin-top:5px; }
.popup-cart-dat-hang-mobile .hachi-modal .modal .text-2 > .text { width: calc(100% - 30px); }
.popup-cart-dat-hang-mobile .hachi-modal .modal .modal-footer .btn-login {  border-radius:31px;border:none;padding:9px 20px;line-height:23px;width:100%; }
.popup-cart-dat-hang-mobile .hachi-modal .modal .modal-footer .btn-noaccount {  border-radius:31px;border:none;padding:9px 20px;line-height:23px;width:100%;margin-top:10px; }

.popup-cart-suggest-combo .modal-dialog {max-width:750px;}
.popup-cart-suggest-combo .modal-body .list-outline {max-height:600px;overflow-y:auto;}
.popup-cart-suggest-combo .modal-body .list .product { display:flex;justify-content:space-between;margin-top:20px; }
.popup-cart-suggest-combo .modal-body .list .product .chon {width:20px;display:flex;align-items:center; }
.popup-cart-suggest-combo .modal-body .list .product .name {width:500px;display:flex;justify-content:space-between;}
.popup-cart-suggest-combo .modal-body .list .product .name .image {width:70px;}
.popup-cart-suggest-combo .modal-body .list .product .name .image img {width:70px;height:70px;}
.popup-cart-suggest-combo .modal-body .list .product .name .text { width: calc(100% - 80px);line-height:30px; }
.popup-cart-suggest-combo .modal-body .list .product .soluong {width:75px;}
.popup-cart-suggest-combo .modal-body .list .product .thanhtien {width:100px;}
.popup-cart-suggest-combo .modal-body .list .product-sub { display:flex;justify-content:space-between;margin-top:10px;padding-left:60px; }
.popup-cart-suggest-combo .modal-body .list .product-sub .name {width:460px;display:flex;justify-content:space-between;}
.popup-cart-suggest-combo .modal-body .list .product-sub .name .image {width:70px;}
.popup-cart-suggest-combo .modal-body .list .product-sub .name .image img {width:70px;height:70px;}
.popup-cart-suggest-combo .modal-body .list .product-sub .name .text { width: calc(100% - 80px);line-height:30px; }
.popup-cart-suggest-combo .modal-body .list .product-sub .soluong {width:75px;}
.popup-cart-suggest-combo .modal-body .list .product-sub .thanhtien {width:100px;}

.popup-cart-empty .hachi-modal .modal .modal-content .modal-body { padding:16px 16px;display:flex;line-height:21px; }
.popup-cart-empty .hachi-modal .modal .modal-content .modal-body > div { margin-top:5px; }
.popup-cart-empty .hachi-modal .modal .modal-content .modal-body > img { margin-right:16px; }
.popup-cart-empty .hachi-modal .modal .modal-content .modal-body > button { background:none;border:none; }
.popup-cart-empty .hachi-modal .modal .modal-content .modal-footer { padding:16px 16px; }
.popup-cart-empty .hachi-modal .modal .modal-content .modal-footer button { padding:8px 30px;margin-right:8px; }
.popup-cart-delete .hachi-modal .modal .modal-content .modal-body { padding:16px 16px;display:flex;line-height:21px; }
.popup-cart-delete .hachi-modal .modal .modal-content .modal-body > div { margin-top:5px;width: calc(100% - 35px); }
.popup-cart-delete .hachi-modal .modal .modal-content .modal-body > img { margin-right:16px; }
.popup-cart-delete .hachi-modal .modal .modal-content .modal-body > button { background:none;border:none; }
.popup-cart-delete .hachi-modal .modal .modal-content .modal-footer { padding:16px 16px; }
.popup-cart-delete .hachi-modal .modal .modal-content .modal-footer button { padding:8px 30px;margin-right:8px; }
.popup-cart-coupon-delete .hachi-modal .modal .modal-content .modal-body { padding:16px 16px;display:flex;line-height:21px; }
.popup-cart-coupon-delete .hachi-modal .modal .modal-content .modal-body > div { margin-top:5px;width: calc(100% - 35px); }
.popup-cart-coupon-delete .hachi-modal .modal .modal-content .modal-body > img { margin-right:16px; }
.popup-cart-coupon-delete .hachi-modal .modal .modal-content .modal-body > button { background:none;border:none; }
.popup-cart-coupon-delete .hachi-modal .modal .modal-content .modal-footer { padding:16px 16px; }
.popup-cart-coupon-delete .hachi-modal .modal .modal-content .modal-footer button { padding:8px 30px;margin-right:8px; }
/*b-dakgreen900*/
.page-cart-popover div.popover { border-radius:4px;border:none;background:#151e17; }
/*s13 cl-white regular400*/
.page-cart-popover div.popover .popover-body {font-size:13px;color:#fff;font-weight:400;padding:4px 12px;line-height:19px;}
.page-cart-popover div.popover > .arrow { bottom:-6px;}
.page-cart-popover div.popover > .arrow::before {border-top-color:#151e17;}
.page-cart-popover div.popover > .arrow::after {border-top-color:#151e17;}

/* @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }} 
.page-header-loading { width:100%; } */
/* .page-header-loading .loader { margin:0 auto; border: 16px solid #f3f3f3;border-top: 16px solid #000; border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; } */
.page-header-loading > .loader { position: fixed;top:calc(50% - 50px);left:calc(50% - 50px);width:100px;z-index: 9999; }
.page-header-loading > .loader .desktop { display:none; }
.page-header-loading > .loader .mobile { display:block; }
.page-header-loading > .fade {  overflow: hidden; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9998; transition: opacity 0.15s linear; background-color: #000; opacity: 0.3;}
.page-header-loading.hide { display:none; }
@media(min-width: 620px) {
  .page-header-loading > .loader .desktop { display:block; }
  .page-header-loading > .loader .mobile { display:none; }
}
/* #endregion */


/* #region cart-payment  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-payment.top { margin-top:168px; }
.mobile-payment .line { margin-top:10px; }
.mobile-payment .cart { border-radius:9px;padding:20px 15px;margin-top:20px; } 
.mobile-payment .cart .data-header { margin-top:10px; }
.mobile-payment .cart .title-sub { margin-top:5px;display:flex;justify-content: space-between; }
/* .mobile-payment .cart .title-sub .tieude { width: calc(100% - 220px); } */
.mobile-payment .cart .title-sub .soluong { width: 80px; }
.mobile-payment .cart .title-sub .thanhtien { width: 130px; }
.mobile-payment .cart .notify { border-radius:9px;padding:10px;position:relative;margin-top:10px; }
.mobile-payment .cart .notify .list .item { display:flex; }
.mobile-payment .cart .notify .list .item .icon { margin-left:5px; }
.mobile-payment .cart .notify .list .item .text { margin-left:10px; }
.mobile-payment .cart .notify .icon-close { position: absolute; top: 10px; right: 5px;}
.mobile-payment .cart .notify .icon-close button { background: none; border: unset; display: flex; align-content: center;}
.mobile-payment .cart .notify .icon-close button span::before { color: #8dc63f;}
.mobile-payment .cart .data-row .product .info { width: calc(100% - 80px); }
.mobile-payment .cart .data-row .product .soluong { width:20px;margin-top:0; }
.mobile-payment .cart .data-row { margin-top:10px;position:relative; }
.mobile-payment .cart .data-row .product { margin-top:10px;display:flex;justify-content: space-between; }
.mobile-payment .cart .data-row .product .image img { width:70px;height:70px; }
.mobile-payment .cart .data-row .product .choose { display:contents;align-items:center;}
.mobile-payment .cart .data-row .product .info .name { width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px; }
.mobile-payment .cart .data-row .product .info .action { display:flex;margin-top:10px; }
.mobile-payment .cart .data-row .product .info .action .price { width:250px;font-size:17px; }
.mobile-payment .cart .data-row .product .info .action .price .sale-base { text-decoration:line-through; }
.mobile-payment .cart .data-row .product .info .action .img-like { margin-left:5px; }
.mobile-payment .cart .data-row .product .info .action .img-like button { background:none;border:none; }
.mobile-payment .cart .data-row .product .info .action .img-like button img { width:34px;height:33px; }
.mobile-payment .cart .data-row .product .info .action-sub .hethang { display:none; }
.mobile-payment .cart .data-row .product-empty { display:none;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.5; }
.mobile-payment .cart .data-row.isempty .product-empty { display:block; }
.mobile-payment .cart .data-row.isempty .product .info .action-sub .hethang { display:block; }
.mobile-payment .cart .data-row.isempty .product .info .action-sub button { display:none; }
.mobile-payment .cart-right { border-radius:9px;padding:15px;margin-top:20px; }
.mobile-payment .dia-chi { margin-top:20px; }
.mobile-payment .dia-chi .top { display:flex;justify-content: space-between; }
.mobile-payment .dia-chi .top button { border-radius:15px;background:none;padding:3px 9px; }
.mobile-payment .dia-chi .sub-1 { margin-top:3px; }
.mobile-payment .dia-chi .sub-2 { margin-top:5px; }
.mobile-payment .dia-chi .line { margin-top:30px; }
.mobile-payment .coupon { margin-top:20px; }
.mobile-payment .coupon .top { display:flex;justify-content: space-between; }
.mobile-payment .coupon.open .top .hachi-icon-down { display:none; }
.mobile-payment .coupon.open .top .hachi-icon-up { display:block; }
.mobile-payment .coupon.open .list-public { display:block; }
.mobile-payment .coupon .top .hachi-icon-down { display:block; }
.mobile-payment .coupon .top .hachi-icon-up { display:none; }
.mobile-payment .coupon .sub-1 { display:flex;justify-content: space-between;margin-top:20px; }
.mobile-payment .coupon .sub-1 .input { position:relative;width:calc(100% - 90px); }
.mobile-payment .coupon .sub-1 .input input { border-radius:15px;padding:5px 5px 5px 28px;width:100%; }
.mobile-payment .coupon .sub-1 .input .hachi-icon-eyeopen { position: absolute;top:7px;left:10px; }
.mobile-payment .coupon .sub-1 button { border-radius:15px;padding:3px 12px;border:none; }

.mobile-payment .coupon .list-public { margin-top:5px;display:none; }
.mobile-payment .coupon .list-public > div { margin-top:30px; }
.mobile-payment .coupon .list-public .item { background-repeat:no-repeat;background-size:280px 80px; }
.mobile-payment .coupon .list-public .item.type-1 { background-image:url('images/cart_coupon1.svg'); }
.mobile-payment .coupon .list-public .item.type-2 { background-image:url('images/cart_coupon2.svg'); }
.mobile-payment .coupon .list-public .item.type-3 { background-image:url('images/cart_coupon3.svg'); }
.mobile-payment .coupon .list-public .item.type-4 { background-image:url('images/cart_coupon4.svg'); }
.mobile-payment .coupon .list-public .item.type-empty { background-image:url('images/cart_couponempty.svg'); }
.mobile-payment .coupon .list-public .data { padding-top:1px; }
.mobile-payment .coupon .list-public .data .item-outline { margin-top:15px;display:flex;justify-content:space-between; }
.mobile-payment .coupon .list-public .data .item { width:280px;padding:12px 5px 0 45px;height:80px; }
.mobile-payment .coupon .list-public .data .item > div { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mobile-payment .coupon .list-public .data .check { display:flex;align-items:center;width:50px; }
.mobile-payment .coupon .list-public .action button { border:none;text-transform:uppercase;border-radius:15px;padding:10px 0;text-align:center;width:100%; }
/*b-gregray40,cl-gregray400*/
.mobile-payment .coupon .list-public.nochange .action button { background:#f4f6f1;color:#abafa5; }
.mobile-payment .coupon .top .hachi-icon-down { display:block; }
.mobile-payment .coupon .top .hachi-icon-up { display:none; }
.mobile-payment .coupon .sub-1 { display:flex;justify-content: space-between;margin-top:20px; }
.mobile-payment .coupon .sub-1 .input { position:relative;width:calc(100% - 90px); }
.mobile-payment .coupon .sub-1 .input input { border:solid 1px #e0e3dc;border-radius:15px;padding:5px 5px 5px 28px;width:100%; }
.mobile-payment .coupon .sub-1 .input .hachi-icon-eyeopen { position: absolute;top:7px;left:10px; }
.mobile-payment .coupon .sub-1-error { padding-top:5px; }
.mobile-payment .coupon .sub-1 button { border:none;border-radius:15px;padding:3px 12px; }
/*b-gregray40,cl-gregray400,regular400*/
.mobile-payment .coupon .sub-1.haserror button { background:#f4f6f1;color:#abafa5;font-weight:400; }
.mobile-payment .coupon .list-choose { display:flex;margin-top:20px;flex-wrap:wrap;align-content:flex-start; }
.mobile-payment .coupon .list-choose .item { display:flex;border-radius:9px;padding:3px 9px;margin-right:3px; }
.mobile-payment .coupon .list-choose .item .xoa { display:flex;align-items:center;line-height:13px; }
.mobile-payment .coupon .list-choose .item .xoa button { background:none;border:none;padding:0;margin-left:5px; }
/* .mobile-payment .coupon .list-choose-type { margin-top:10px;display:flex;flex-wrap:wrap;align-content:flex-start; }
.mobile-payment .coupon .list-choose-type .item { padding-top:6px;width:50%; }
.mobile-payment .coupon .list-choose-type .item:nth-child(odd) { padding-right:3px; }
.mobile-payment .coupon .list-choose-type .item:nth-child(even) { padding-left:3px; }
.mobile-payment .coupon .list-choose-type .item .title { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mobile-payment .coupon .list-choose-type .item .sub { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mobile-payment .coupon .list-choose-type .item > div { height:52px;padding-top:5px;padding-left:25px;background-repeat:no-repeat;background-size:168px 50px; }
.mobile-payment .coupon .list-choose-type .item .type-1 { background-image:url('images/cart_coupon1.svg'); }
.mobile-payment .coupon .list-choose-type .item .type-2 { background-image:url('images/cart_coupon2.svg'); }
.mobile-payment .coupon .list-choose-type .item .type-3 { background-image:url('images/cart_coupon3.svg'); }
.mobile-payment .coupon .list-choose-type .item .type-4 { background-image:url('images/cart_coupon4.svg'); }
.mobile-payment .coupon .list-choose-type .item .type-empty { background-image:url('images/cart_couponempty.svg'); } */

.mobile-payment .list-choose-type { margin-top:10px;display:flex;flex-wrap:wrap;align-content:flex-start; }
.mobile-payment .list-choose-type .item { padding-top:6px;width:50%; }
.mobile-payment .list-choose-type .item:nth-child(odd) { padding-right:3px; }
.mobile-payment .list-choose-type .item:nth-child(even) { padding-left:3px; }
.mobile-payment .list-choose-type .item .title { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mobile-payment .list-choose-type .item .sub { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mobile-payment .list-choose-type .item > div { height:52px;padding-top:5px;padding-left:25px;background-repeat:no-repeat;background-size:168px 50px; }
.mobile-payment .list-choose-type .item .type-1 { background-image:url('images/cart_coupon1.svg'); }
.mobile-payment .list-choose-type .item .type-2 { background-image:url('images/cart_coupon2.svg'); }
.mobile-payment .list-choose-type .item .type-3 { background-image:url('images/cart_coupon3.svg'); }
.mobile-payment .list-choose-type .item .type-4 { background-image:url('images/cart_coupon4.svg'); }
.mobile-payment .list-choose-type .item .type-empty { background-image:url('images/cart_couponempty.svg'); }
.mobile-payment .van-chuyen-offer { margin-top:22px; }
.mobile-payment .van-chuyen-offer .tieu-de { display:flex;line-height:22px; }
.mobile-payment .van-chuyen-offer .tieu-de > img { height:22px; }
.mobile-payment .van-chuyen-offer .list-choose-type .item { width:171px; }
.mobile-payment .order-offer { margin-top:22px; }
.mobile-payment .order-offer .tieu-de { display:flex;line-height:22px; }
.mobile-payment .order-offer .tieu-de > img { height:22px; }
.mobile-payment .order-offer .list-choose-type .item { width:171px; }

.mobile-payment .coupon .line { margin-top:30px; }
.mobile-payment .cart-total { margin-top:20px; }
.mobile-payment .cart-total .list-sub { padding-top:10px; }
.mobile-payment .cart-total .list-sub .sub { display:flex;justify-content: space-between; }
.mobile-payment .cart-total .chon-combo {margin-top:10px;}
.mobile-payment .cart-total .dat-mua-title {text-align:center;margin-top:30px;}
.mobile-payment .cart-total .dat-hang { 
  border:none;text-transform:uppercase; 
}
.mobile-payment .cart-total .list-sub .sub-2 { display:flex;justify-content: space-between;margin-top:20px; }
/*b-gregray40,cl-gregray400*/
.mobile-payment .cart-total.haserror button.dat-hang { background:#f4f6f1;color:#abafa5; }
.mobile-payment .van-chuyen { margin-top:48px; }
.mobile-payment .van-chuyen .list { border-radius:6px;margin-top:18px; }
.mobile-payment .van-chuyen .list .item { display:flex;justify-content: space-between;padding:5px 0; }
.mobile-payment .van-chuyen .list .item .input { width: 30px;display: flex;align-items: center;padding-left:10px; }
.mobile-payment .van-chuyen .list .item .text { width: calc(100% - 120px); }
.mobile-payment .van-chuyen .list .item .fee { width: 80px; }
.mobile-payment .van-chuyen .list .item:first-child { border-top:none; }
.mobile-payment .van-chuyen .list .item.fail .text { text-decoration:line-through; }
.mobile-payment .van-chuyen .list .item.fail .fee { text-decoration:line-through; }
.mobile-payment .thanh-toan { margin-top:48px; }
.mobile-payment .thanh-toan .list { border-radius:6px;margin-top:18px; }
.mobile-payment .thanh-toan .list label { margin-bottom:0; }
.mobile-payment .thanh-toan .list .item { padding:5px 0; }
.mobile-payment .thanh-toan .list .item .item-text { display:flex;justify-content: space-between; }
.mobile-payment .thanh-toan .list .item .item-text .input { width: 30px;display: flex;align-items: center;padding-left:10px; }
.mobile-payment .thanh-toan .list .item .item-text .text { width: calc(100% - 35px);display:flex;justify-content: space-between; }
.mobile-payment .thanh-toan .list .item .item-text .text-1 { width: 270px; }
.mobile-payment .thanh-toan .list .item:first-child { border-top:none; }
.mobile-payment .thanh-toan .list .item .list-bank { display:none;flex-wrap: wrap;padding:12px 0 23px 5px; }
.mobile-payment .thanh-toan .list .item.active .list-bank { display:flex; }
.mobile-payment .thanh-toan .list .item .list-bank .bank { width: 100px;height:43px;margin-left:7px;margin-top:7px;border-radius:5px;cursor:pointer; }
.mobile-payment .thanh-toan .list .item .list-bank .bank img { width:100%;height:100%; }
/* dakgreen650 */
.mobile-payment .thanh-toan .list .item .list-bank .bank.active { border-color:#268f38; }
.mobile-payment .vat { margin-top:48px; }
.mobile-payment .vat .info-sub { display:block;margin-top:10px; }
.mobile-payment .vat .top { display:flex;justify-content: space-between; }
.mobile-payment .vat .top a { cursor: pointer; }
.mobile-payment .vat .top .hachi-icon-down { display:block; }
.mobile-payment .vat .top .hachi-icon-up { display:none; }
.mobile-payment .vat ul.info { display:none;margin:0 0 0 15px;padding:5px 0 0 0; }
.mobile-payment .vat .info li { line-height:22px;margin-top:5px; }
.mobile-payment .vat .thong-bao { display:none;justify-content: center;border-radius:9px;padding:15px 10px;margin-top:15px; }
.mobile-payment .vat .thong-bao .icon { width: 30px; }
.mobile-payment .vat .thong-bao .text { width: calc(100% - 50px); }
.mobile-payment .vat .nhap-lieu { display:none;margin-top:15px; }
/* .mobile-payment .vat .nhap-lieu .label { line-height:35px;margin-left:10px; }
.mobile-payment .vat .nhap-lieu .input { display:flex;justify-content:space-between;margin-top:10px; }
.mobile-payment .vat .nhap-lieu .input input { border-radius:9px;padding:8px 10px;width: calc(100% - 210px); }
.mobile-payment .vat .nhap-lieu .input textarea { border-radius:9px;padding:8px 10px;width: calc(100% - 210px); }
.mobile-payment .vat .nhap-lieu .error { display:flex;justify-content:space-between; }
.mobile-payment .vat .nhap-lieu .error .text { width: calc(100% - 210px); } */
.mobile-payment .vat .nhap-lieu .dong { display:flex;flex-wrap: wrap;line-height:21px;margin-top:15px; }
.mobile-payment .vat .nhap-lieu .dong.dong-top { margin-top:5px; }
.mobile-payment .vat .nhap-lieu .dong > .chon { margin-right:25px;display:flex;margin-top:10px; }
.mobile-payment .vat .nhap-lieu .dong > .chon:last-child { margin-right:0; }
.mobile-payment .vat .nhap-lieu .dong > .chon input[type="radio"] { width:20px;height:20px;accent-color:#268f3b; }
.mobile-payment .vat .nhap-lieu .dong > .chon input[type="radio"]:not(:checked) { border:solid 1px #abafa5; }
.mobile-payment .vat .nhap-lieu .dong > .chon label { line-height:18px; margin:1px 0 0 5px; }
.mobile-payment .vat .nhap-lieu .dong > .label { padding:5px 0;margin-right:5px; }
.mobile-payment .vat .nhap-lieu .dong > .label-sub { width:20px;padding:5px 0; }
.mobile-payment .vat .nhap-lieu .dong > .input { width:100%; }
.mobile-payment .vat .nhap-lieu .dong > .input > input { width:100%;border-radius:8px;padding:6px 10px; }
.mobile-payment .vat .nhap-lieu .dong > .input .input-sub { display:flex;line-height:30px; }
.mobile-payment .vat .nhap-lieu .dong > .input .input-sub img { width:20px;height:14px;margin:8px 7px 0 7px; }
.mobile-payment .vat .nhap-lieu .dong > .input .check { display:flex;line-height:21px;margin-top:5px; }
.mobile-payment .vat .nhap-lieu .dong > .input .check > input[type="checkbox"]{ width:20px;height:20px;accent-color:#268f3b;margin-right:8px;margin-left:7px; }
.mobile-payment .vat .nhap-lieu .dong > .input .check > label { margin-bottom:0; }
.mobile-payment .vat .nhap-lieu .dong div.error { display:flex;line-height:30px; }
.mobile-payment .vat .nhap-lieu .dong div.error img { width:12px;height:11px;margin:9px 7px 0 14px; }

.mobile-payment .vat.open ul.info { display:block; }
.mobile-payment .vat.open .thong-bao { display:flex; }
.mobile-payment .vat.open .nhap-lieu { display:block; }
.mobile-payment .vat.open .top .hachi-icon-down { display:none; }
.mobile-payment .vat.open .top .hachi-icon-up { display:block; }
.mobile-payment .vat.open .info-sub { display:none; }
.mobile-payment .cart-bottom-space { height:80px; }

.mobile-payment .ghi-chu{ margin-top:30px; }
.mobile-payment .ghi-chu textarea { margin-top:8px;width:100%;height:55px;border-radius:9px;padding:8px 10px;line-height:21px; }


.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog { width:100%;margin:0;max-width:100%; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body { padding:10px 10px 0px 10px;max-height:calc(100vh - 255px);height:calc(100vh - 255px); }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-footer { padding:10px 10px;display:block; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-footer > div { text-align:center;width:100%; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-footer .ghichu { margin-top:20px; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-footer .action-ok { margin-top:16px; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-footer .action-ok > button { padding:7px 20px;border-radius:30px;border:none; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-footer .action-cancel > button { background:none;;border:none; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .top-img { text-align:center;margin-top:20px; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .top-img img { width:98px;height:98px; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .tieu-de { margin-top:16px;line-height:40px;text-align:center; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .tieu-de-sub { line-height:40px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .tom-tat { line-height:26px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .gia-tri-outline { margin-top:16px; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .gia-tri-outline .text { margin-top:20px;text-align:center; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .gia-tri-outline .gia-tri { background-repeat:no-repeat;height:75px;min-width:315px;padding:7px 17px; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .gia-tri-outline .gia-tri .dong { display:flex;line-height:30px; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .gia-tri-outline .gia-tri .dong .img img { width:23px;height:23px; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .gia-tri-outline .gia-tri .dong .noidung { width:210px;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .nhom-sp { margin-top:30px; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .product-list .product-item { border-radius:8px;padding:6px 6px;margin:5px 0;display:flex;width:270px;height:110px;box-shadow: 0 0 5px 0 #e8ece3; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .product-list .product-item .img img { width:90px;height:90px; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .product-list .product-item .name-outline { width:calc(100% - 100px);margin-left:5px; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .product-list .product-item .group-input { margin-top:10px; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .product-list .product-item .group-input input { height:32px;text-align:center; }
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .product-list .product-item .group-input button { height:32px; }
/*b-gregray40*/
.popup-mobile-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .product-list .product-item .group-input button[disabled=disabled] { background:#f4f6f1; }
/*b-gregray40,cl-gregray400*/
.popup-mobile-payment-gift.haserror .hachi-modal .modal .modal-dialog .action-ok button { background:#f4f6f1;color:#abafa5; }
/* #endregion mobile */

.popup-payment-vat .hachi-modal .modal .modal-dialog .modal-footer { padding-top:0;margin-top:20px; }
.popup-payment-vat .hachi-modal .modal .modal-dialog .modal-footer > button { padding:10px 15px;border-radius:30px;margin-top:10px; }
.popup-payment-vat .hachi-modal .modal .modal-dialog .modal-body { padding:0 20px;text-align:right; }

.page-payment .line { margin-top:10px; }
.page-payment .cart-last-space { height:64px; }
.page-payment .cart { border-radius:9px;padding:20px 15px;margin-top:20px; } 
.page-payment .cart .data-header { margin-top:10px; }
.page-payment .cart .title-sub { margin-top:5px;display:flex;justify-content: space-between; }
.page-payment .cart .title-sub .tieude { width: calc(100% - 220px); }
.page-payment .cart .title-sub .soluong { width: 80px; }
.page-payment .cart .title-sub .thanhtien { width: 130px; }
.page-payment .cart .notify { border-radius:9px;padding:10px;position:relative;margin-top:10px; }
.page-payment .cart .notify .list .item { display:flex; }
.page-payment .cart .notify .list .item .icon { margin-left:5px; }
.page-payment .cart .notify .list .item .text { margin-left:10px; }
.page-payment .cart .notify .icon-close { position: absolute; top: 10px; right: 5px;}
.page-payment .cart .notify .icon-close button { background: none; border: unset; display: flex; align-content: center;}
.page-payment .cart .notify .icon-close button span::before { color: #8dc63f;}
.page-payment .cart .data-row .product .info { width: calc(100% - 350px); }
.page-payment .cart .data-row .product .soluong { width: 80px;margin-top:20px; }
.page-payment .cart .data-row .product .thanhtien { width: 130px;margin-top:20px; }
.page-payment .cart .data-row { margin-top:10px;position:relative; }
.page-payment .cart .data-row .product { margin-top:10px;display:flex;justify-content: space-between; }
.page-payment .cart .data-row .product .image img { width: 123px;height:123px; }
.page-payment .cart .data-row .product .choose { display:contents;align-items:center;}
.page-payment .cart .data-row .product .info .name { width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:20px; }
.page-payment .cart .data-row .product .info .action { display:flex;margin-top:10px; }
.page-payment .cart .data-row .product .info .action .price { width:250px;font-size:17px; }
.page-payment .cart .data-row .product .info .action .price .sale-base { text-decoration:line-through; }
.page-payment .cart .data-row .product .info .action .img-like { margin-left:5px; }
.page-payment .cart .data-row .product .info .action .img-like button { background:none;border:none; }
.page-payment .cart .data-row .product .info .action .img-like button img { width:34px;height:33px; }
.page-payment .cart .data-row .product .info .action-sub .hethang { display:none; }
.page-payment .cart .data-row .product-empty { display:none;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.5; }
.page-payment .cart .data-row.isempty .product-empty { display:block; }
.page-payment .cart .data-row.isempty .product .info .action-sub .hethang { display:block; }
.page-payment .cart .data-row.isempty .product .info .action-sub button { display:none; }
.page-payment .cart-right { border-radius:9px;padding:15px;margin-top:20px;height:calc(100% - 20px); }
.page-payment .dia-chi .top { display:flex;justify-content: space-between; }
.page-payment .dia-chi .top button { border-radius:15px;background:none;padding:3px 9px; }
.page-payment .dia-chi .sub-1 { margin-top:3px; }
.page-payment .dia-chi .sub-2 { margin-top:5px; }
.page-payment .dia-chi .line { margin-top:30px; }

.page-payment .cart-bottom-fix { position:fixed;height:64px;bottom:0;left:0;width:100%; }
.page-payment .cart-bottom-fix .outline { display:flex;justify-content:space-between;width:100%;border-radius:10px 10px 0 0;box-shadow: 0 0 5px 0 #dee0da; }
.page-payment .cart-bottom-fix .left { display:flex;flex-wrap:wrap;padding:14px 22px;border-radius:10px;width:calc(100% - 450px); }
.page-payment .cart-bottom-fix .left > div { line-height:36px;display:flex; }
.page-payment .cart-bottom-fix .left > div > div { margin-right:3px; }
.page-payment .cart-bottom-fix .left > div.cart-offer { display:none;flex-basis:100%;line-height:16px; }
.page-payment .cart-bottom-fix .left > div.cart-offer > img { width:16px;height:16px; }
.page-payment .cart-bottom-fix .left > div.cart-offer > div { margin-right:0;margin-left:5px;margin-top:0;line-height:16px;text-decoration:underline;text-decoration-color:#e9fcc2;text-decoration-thickness:4px; }
.page-payment .cart-bottom-fix .left.hasoffer > div { line-height:16px; }
.page-payment .cart-bottom-fix .left.hasoffer > div.cart-offer { display:flex; }
.page-payment .cart-bottom-fix .right { display:flex;padding:14px 22px;border-radius:10px;width:450px; }
.page-payment .cart-bottom-fix .right > div.txt { display:flex;flex-wrap:wrap;width:270px; }
.page-payment .cart-bottom-fix .right > div.txt > div { margin-left:10px;line-height:20px; }
.page-payment .cart-bottom-fix .right > div.txt .dang-nhap { display:block;flex-basis:100%;line-height:16px; }
.page-payment .cart-bottom-fix .right > div.txt .dang-nhap > a { text-decoration:underline; }
.page-payment .cart-bottom-fix .right > div.txt.haslogin .dang-nhap { display:none; }
.page-payment .cart-bottom-fix .right > div.txt.haslogin > div { line-height:36px; }
.page-payment .cart-bottom-fix .dat-hang { border:none;border-radius:30px;padding:8px 30px;text-transform:uppercase; }

.page-payment .coupon { margin-top:20px; }
.page-payment .coupon .top { display:flex;justify-content: space-between; }
.page-payment .coupon .top a { cursor:pointer; }
.page-payment .coupon .top a img { width:16px;height:16px;margin-top:4px;}

.page-payment .list-choose-type { margin-top:10px;display:flex;flex-wrap:wrap;align-content:flex-start; }
.page-payment .list-choose-type .item { padding-top:6px;width:50%;cursor: pointer; }
.page-payment .list-choose-type .item:nth-child(odd) { padding-right:3px; }
.page-payment .list-choose-type .item:nth-child(even) { padding-left:3px; }
.page-payment .list-choose-type .item .title { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.page-payment .list-choose-type .item .sub { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.page-payment .list-choose-type .item > div { height:52px;padding-top:5px;padding-left:25px;background-repeat:no-repeat;background-size:168px 50px; }
.page-payment .list-choose-type .item .type-1 { background-image:url('images/cart_coupon1_small.svg'); }
.page-payment .list-choose-type .item .type-2 { background-image:url('images/cart_coupon2_small.svg'); }
.page-payment .list-choose-type .item .type-3 { background-image:url('images/cart_coupon3_small.svg'); }
.page-payment .list-choose-type .item .type-4 { background-image:url('images/cart_coupon4_small.svg'); }
.page-payment .list-choose-type .item .type-empty { background-image:url('images/cart_couponempty_small.svg'); }
.page-payment .van-chuyen-offer { margin-top:22px; }
.page-payment .van-chuyen-offer .tieu-de { display:flex;line-height:22px; }
.page-payment .van-chuyen-offer .tieu-de > img { height:22px; }
.page-payment .van-chuyen-offer .list-choose-type .item { width:171px; }
.page-payment .order-offer { margin-top:22px; }
.page-payment .order-offer .tieu-de { display:flex;line-height:22px; }
.page-payment .order-offer .tieu-de > img { height:22px; }
.page-payment .order-offer .list-choose-type .item { width:171px; }

/* .page-payment .coupon { margin-top:20px; }
.page-payment .coupon .top { display:flex;justify-content: space-between; }
.page-payment .coupon.open .top .hachi-icon-down { display:none; }
.page-payment .coupon.open .top .hachi-icon-up { display:block; }
.page-payment .coupon.open .list-public { display:block; }
.page-payment .coupon .top .hachi-icon-down { display:block; }
.page-payment .coupon .top .hachi-icon-up { display:none; }
.page-payment .coupon .sub-1 { display:flex;justify-content: space-between;margin-top:20px; }
.page-payment .coupon .sub-1 .input { position:relative;width:calc(100% - 90px); }
.page-payment .coupon .sub-1 .input input { border-radius:15px;padding:5px 5px 5px 28px;width:100%; }
.page-payment .coupon .sub-1 .input .hachi-icon-eyeopen { position: absolute;top:7px;left:10px; }
.page-payment .coupon .sub-1 button { border-radius:15px;padding:3px 12px;border:none; }

.page-payment .coupon .list-public { margin-top:5px;display:none; }
.page-payment .coupon .list-public > div { margin-top:30px; }
.page-payment .coupon .list-public .item { background-repeat:no-repeat;background-size:280px 80px; }
.page-payment .coupon .list-public .item.type-1 { background-image:url('images/cart_coupon1.svg'); }
.page-payment .coupon .list-public .item.type-2 { background-image:url('images/cart_coupon2.svg'); }
.page-payment .coupon .list-public .item.type-3 { background-image:url('images/cart_coupon3.svg'); }
.page-payment .coupon .list-public .item.type-4 { background-image:url('images/cart_coupon4.png'); }
.page-payment .coupon .list-public .data { padding-top:1px; }
.page-payment .coupon .list-public .data .item-outline { margin-top:15px;display:flex;justify-content:space-between; }
.page-payment .coupon .list-public .data .item { width:280px;padding:12px 5px 0 45px;height:80px; }
.page-payment .coupon .list-public .data .item > div { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.page-payment .coupon .list-public .data .check { display:flex;align-items:center;width:50px; }
.page-payment .coupon .list-public .action button { border:none;text-transform:uppercase;border-radius:15px;padding:10px 0;text-align:center;width:100%; } */
/*b-gregray40,cl-gregray400*/
/* .page-payment .coupon .list-public.nochange .action button { background:#f4f6f1;color:#abafa5; }
.page-payment .coupon .top .hachi-icon-down { display:block; }
.page-payment .coupon .top .hachi-icon-up { display:none; } */

.page-payment .coupon .sub-1 { display:flex;justify-content: space-between;margin-top:20px; }
.page-payment .coupon .sub-1 .input { position:relative;width:calc(100% - 90px); }
.page-payment .coupon .sub-1 .input input { border-radius:36px;padding:8px 5px 8px 44px;width:100%; }
.page-payment .coupon .sub-1 .input img { position: absolute;top:12px;left:14px; }
.page-payment .coupon .sub-1-error { padding-top:5px; }
.page-payment .coupon .sub-1 button { border:none;border-radius:15px;padding:3px 12px;height:36px;margin-top:1px; }
/*b-gregray40,cl-gregray400,regular400*/
.page-payment .coupon .sub-1-form.haserror button { background:#f4f6f1;color:#abafa5; }

.page-payment .coupon .list-choose { display:flex;margin-top:20px;flex-wrap:wrap;align-content:flex-start; }
.page-payment .coupon .list-choose .item { display:flex;border-radius:9px;padding:3px 9px;margin-right:3px; }
.page-payment .coupon .list-choose .item .xoa { display:flex;align-items:center;line-height:13px; }
.page-payment .coupon .list-choose .item .xoa button { background:none;border:none;padding:0;margin-left:5px; }
/* .page-payment .coupon .list-choose-type { margin-top:10px;display:flex;flex-wrap:wrap;align-content:flex-start; }
.page-payment .coupon .list-choose-type .item { padding-top:6px;width:50%;cursor: pointer; }
.page-payment .coupon .list-choose-type .item:nth-child(odd) { padding-right:3px; }
.page-payment .coupon .list-choose-type .item:nth-child(even) { padding-left:3px; }
.page-payment .coupon .list-choose-type .item .title { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.page-payment .coupon .list-choose-type .item .sub { width:calc(100% - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.page-payment .coupon .list-choose-type .item > div { height:52px;padding-top:5px;padding-left:25px;background-repeat:no-repeat;background-size:168px 50px; }
.page-payment .coupon .list-choose-type .item .type-1 { background-image:url('images/cart_coupon1_small.svg'); }
.page-payment .coupon .list-choose-type .item .type-2 { background-image:url('images/cart_coupon2_small.svg'); }
.page-payment .coupon .list-choose-type .item .type-3 { background-image:url('images/cart_coupon3_small.svg'); }
.page-payment .coupon .list-choose-type .item .type-4 { background-image:url('images/cart_coupon4_small.svg'); }
.page-payment .coupon .list-choose-type .item .type-empty { background-image:url('images/cart_couponempty_small.svg'); } */

.page-payment .coupon .line { margin-top:30px; }
.page-payment .cart-total { margin-top:20px; }
.page-payment .cart-total .list-sub { padding-top:10px; }
.page-payment .cart-total .list-sub .sub { display:flex;justify-content: space-between;margin-top:10px; }
.page-payment .cart-total .chon-combo {margin-top:10px;}
.page-payment .cart-total .dat-mua-title {text-align:center;margin-top:30px;}
.page-payment .cart-total .dat-hang { margin-top:10px;width:100%; border:none;border-radius:15px;padding:8px 0;text-transform:uppercase; }
.page-payment .cart-total .list-sub .sub-2 { display:flex;justify-content: space-between;margin-top:20px; }
/*b-gregray40,cl-gregray400*/
.page-payment .cart-total.haserror button.dat-hang { background:#f4f6f1;color:#abafa5; }
.page-payment .van-chuyen { margin-top:48px; }
.page-payment .van-chuyen .list { border-radius:6px;margin-top:18px; }
.page-payment .van-chuyen .list .item { display:flex;justify-content: space-between;padding:5px 0;position:relative; }
.page-payment .van-chuyen .list .item .isblock { display:none;opacity:0.5;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px; }
.page-payment .van-chuyen .list .item.allow .isblock { display:block; }
.page-payment .van-chuyen .list .item .input { width: 30px;display: flex;align-items: center;padding-left:10px; }
.page-payment .van-chuyen .list .item .text { width: calc(100% - 120px); }
.page-payment .van-chuyen .list .item .fee { width: 80px; }
.page-payment .van-chuyen .list .item:first-child { border-top:none; }
.page-payment .van-chuyen .list .item.fail .text { text-decoration:line-through; }
.page-payment .van-chuyen .list .item.fail .fee { text-decoration:line-through; }
.page-payment .thanh-toan { margin-top:48px; }
.page-payment .thanh-toan .list { border-radius:6px;margin-top:18px; }
.page-payment .thanh-toan .list label { margin-bottom:0; }
.page-payment .thanh-toan .list .item { padding:5px 0; }
.page-payment .thanh-toan .list .item .item-text { display:flex;justify-content: space-between; }
.page-payment .thanh-toan .list .item .item-text .input { width: 30px;display: flex;align-items: center;padding-left:10px; }
.page-payment .thanh-toan .list .item .item-text .text { width: calc(100% - 35px);display:flex;justify-content: space-between; }
.page-payment .thanh-toan .list .item .item-text .text-1 { width: 270px; }
.page-payment .thanh-toan .list .item:first-child { border-top:none; }
.page-payment .thanh-toan .list .item .list-bank { display:none;flex-wrap: wrap;padding:12px 0 23px 5px; }
.page-payment .thanh-toan .list .item.active .list-bank { display:flex; }
.page-payment .thanh-toan .list .item .list-bank .bank { width: 100px;height:43px;margin-left:7px;margin-top:7px;border-radius:5px;cursor:pointer; }
.page-payment .thanh-toan .list .item .list-bank .bank img { width:100%;height:100%; }
/* dakgreen650 */
.page-payment .thanh-toan .list .item .list-bank .bank.active { border-color:#268f38; }
.page-payment .vat { margin-top:48px; }
.page-payment .vat .info-sub { display:block;margin-top:10px; }
.page-payment .vat .top { display:flex;justify-content: space-between; }
.page-payment .vat .top a { cursor: pointer; }
.page-payment .vat .top .hachi-icon-down { display:block; }
.page-payment .vat .top .hachi-icon-up { display:none; }
.page-payment .vat ul.info { display:none;margin:0 0 0 15px;padding:5px 0 0 0; }
.page-payment .vat .info li { line-height:22px;margin-top:5px; }
.page-payment .vat .thong-bao { display:none;justify-content: center;border-radius:9px;padding:15px 10px;margin-top:15px; }
.page-payment .vat .thong-bao .icon { width: 30px; }
.page-payment .vat .thong-bao .text { width: calc(100% - 50px); }

.page-payment .vat .nhap-lieu { display:none;margin-top:15px; }
/* .page-payment .vat .nhap-lieu .label { line-height:35px;margin-left:10px; }
.page-payment .vat .nhap-lieu .input { display:flex;justify-content:space-between;margin-top:10px; }
.page-payment .vat .nhap-lieu .input input { border-radius:9px;padding:8px 10px;width: calc(100% - 210px); }
.page-payment .vat .nhap-lieu .input textarea { border-radius:9px;padding:8px 10px;width: calc(100% - 210px); }
.page-payment .vat .nhap-lieu .input-top { display:flex;line-height:36px; }
.page-payment .vat .nhap-lieu .input-top > .chon { margin-right:25px;display:flex;margin-top:10px; }
.page-payment .vat .nhap-lieu .input-top > .chon:last-child { margin-right:0; }
.page-payment .vat .nhap-lieu .input-top > .chon input[type="radio"] { width:20px;height:20px;accent-color:#268f3b; }
.page-payment .vat .nhap-lieu .input-top > .chon input[type="radio"]:not(:checked) { border:solid 1px #abafa5; }
.page-payment .vat .nhap-lieu .input-top > .chon label { line-height:18px; margin:1px 0 0 5px; }
.page-payment .vat .nhap-lieu .error { display:flex;justify-content:space-between; }
.page-payment .vat .nhap-lieu .error .text { width: calc(100% - 210px); } */

.page-payment .vat .nhap-lieu .dong { display:flex;line-height:21px;margin-top:15px; }
.page-payment .vat .nhap-lieu .dong.dong-top { margin-top:5px; }
.page-payment .vat .nhap-lieu .dong > .chon { margin-right:25px;display:flex;margin-top:10px; }
.page-payment .vat .nhap-lieu .dong > .chon:last-child { margin-right:0; }
.page-payment .vat .nhap-lieu .dong > .chon input[type="radio"] { width:20px;height:20px;accent-color:#268f3b; }
.page-payment .vat .nhap-lieu .dong > .chon input[type="radio"]:not(:checked) { border:solid 1px #abafa5; }
.page-payment .vat .nhap-lieu .dong > .chon label { line-height:18px; margin:1px 0 0 5px; }
.page-payment .vat .nhap-lieu .dong > .label { width:180px;padding:5px 0; }
.page-payment .vat .nhap-lieu .dong > .label-sub { width:20px;padding:5px 0; }
.page-payment .vat .nhap-lieu .dong > .input { width:calc(100% - 200px); }
.page-payment .vat .nhap-lieu .dong > .input > input { width:100%;border-radius:8px;padding:6px 10px; }
.page-payment .vat .nhap-lieu .dong > .input .input-sub { display:flex;line-height:21px;margin-top:3px; }
.page-payment .vat .nhap-lieu .dong > .input .input-sub img { width:20px;height:14px;margin:3px 7px 0 7px; }
.page-payment .vat .nhap-lieu .dong > .input .check { display:flex;line-height:21px;margin-top:5px;margin-bottom:10px; }
.page-payment .vat .nhap-lieu .dong > .input .check > input[type="checkbox"]{ width:20px;height:20px;accent-color:#268f3b;margin-right:8px;margin-left:7px; }
.page-payment .vat .nhap-lieu .dong > .input .check > label { margin-bottom:0; }
.page-payment .vat .nhap-lieu .dong div.error { display:flex;line-height:30px; }
.page-payment .vat .nhap-lieu .dong div.error img { width:12px;height:11px;margin:9px 7px 0 14px; }

.page-payment .vat.open ul.info { display:block; }
.page-payment .vat.open .thong-bao { display:flex; }
.page-payment .vat.open .nhap-lieu { display:block; }
.page-payment .vat.open .top .hachi-icon-down { display:none; }
.page-payment .vat.open .top .hachi-icon-up { display:block; }
.page-payment .vat.open .info-sub { display:none; }
.page-payment .ghi-chu{ margin-top:40px; }
.page-payment .ghi-chu textarea { margin-top:8px;width:100%;height:55px;border-radius:9px;padding:8px 10px;line-height:21px; }

.popup-payment-gift .hachi-modal .modal .modal-dialog { width:100%;margin:0;max-width:100%; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body { padding:10px 10px 0px 10px;max-height:calc(100vh - 220px);height:calc(100vh - 220px); }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-footer { padding:10px 10px;display:block; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-footer > div { text-align:center;width:100%; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-footer .ghichu { margin-top:20px; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-footer .action-ok { margin-top:16px; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-footer .action-ok > button { padding:7px 20px;border-radius:30px;border:none; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-footer .action-cancel > button { background:none;;border:none; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .top-img { text-align:center;margin-top:20px; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .top-img img { width:98px;height:98px; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .tieu-de { margin-top:16px;line-height:40px;text-align:center; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .tieu-de-sub { line-height:40px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .tom-tat { line-height:26px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .gia-tri-outline { margin-top:16px;display:flex;justify-content:center; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .gia-tri-outline .text { width:330px;margin-top:20px;margin-left:8px; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .gia-tri-outline .gia-tri { background-repeat:no-repeat;height:75px;min-width:315px;padding:7px 17px; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .gia-tri-outline .gia-tri .dong { display:flex;line-height:30px; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .gia-tri-outline .gia-tri .dong .img img { width:23px;height:23px; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .gia-tri-outline .gia-tri .dong .noidung { width:210px;margin-left:8px; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .nhom-sp { margin:40px auto 0 auto;width:860px; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .product-list .product-item { border-radius:8px;padding:6px 6px;margin:5px 0;display:flex;width:270px;height:110px;box-shadow: 0 0 5px 0 #e8ece3; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .product-list .product-item .img img { width:90px;height:90px; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .product-list .product-item .name-outline { width:calc(100% - 100px);margin-left:5px; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .product-list .product-item .group-input { margin-top:10px; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .product-list .product-item .group-input input { height:32px;text-align:center; }
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .product-list .product-item .group-input button { height:32px; }
/*b-gregray40*/
.popup-payment-gift .hachi-modal .modal .modal-dialog .modal-content .modal-body .group-gift .product-list .product-item .group-input button[disabled=disabled] { background:#f4f6f1; }
/*b-gregray40,cl-gregray400*/
.popup-payment-gift.haserror .hachi-modal .modal .modal-dialog .action-ok button { background:#f4f6f1;color:#abafa5; }
/* #endregion */


/* #region cart-thanks  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-thanks.top { margin-top:168px; }
.mobile-thanks .img {margin-top:50px;text-align:center;}
.mobile-thanks .sub-1 {margin-top:25px;text-align:center;}
.mobile-thanks .sub-2 {margin-top:25px;display:flex;justify-content:center;}
.mobile-thanks .sub-2 .copy {border-radius:50px;border:none;margin-left:5px;}
.mobile-thanks .sub-3 {margin-top:5px;text-align:center;}
.mobile-thanks .sub-4 {margin-top:30px;text-align:center;}
.mobile-thanks .sub-4 .text {text-decoration:underline;}
.mobile-thanks .sub-5 {margin-top:5px;text-align:center;}
.mobile-thanks .don-hang {text-align:left;margin-top:85px;}
.mobile-thanks .don-hang .thong-tin {margin-top:0;}
.mobile-thanks .don-hang .thong-tin > div { margin-top:10px;padding:20px 20px;border-radius:9px;line-height:22px; }
.mobile-thanks .don-hang .thong-tin .top { margin-top:15px; }
.mobile-thanks .don-hang .san-pham { margin-top:15px;padding:30px 30px; }
.mobile-thanks .don-hang .san-pham .tieu-de { display:flex;justify-content:space-between;border-radius:9px; }
.mobile-thanks .don-hang .san-pham .tieu-de .name {width:570px;}
.mobile-thanks .don-hang .san-pham .tieu-de .soluong {width:75px;}
.mobile-thanks .don-hang .san-pham .tieu-de .thanhtien {width:100px;}
.mobile-thanks .don-hang .san-pham .chi-tiet .product { display:flex;justify-content:space-between;margin-top:20px; }
.mobile-thanks .don-hang .san-pham .chi-tiet .product .image {width:70px;}
.mobile-thanks .don-hang .san-pham .chi-tiet .product .image img {width:70px;height:70px;}
.mobile-thanks .don-hang .san-pham .chi-tiet .product .name { width:calc(100% - 80px);}
.mobile-thanks .don-hang .san-pham .chi-tiet .product .name .text { line-height:21px; }
.mobile-thanks .don-hang .san-pham .chi-tiet .product .name .text-2 {display:flex;justify-content:space-between;line-height:21px;}
.mobile-thanks .don-hang .san-pham .chi-tiet .product .soluong {width:20px;}
.mobile-thanks .don-hang .san-pham.anchitiet .chi-tiet-outline {position: relative; overflow: hidden; height: 80px;}
.mobile-thanks .don-hang .san-pham .gradient { display:none; }
.mobile-thanks .don-hang .san-pham.anchitiet .gradient { display:block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 80px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7));}
.mobile-thanks .don-hang .san-pham .xem-them { margin-top:16px;text-align:center; }
.mobile-thanks .don-hang .san-pham .xem-them button { background:none;border:none; }

.mobile-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-title > button { background:none;border:none; }
.mobile-thanks .don-hang .san-pham .chi-tiet .product-gift .line { font-size:1px;line-height:1px;margin:35px 0 20px 0; }
.mobile-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data { display:none;padding:14px 14px;border-radius:10px; }
.mobile-thanks .don-hang .san-pham .chi-tiet .product-gift.hienthi .product-gift-data { display:block; }
.mobile-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong { display:flex;justify-content:space-between;margin-top:20px; }
.mobile-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong:first-child { margin-top:0; }
.mobile-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .image {width:70px;}
.mobile-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .image img {width:70px;height:70px;}
.mobile-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .name { width:calc(100% - 80px);}
.mobile-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .name .text { line-height:21px; }
.mobile-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .name .text-2 {display:flex;justify-content:space-between;line-height:21px;}
.mobile-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .soluong {width:20px;}

.mobile-thanks .don-hang .tong-ket {margin-top:15px;}
.mobile-thanks .don-hang .vat { padding:20px 20px;border-radius:9px;line-height:20px; }
.mobile-thanks .don-hang .vat > div { margin-top:10px; }
.mobile-thanks .don-hang .vat > div:first-child { margin-top:0; }
.mobile-thanks .don-hang .ghichu { margin-top:15px;padding:20px 20px;border-radius:9px;line-height:20px; }
.mobile-thanks .don-hang .ghichu > div { margin-top:10px; }
.mobile-thanks .don-hang .ghichu > div:first-child { margin-top:0; }
.mobile-thanks .don-hang .cart-total { margin-top:15px;padding:20px 20px;border-radius:9px; }
.mobile-thanks .don-hang .cart-total .list-sub { padding-top:10px; }
.mobile-thanks .don-hang .cart-total .list-sub .sub { display:flex;justify-content: space-between;margin-top:10px; }
.mobile-thanks .don-hang .cart-total .dat-hang { margin-top:20px;width:100%; border:none;border-radius:15px;padding:8px 0;text-transform:uppercase; }
.mobile-thanks .don-hang .cart-total .line { margin-top:20px; }
.mobile-thanks .don-hang .cart-total .list-sub .sub-2 { display:flex;justify-content: space-between;margin-top:20px; }

.mobile-thanks .thiet-lap { display:flex;margin-top:20px; }
.mobile-thanks .thiet-lap .hinh { width:40px; }
.mobile-thanks .thiet-lap .hinh img { width:30px; }
.mobile-thanks .thiet-lap .text { text-align:center;width: calc(100% - 30px);line-height:26px; }
/* #endregion mobile */

.page-thanks .section-1 > div {text-align:center;}
.page-thanks .section-1 .img {margin-top:50px;}
.page-thanks .section-1 .sub-1 {margin-top:25px;}
.page-thanks .section-1 .sub-2 {margin-top:25px;display:flex;justify-content:center;}
.page-thanks .section-1 .sub-2 .copy {border-radius:50px;border:none;margin-left:5px;}
.page-thanks .section-1 .sub-3 {margin-top:5px;}
.page-thanks .section-1 .sub-4 {margin-top:30px;}
.page-thanks .section-1 .sub-4 .text {text-decoration:underline;}
.page-thanks .section-1 .sub-5 {margin-top:5px;}
.page-thanks .don-hang {text-align:left;margin-top:85px;}
.page-thanks .don-hang .thong-tin {margin-top:45px;display:flex;justify-content:space-between;}
.page-thanks .don-hang .thong-tin > div { padding:25px 25px;width:274px;border-radius:9px;line-height:22px; }
.page-thanks .don-hang .thong-tin .top { margin-top:15px; }
.page-thanks .don-hang .san-pham { margin-top:15px;padding:30px 30px; }
.page-thanks .don-hang .san-pham .tieu-de { display:flex;justify-content:space-between;border-radius:9px; }
.page-thanks .don-hang .san-pham .tieu-de .name {width:570px;}
.page-thanks .don-hang .san-pham .tieu-de .soluong {width:75px;}
.page-thanks .don-hang .san-pham .tieu-de .thanhtien {width:100px;}
.page-thanks .don-hang .san-pham .chi-tiet .product { display:flex;justify-content:space-between;margin-top:20px; }
.page-thanks .don-hang .san-pham .chi-tiet .product .name {width:570px;display:flex;justify-content:space-between;}
.page-thanks .don-hang .san-pham .chi-tiet .product .name .image {width:70px;}
.page-thanks .don-hang .san-pham .chi-tiet .product .name .image img {width:70px;height:70px;}
.page-thanks .don-hang .san-pham .chi-tiet .product .name .text { width: calc(100% - 80px);line-height:30px; }
.page-thanks .don-hang .san-pham .chi-tiet .product .soluong {width:75px;}
.page-thanks .don-hang .san-pham .chi-tiet .product .thanhtien {width:100px;}
.page-thanks .don-hang .san-pham.anchitiet .chi-tiet-outline {position: relative; overflow: hidden; height: 80px;}
.page-thanks .don-hang .san-pham .gradient { display:none; }
.page-thanks .don-hang .san-pham.anchitiet .gradient { display:block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 80px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7));}
.page-thanks .don-hang .san-pham .xem-them { margin-top:16px;text-align:center; }
.page-thanks .don-hang .san-pham .xem-them button { background:none;border:none; }
.page-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-title > button { background:none;border:none; }
.page-thanks .don-hang .san-pham .chi-tiet .product-gift .line { font-size:1px;line-height:1px;margin:35px 0 20px 0; }
.page-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data { display:none;padding:14px 14px;border-radius:10px; }
.page-thanks .don-hang .san-pham .chi-tiet .product-gift.hienthi .product-gift-data { display:block; }
.page-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong { display:flex;justify-content:space-between;margin-top:10px; }
.page-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .name { width:550px;display:flex;justify-content:space-between;}
.page-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .name .image {width:70px;}
.page-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .name .image img {width:70px;height:70px;}
.page-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .name .text { width: calc(100% - 80px);line-height:30px; }
.page-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .soluong {width:75px;}
.page-thanks .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .thanhtien {width:83px;}

.page-thanks .don-hang .tong-ket {display:flex;justify-content:space-between;margin-top:15px;}
.page-thanks .don-hang .tong-ket .cot-trai { width: calc(100% - 515px); }
.page-thanks .don-hang .tong-ket .cot-trai > div { margin-top:18px; }
.page-thanks .don-hang .tong-ket .cot-trai > div:first-child { margin-top:0; }
.page-thanks .don-hang .tong-ket .cot-phai { width:500px; }
.page-thanks .don-hang .tong-ket .vat { padding:30px;border-radius:9px;line-height:20px; }
.page-thanks .don-hang .tong-ket .vat > div { margin-top:10px; }
.page-thanks .don-hang .tong-ket .vat > div:first-child { margin-top:0; }
.page-thanks .don-hang .tong-ket .ghichu { padding:30px;border-radius:9px;line-height:20px; }
.page-thanks .don-hang .tong-ket .ghichu.first { margin-top:0; }
.page-thanks .don-hang .tong-ket .ghichu > div { margin-top:10px; }
.page-thanks .don-hang .tong-ket .ghichu > div:first-child { margin-top:0; }
.page-thanks .don-hang .tong-ket .cart-total { padding:30px;border-radius:9px; }
.page-thanks .don-hang .tong-ket .cart-total .list-sub { padding-top:10px; }
.page-thanks .don-hang .tong-ket .cart-total .list-sub .sub { display:flex;justify-content: space-between;margin-top:10px; }
.page-thanks .don-hang .tong-ket .cart-total .dat-hang { margin-top:20px;width:100%; border:none;border-radius:15px;padding:8px 0;text-transform:uppercase; }
.page-thanks .don-hang .tong-ket .cart-total .line { margin-top:20px; }
.page-thanks .don-hang .tong-ket .cart-total .list-sub .sub-2 { display:flex;justify-content: space-between;margin-top:20px; }

.page-thanks .thiet-lap { display:flex;margin-top:20px; }
.page-thanks .thiet-lap .hinh { width:40px; }
.page-thanks .thiet-lap .hinh img { width:30px; }
.page-thanks .thiet-lap .text { text-align:center;width: calc(100% - 30px);line-height:26px; }
/* #endregion */


/* #region cart-delivery  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-delivery.top { margin-top:168px; }
/* .mobile-delivery .top { display:flex;justify-content:space-between; } */
.mobile-delivery .top .tieu-de { margin-top:0; }
.mobile-delivery .top .tieu-de .txt2 { margin-top:5px; }
.mobile-delivery .top .btn-them { text-decoration:underline;cursor:pointer; }
.mobile-delivery .list-diachi { margin-top:25px; }
.mobile-delivery .list-diachi .item { padding:0; }
.mobile-delivery .list-diachi .item .outline { display:flex;justify-content:space-between; }
.mobile-delivery .list-diachi .item .left { padding:10px 10px 10px 0; }
.mobile-delivery .list-diachi .item .right { padding:10px 10px 10px 10px;width:calc(100% - 30px); }
.mobile-delivery .list-diachi .item .FullAddress { margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mobile-delivery .list-diachi .item .Cellphone { margin-top:5px; }
.mobile-delivery .list-diachi .item .IsDefault { padding:2px 7px;border-radius: 9px;margin-left:10px; }
.mobile-delivery .list-diachi .item .act { margin-top:20px; }
.mobile-delivery .list-diachi .item .act button { border-radius: 15px;padding:5px 13px; }
.mobile-delivery .list-diachi .item .act button.edit { background:none; }
.mobile-delivery .list-diachi .item button.ReceivedBy { background:none;border:none;padding:0; }
/* #endregion mobile */
.page-delivery { padding-top:10px; }
.page-delivery .section { border-radius:9px;padding:30px 30px; }
.page-delivery .section-1 .top { display:flex;justify-content:space-between; }
.page-delivery .section-1 .top .tieu-de { width:calc(100% - 200px); }
.page-delivery .section-1 .top .tieu-de .txt2 { margin-top:5px; }
.page-delivery .section-1 .top .btn-them { margin-top:10px;padding:0 30px;height:40px;border-radius:25px;border:none; }
.page-delivery .section-2.list-diachi { margin-top:25px; }
.page-delivery .section-2.list-diachi .item { padding:10px 10px; }
.page-delivery .section-2.list-diachi .item .outline { border-radius: 9px;box-shadow: 0 0 5px 0 #e8ece3;display:flex;justify-content:center; }
.page-delivery .section-2.list-diachi .item .left { padding:20px 10px 20px 0; }
.page-delivery .section-2.list-diachi .item .right { padding:20px 0;width:calc(100% - 70px); }
.page-delivery .section-2.list-diachi .item .FullAddress { margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.page-delivery .section-2.list-diachi .item .Cellphone { margin-top:5px; }
.page-delivery .section-2.list-diachi .item .IsDefault { padding:2px 7px;border-radius: 9px;margin-left:10px; }
.page-delivery .section-2.list-diachi .item .act { margin-top:20px; }
.page-delivery .section-2.list-diachi .item .act button { border-radius: 15px;padding:5px 13px; }
.page-delivery .section-2.list-diachi .item .act button.edit { background:none; }

.popup-delivery-edit form > .hachi-modal .modal .modal-body .input { margin-top:2px; }
.popup-delivery-edit form > .hachi-modal .modal .modal-body .input input { border-radius:7px;padding:12px 12px; }
.popup-delivery-edit form > .hachi-modal .modal .modal-body .input.captcha-input { flex-wrap:wrap; }
.popup-delivery-edit form > .hachi-modal .modal .modal-body .input.captcha-input .image { width:100px;border-radius:0;padding:0; }
.popup-delivery-edit form > .hachi-modal .modal .modal-body .input.captcha-input .image img { margin-top:9px; }
.popup-delivery-edit form > .hachi-modal .modal .modal-body .input.captcha-input button { background:none;border:none; }
.popup-delivery-edit form > .hachi-modal .modal .modal-body .label { margin-top:19px; }
.popup-delivery-edit form > .hachi-modal .modal .modal-footer { text-align:left;margin-top:30px; }
.popup-delivery-edit form > .hachi-modal .modal .modal-footer button { border-radius:7px;padding:11px 54px; }
.popup-delivery-edit form > .hachi-modal .modal .modal-footer .pc { display:none; }
.popup-delivery-edit form > .hachi-modal .modal .modal-footer .mobile { display:block; }
@media(min-width: 576px) {
  .popup-delivery-edit form > .hachi-modal .modal .modal-footer .pc { display:block; }
  .popup-delivery-edit form > .hachi-modal .modal .modal-footer .mobile { display:none; }
  .popup-delivery-edit form > .hachi-modal .modal .modal-body .input.captcha-input input { width:150px; }
}
.popup-delivery-has-account .hachi-modal .modal .modal-content .modal-footer { padding:20px 20px; }
.popup-delivery-has-account .hachi-modal .modal .modal-content .modal-footer > button { margin-left:10px; }
.popup-delivery-has-account .hachi-modal .modal .modal-content .modal-footer > button:first-child { margin-left:0; }
/* #endregion */


/* #region login  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-login.top { margin-top:168px; }
.mobile-login .dang-nhap.hide { display:none; }
.mobile-login .dang-nhap .title { text-align:center; }
.mobile-login .dang-nhap .input { width:100%;border-radius:63px;position:relative; }
.mobile-login .dang-nhap .input input { width:100%;padding:15px 45px 15px 50px;border:none;border-radius:63px; }
/*.cl-gregray750*/
.mobile-login .dang-nhap .input input::placeholder { color:#2f5133; }
.mobile-login .dang-nhap .input input::-webkit-input-placeholder { color:#2f5133; }
.mobile-login .dang-nhap .input input::-moz-placeholder { color:#2f5133; }
.mobile-login .dang-nhap .input input:-ms-input-placeholder { color:#2f5133; }
.mobile-login .dang-nhap .input .ico { position:absolute;width:16px;height:16px;cursor: pointer; }
.mobile-login .dang-nhap .input .ico.left { top:16px;left:25px; }
.mobile-login .dang-nhap .input .ico.right { top:16px;right:25px; }
.mobile-login .dang-nhap .input .show { display:block; }
.mobile-login .dang-nhap .input .hide { display:none; }
.mobile-login .dang-nhap .input.hide .show { display:none; }
.mobile-login .dang-nhap .input.hide .hide { display:block; }
.mobile-login .dang-nhap > div.error { display:flex;margin-top:6px;padding-left:25px; }
.mobile-login .dang-nhap > div.error > img { margin-right:8px; }
.mobile-login .dang-nhap .input.UserName { margin-top:40px; }
.mobile-login .dang-nhap .input.Password { margin-top:10px; }
.mobile-login .dang-nhap .quen-mat-khau { margin-top:4px;display:flex;justify-content:space-between; }
.mobile-login .dang-nhap .quen-mat-khau a { cursor:pointer; }
.mobile-login .dang-nhap .text { margin-top:60px;text-align:center;line-height:21px; }
.mobile-login .dang-nhap button.login { margin-top:20px;padding:12px 0;width:100%;text-align:center;border:none;border-radius:19px; }
.mobile-login .dang-nhap .footer { margin-top:60px;text-align:center; }
.mobile-login .dang-nhap .footer > span { margin-right:5px; }
/*b-gregray40,cl-gregray400*/
.mobile-login .dang-nhap form.haserror button.login[type=submit] { background:#f4f6f1;color:#abafa5; }

.mobile-login .dang-nhap-sms.hide { display:none; }
.mobile-login .dang-nhap-sms .quen-mat-khau { text-align:center;margin-top:10px; }
.mobile-login .dang-nhap-sms .quen-mat-khau a { cursor:pointer; }
.mobile-login .dang-nhap-sms .title { text-align:center; }
.mobile-login .dang-nhap-sms .input { width:100%;border-radius:63px;position:relative; }
.mobile-login .dang-nhap-sms .input input[type="text"] { padding:14px 45px 14px 50px;border-radius:63px; }
.mobile-login .dang-nhap-sms .input input[type="number"] { padding:14px 45px 14px 50px;border-radius:63px; }
.mobile-login .dang-nhap-sms .input.SoDienThoai { margin-top:50px; }
.mobile-login .dang-nhap-sms .input.SoDienThoai input[type="text"] { width:100%; }
.mobile-login .dang-nhap-sms .input.SoDienThoai input[type="number"] { width:100%; }
.mobile-login .dang-nhap-sms .input.SoDienThoai img.ico.left { width:auto;height:auto;position:absolute;left:20px;top:16px; }
.mobile-login .dang-nhap-sms .input .ico { position:absolute;width:16px;height:16px;cursor: pointer; }
.mobile-login .dang-nhap-sms .input .ico.left { top:16px;left:25px; }
.mobile-login .dang-nhap-sms .input.MaCapcha { display:flex;margin-top:10px; }
.mobile-login .dang-nhap-sms .input.MaCapcha .image { margin-top:9px; }
.mobile-login .dang-nhap-sms .input.MaCapcha a { margin-top:12px; }
.mobile-login .dang-nhap-sms > div.error { display:flex;margin-top:6px;padding-left:25px; }
.mobile-login .dang-nhap-sms > div.error > img { margin-right:8px; }
.mobile-login .dang-nhap-sms .input.UserName { margin-top:50px; }
.mobile-login .dang-nhap-sms .input.Password { margin-top:10px; }
.mobile-login .dang-nhap-sms .text { margin-top:70px;text-align:center;line-height:21px; }
.mobile-login .dang-nhap-sms button.login { margin-top:20px;padding:12px 0;width:100%;text-align:center;border:none;border-radius:19px; }
.mobile-login .dang-nhap-sms .footer { margin-top:70px;text-align:center; }
.mobile-login .dang-nhap-sms .footer > span { margin-right:5px; }
/*b-gregray40,cl-gregray400*/
.mobile-login .dang-nhap-sms form.haserror button.login[type=submit] { background:#f4f6f1;color:#abafa5; }

.mobile-login .thanh-cong .image { text-align:center; }
.mobile-login .thanh-cong .title { margin-top:17px;text-align:center; }
.mobile-login .thanh-cong .title-sub { margin-top:6px;text-align:center;line-height:22px; }
.mobile-login .thanh-cong .thong-tin { border-radius:10px;padding:11px 16px 16px 16px;margin-top:30px; }
.mobile-login .thanh-cong .text-1 { margin-top:36px;text-align:center;line-height:21px; }
.mobile-login .thanh-cong .text-2 { margin-top:16px;text-align:center; }
.mobile-login .thanh-cong .action a { margin-top:17px;display:block;padding:12px 0;width:100%;text-align:center;border:none;border-radius:19px; }
.mobile-login .thanh-cong .dong { margin-top:5px;display:flex;justify-content:space-between; }
.mobile-login .thanh-cong .dong .noidung-1 { width:calc(50% - 15px); }
.mobile-login .thanh-cong .dong .noidung-2 { width:calc(50% - 15px);text-align:right; }
.mobile-login .thanh-cong .gachduoi { text-decoration:underline;text-decoration-color:#bedb49;text-decoration-thickness:4px; }
/* #endregion mobile */

.page-login .dang-nhap.hide { display:none; }
.page-login .dang-nhap { width:540px;padding:50px 50px;margin:60px auto;border-radius:20px;box-shadow: 0 0 5px 0 #dee0da; }
.page-login .dang-nhap .title { text-align:center; }
.page-login .dang-nhap .input { width:100%;border-radius:63px;position:relative; }
.page-login .dang-nhap .input input { width:100%;padding:15px 45px 15px 50px;border:none;border-radius:63px; }
/*.cl-gregray750*/
.page-login .dang-nhap .input input::placeholder { color:#2f5133; }
.page-login .dang-nhap .input input::-webkit-input-placeholder { color:#2f5133; }
.page-login .dang-nhap .input input::-moz-placeholder { color:#2f5133; }
.page-login .dang-nhap .input input:-ms-input-placeholder { color:#2f5133; }
.page-login .dang-nhap .input .ico { position:absolute;width:16px;height:16px;cursor: pointer; }
.page-login .dang-nhap .input .ico.left { top:16px;left:25px; }
.page-login .dang-nhap .input .ico.right { top:16px;right:25px; }
.page-login .dang-nhap .input .show { display:block; }
.page-login .dang-nhap .input .hide { display:none; }
.page-login .dang-nhap .input.hide .show { display:none; }
.page-login .dang-nhap .input.hide .hide { display:block; }
.page-login .dang-nhap > div.error { display:flex;margin-top:6px;padding-left:25px; }
.page-login .dang-nhap > div.error > img { margin-right:8px; }
.page-login .dang-nhap .input.UserName { margin-top:50px; }
.page-login .dang-nhap .input.Password { margin-top:10px; }
.page-login .dang-nhap .quen-mat-khau { margin-top:4px;display:flex;justify-content:space-between; }
.page-login .dang-nhap .quen-mat-khau a { cursor:pointer; }
.page-login .dang-nhap .text { margin-top:70px;text-align:center;line-height:21px; }
.page-login .dang-nhap button.login { margin-top:20px;padding:12px 0;width:100%;text-align:center;border:none;border-radius:19px; }
.page-login .dang-nhap .footer { margin-top:70px;text-align:center; }
.page-login .dang-nhap .footer > span { margin-right:5px; }
/*b-gregray40,cl-gregray400*/
.page-login .dang-nhap form.haserror button.login[type=submit] { background:#f4f6f1;color:#abafa5; }
.popup-forget-pass .hachi-modal .modal .modal-footer a { margin-top:18px;display:block;text-align:center;text-decoration:underline; }

.page-login .dang-nhap-sms.hide { display:none; }
.page-login .dang-nhap-sms .quen-mat-khau { text-align:center;margin-top:10px; }
.page-login .dang-nhap-sms .quen-mat-khau a { cursor:pointer; }
.page-login .dang-nhap-sms { width:540px;padding:50px 50px;margin:60px auto;border-radius:20px;box-shadow: 0 0 5px 0 #dee0da; }
.page-login .dang-nhap-sms .title { text-align:center; }
.page-login .dang-nhap-sms .input { width:100%;border-radius:63px;position:relative; }
.page-login .dang-nhap-sms .input input[type="text"] { padding:14px 45px 14px 50px;border-radius:63px; }
.page-login .dang-nhap-sms .input input[type="number"] { padding:14px 45px 14px 50px;border-radius:63px; }
.page-login .dang-nhap-sms .input.SoDienThoai { margin-top:50px; }
.page-login .dang-nhap-sms .input.SoDienThoai input[type="text"] { width:100%; }
.page-login .dang-nhap-sms .input.SoDienThoai input[type="number"] { width:100%; }
.page-login .dang-nhap-sms .input.SoDienThoai img.ico.left { width:auto;height:auto;position:absolute;left:20px;top:16px; }
.page-login .dang-nhap-sms .input .ico { position:absolute;width:16px;height:16px;cursor: pointer; }
.page-login .dang-nhap-sms .input .ico.left { top:16px;left:25px; }
.page-login .dang-nhap-sms .input.MaCapcha { display:flex;margin-top:10px; }
.page-login .dang-nhap-sms .input.MaCapcha .image { margin-top:9px; }
.page-login .dang-nhap-sms .input.MaCapcha a { margin-top:12px; }
.page-login .dang-nhap-sms > div.error { display:flex;margin-top:6px;padding-left:25px; }
.page-login .dang-nhap-sms > div.error > img { margin-right:8px; }
.page-login .dang-nhap-sms .input.UserName { margin-top:50px; }
.page-login .dang-nhap-sms .input.Password { margin-top:10px; }
.page-login .dang-nhap-sms .text { margin-top:70px;text-align:center;line-height:21px; }
.page-login .dang-nhap-sms button.login { margin-top:20px;padding:12px 0;width:100%;text-align:center;border:none;border-radius:19px; }
.page-login .dang-nhap-sms .footer { margin-top:70px;text-align:center; }
.page-login .dang-nhap-sms .footer > span { margin-right:5px; }
/*b-gregray40,cl-gregray400*/
.page-login .dang-nhap-sms form.haserror button.login[type=submit] { background:#f4f6f1;color:#abafa5; }

.page-login .thanh-cong { padding:42px 53px 68px 53px;border-radius:20px;box-shadow: 0 0 5px 0 #dee0da;max-width:539px;margin:60px auto; }
.page-login .thanh-cong .image { text-align:center; }
.page-login .thanh-cong .title { margin-top:17px;text-align:center; }
.page-login .thanh-cong .title-sub { margin-top:6px;text-align:center;line-height:22px; }
.page-login .thanh-cong .thong-tin { border-radius:10px;padding:11px 16px 16px 16px;margin-top:30px; }
.page-login .thanh-cong .text-1 { margin-top:36px;text-align:center;line-height:21px; }
.page-login .thanh-cong .text-2 { margin-top:16px;text-align:center; }
.page-login .thanh-cong .action a { margin-top:17px;display:block;padding:12px 0;width:100%;text-align:center;border:none;border-radius:19px; }
.page-login .thanh-cong .dong { margin-top:5px;display:flex;justify-content:space-between; }
.page-login .thanh-cong .dong .noidung-1 { width:calc(50% - 15px); }
.page-login .thanh-cong .dong .noidung-2 { width:calc(50% - 15px);text-align:right; }
.page-login .thanh-cong .gachduoi { text-decoration:underline;text-decoration-color:#bedb49;text-decoration-thickness:4px; }


.popup-login-otp .otp { margin-top:35px;display:flex;justify-content:center; }
.popup-login-otp .otp > input { width:30px;margin-left:15px;text-align:center; }
.popup-login-otp .text-1 {margin-top:15px;text-align:center;}
.popup-login-otp .text-2 {margin-top:69px;text-align:center;}
.popup-login-otp .modal-footer { margin-top:37px;text-align:center; }
.popup-login-otp .modal-footer button { margin-top:17px;padding:10px 0;width:100%;text-align:center;border:none;border-radius:19px; }
/*b-gregray40,cl-gregray400*/
.popup-login-otp form.haserror .modal-footer button { background:#f4f6f1;color:#abafa5; }
.popup-login-otp .modal-body .otp-err { margin-top:6px;text-align:center; }
.popup-login-otp .modal-body .text-2.show { display:none; }
.popup-login-otp .modal-body .text-2.hide { display:block; }
.popup-login-otp.waiting .modal-body .text-2.show { display:block; }
.popup-login-otp.waiting .modal-body .text-2.hide { display:none; }
.popup-login-otp .modal-body .text-2 a { cursor:pointer; }

/* .popup-change-pass .hachi-modal .modal .modal-body .input { margin-top:33px;position: relative; }
.popup-change-pass .hachi-modal .modal .modal-body .input .show { display:block; }
.popup-change-pass .hachi-modal .modal .modal-body .input .hide { display:none; }
.popup-change-pass .hachi-modal .modal .modal-body .input.hide .show { display:none; }
.popup-change-pass .hachi-modal .modal .modal-body .input.hide .hide { display:block; }
.popup-change-pass .hachi-modal .modal .modal-body .input img.ico { position:absolute;top:13px;right:13px;width:18px;height:16px;cursor:pointer; }
.popup-change-pass .hachi-modal .modal .modal-body .input input { border-radius:20px;padding:12px 40px 12px 20px;width:100%; } */


.popup-change-pass .hachi-modal .modal .modal-body .text-1 { margin-top:10px; }
.popup-change-pass .hachi-modal .modal .modal-footer a { margin-top:18px;display:block;text-align:center;text-decoration:underline; }

.popup-change-success .hachi-modal .modal .modal-body .hinh { text-align:center; }
.popup-change-success .hachi-modal .modal .modal-body .text-1 { margin-top:30px;text-align:center;line-height:30px; }
.popup-change-success .hachi-modal .modal .modal-body .text-2 { margin-top:28px;text-align:center;line-height:22px; }
.popup-change-success .hachi-modal .modal .modal-body .text-3 { margin-top:20px;text-align:center;line-height:22px; }
.popup-change-success .hachi-modal .modal .modal-footer { display: block;text-align:center;margin-top:66px; }
.popup-change-success .hachi-modal .modal .modal-footer button { border-radius:25px;padding:13px 90px; }

form > .hachi-modal .modal .modal-body .input { margin-top:33px;position: relative; }
form > .hachi-modal .modal .modal-body .input.dong { margin-top:13px; }
form > .hachi-modal .modal .modal-body .input .show { display:block; }
form > .hachi-modal .modal .modal-body .input .hide { display:none; }
form > .hachi-modal .modal .modal-body .input.hide .show { display:none; }
form > .hachi-modal .modal .modal-body .input.hide .hide { display:block; }
form > .hachi-modal .modal .modal-body .input img.ico { position:absolute;top:13px;right:13px;width:18px;height:16px;cursor:pointer; }
form > .hachi-modal .modal .modal-body .input input { border-radius:20px;padding:12px 40px 12px 20px;width:100%; }
form > .hachi-modal .modal .modal-body .text-1 { text-align:center; }
form > .hachi-modal .modal .modal-body .text-2 { text-align:center;margin-top:6px;line-height:22px; }
form > .hachi-modal .modal .modal-body .text-3 { text-align:center;margin-top:52px;line-height:20px; }
form > .hachi-modal .modal .modal-body .text-3 a.guilai { border-radius:20px;padding:2px 10px;margin-left:5px; }
form > .hachi-modal .modal .modal-body div.error { display:flex;margin-top:6px;padding-left:12px; }
form > .hachi-modal .modal .modal-body div.error > img { margin-right:8px; }
form > .hachi-modal .modal .modal-body .input.captcha-input { display:flex;margin-top:18px; }
form > .hachi-modal .modal .modal-body .input.captcha-input .image { width:calc(100% - 40px);border-radius:20px;padding:0 10px; }
form > .hachi-modal .modal .modal-body .input.captcha-input a { margin-left:18px;width:20px;cursor:pointer; }
form > .hachi-modal .modal .modal-body .input.captcha-input a > img { margin-top:8px; }
/*b-gregray40,cl-gregray400*/
form.haserror > .hachi-modal .modal .modal-footer button[type=submit] { background:#f4f6f1;color:#abafa5; }
form > .hachi-modal .modal .modal-footer { display: block;text-align:center;margin-top:66px; }
form > .hachi-modal .modal .modal-footer button { border-radius:25px;padding:13px 90px; }
/* #endregion */


/* #region product-promotion  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-product-promotion .banner-1 { margin-top:12px; }
.mobile-product-promotion .banner-1 .item { width:299px; }
.mobile-product-promotion .banner-1 .item img { width:299px;height:179px; }
.mobile-product-promotion .banner-1 .item .sapxep-bg { border-radius:20px;position: absolute;width:31px;height:18px;top:10px;right:10px;opacity:0.8; }
.mobile-product-promotion .banner-1 .item .sapxep { position: absolute;top:10px;right:10px;width:31px;text-align:center; }
.mobile-product-promotion .flashsale-mobile { margin-top:45px; }
.mobile-product-promotion .changeview { margin-top:17px;
  display: flex;
  align-items: center;
}
.mobile-product-promotion .changeview img { flex-shrink: 0; }
.mobile-product-promotion .changeview a.column { margin-right:8px; }
.mobile-product-promotion .changeview span { margin-top:2px;margin-left:23px;margin-right:14px; }
.mobile-product-promotion .khuyenmai .item { margin-top:20px; }
.mobile-product-promotion .khuyenmai .item .xemtatca { margin-top:10px;text-align:center; }
.mobile-product-promotion .noidung { margin-top:55px; }
.mobile-product-promotion .noidung .tieude { line-height:33px;text-align:center; }
.mobile-product-promotion .noidung .tomtat { margin-top:5px;line-height:23px;max-width:720px;text-align:center; }
.mobile-product-promotion .san-pham-da-xem-mobile { margin-top:70px; }
/* #endregion mobile */

.page-product-promotion .title { display: flex; margin-bottom: 16px; justify-content: space-between;}
.page-product-promotion .flashsale .title { justify-content: flex-start;}
.page-product-promotion .title .time { margin-top:3px;padding:1px 8px;border-radius:7px;height:28px;margin-right:3px;margin-left:3px; }
.page-product-promotion .title .time-space { margin-top:10px; }
.page-product-promotion .title .time.ngay { margin-left:14px; }
.page-product-promotion .title .time.ngay::before { content:'Ngày'; }
.page-product-promotion .title .time.gio::before { content:'Giờ'; }
.page-product-promotion .title .time.phut::before { content:'Phút'; }
.page-product-promotion .title a { margin-top:5px;margin-left:14px; }
/* .page-product-promotion.noi-bat { margin-top:24px;background: linear-gradient(#c4d600, #8bc53f); } */
.page-product-promotion.noi-bat { margin-top:24px;background-image:url('images/khuyenmai_01.jpg'); }
.page-product-promotion.noi-bat .item { text-align:center;margin-top:40px;margin-bottom:40px;padding:0 40px; }
.page-product-promotion.noi-bat .item a { opacity:0.4; }
.page-product-promotion.noi-bat .item a div { margin-top:8px; }
.page-product-promotion.noi-bat .item a:hover { opacity:1; }
.page-product-promotion.noi-bat .item.active a { opacity:1; }
/* .page-product-promotion .section-3 { margin-top:32px; } */
.page-product-promotion .section-3 .item { margin-top:32px;border-radius:20px; }
.page-product-promotion .section-3 .item a { border-radius:20px;padding:7px 24px; }
.page-product-promotion .section-6 { margin-top:20px; }
.page-product-promotion .section-6 .banner img { border-radius: 10px; }
.page-product-promotion .section-6 .banner .item .sapxep-bg { border-radius:20px;position: absolute;width:31px;height:18px;top:26px;right:26px;opacity:0.8; }
.page-product-promotion .section-6 .banner .item .sapxep { position: absolute;top:26px;right:26px;width:31px;text-align:center; }

.page-product-promotion .flashsale { margin-top:56px; }
/* 
.page-product-promotion .section-4 { margin-top:56px; }
.page-product-promotion .section-4 .listitems{ margin-top:25px;position:relative; }
.page-product-promotion .section-4 .listitems .bg-top { background-color:#fff;position:absolute;top:0;height:245px;width: 100%; }
.page-product-promotion .section-4 .listitems .bg-bottom{ height:429px;position:absolute;top:245px; background:linear-gradient(#ffffff, #ffa68d, #fd3a84);width: 100%;border-radius:10px; }
.page-product-promotion .section-4 .listitems .item {padding:15px;}
.page-product-promotion .section-4 .listitems .item.first {padding-left:25px;}
.page-product-promotion .section-4 .listitems .item.last {padding-right:25px;}
.page-product-promotion .section-4 .listitems .item .outline { padding:20px;border-radius:10px; }
.page-product-promotion .section-4 .listitems .item .img{ text-align:center; }
.page-product-promotion .section-4 .listitems .item .img img{ width:350px; height:320px; }
.page-product-promotion .section-4 .listitems .item .name{ margin-top:15px;}
.page-product-promotion .section-4 .listitems .item .name a{ text-decoration:none; }
.page-product-promotion .section-4 .listitems .item .price{ margin-top:15px; }
.page-product-promotion .section-4 .listitems .item .price .sale{ text-decoration:line-through; }
.page-product-promotion .section-4 .listitems .item .price .sale-percent{ padding:2px 7px;border-radius:7px; }
.page-product-promotion .section-4 .listitems .item .info{ margin-top: 30px;line-height:28px; }
.page-product-promotion .section-4 .listitems .item .button { margin-top:25px; }
.page-product-promotion .section-4 .listitems .item .button button{ border:none;padding: 13px 40px;border-radius:20px;text-transform:uppercase; }
 */
/* .page-product-promotion .section-1 .danh-sach .item { margin-top:40px; }
.page-product-promotion .time { border-radius:5px;padding:3px 7px; }
.page-product-promotion .time.ngay { margin-left:20px; }
.page-product-promotion .time.phut { margin-right:14px; } 
.page-product-promotion .section-1 .danh-sach { margin-top:24px; }*/
.page-product-promotion .section-1 .danh-sach .item { margin-top:40px; }
.page-product-promotion .section-9 { margin-top:40px; }
.page-product-promotion .section-9 .tieu-de { text-align:center; }
.page-product-promotion .section-9 .noi-dung { text-align:center;margin-top:4px; }
.page-product-promotion .section-12 { margin-top:70px; }
.page-product-promotion .product-top { margin-top:40px;display:flex;justify-content:space-between; }
/* .page-product-promotion .product-top > .changeview { margin-top:16px; } */
.page-product-promotion .product-top > .changeview { 
  display: flex;
  align-items: center;
}
.page-product-promotion .product-top > .changeview a { flex-shrink: 0; }
.page-product-promotion .product-top > .changeview a.column { margin-right:8px; }
.page-product-promotion .product-top > .changeview span { margin-top:2px;margin-left:23px;margin-right:14px; 
  display: flex;
  align-items: center;
}
.mode-desktop .page-product-promotion .product-list .product-item {
  height: 380px;
  width: unset;
}
/* #endregion */

/* #region hachi-star  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-hachi-star .flashsale-mobile { margin-top:45px; }
.mobile-hachi-star .danh-sach .item { margin-top:20px; }
.mobile-hachi-star .danh-sach .item .title { display: flex; }
.mobile-hachi-star .danh-sach .item .title a { margin-top:5px;margin-left:14px; }
.mobile-hachi-star .danh-sach .item .xemtatca { margin-top:10px;text-align:center; }
.mobile-hachi-star .noidung { margin-top:55px; }
.mobile-hachi-star .noidung .tieude { line-height:33px;text-align:center; }
.mobile-hachi-star .noidung .tomtat { margin-top:5px;line-height:23px;max-width:720px;text-align:center; }
.mobile-hachi-star .san-pham-da-xem-mobile { margin-top:70px; }
.mobile-hachi-star .san-pham-da-xem-mobile .xemtatca { margin-top:10px;text-align:center; }
/* #endregion mobile */

.hachi-star .flashsale { margin-top:56px; }
.hachi-star > .container > .row > .danh-sach > .item { margin-top:40px; }
.hachi-star .danh-sach .item .title { margin-bottom: 16px;display: flex;justify-content: space-between; }
.hachi-star .danh-sach .item .title a { margin-top:5px;margin-left:14px; }
.hachi-star .gioi-thieu { margin-top:40px; }
.hachi-star .gioi-thieu .tieu-de { text-align:center; }
.hachi-star .gioi-thieu .noi-dung { text-align:center;margin-top:4px; }
.hachi-star .san-pham-da-xem .title { margin-top:70px;margin-bottom: 16px;display: flex;justify-content: space-between; }
.hachi-star .san-pham-da-xem .title a { margin-top:5px;margin-left:14px; }
.hachi-star .product-list .product-item { height: 380px;width: unset; }
/* #endregion */

/* #region hachi-gioithieu  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-hachi-gioithieu .flashsale-mobile { margin-top:45px; }
.mobile-hachi-gioithieu .danh-sach .item { margin-top:20px; }
.mobile-hachi-gioithieu .danh-sach .item .title { display: flex; }
.mobile-hachi-gioithieu .danh-sach .item .title a { margin-top:5px;margin-left:14px; }
.mobile-hachi-gioithieu .danh-sach .item .xemtatca { margin-top:10px;text-align:center; }
.mobile-hachi-gioithieu .noidung { margin-top:55px; }
.mobile-hachi-gioithieu .noidung .tieude { line-height:33px;text-align:center; }
.mobile-hachi-gioithieu .noidung .tomtat { margin-top:5px;line-height:23px;max-width:720px;text-align:center; }
.mobile-hachi-gioithieu .san-pham-da-xem-mobile { margin-top:70px; }
.mobile-hachi-gioithieu .san-pham-da-xem-mobile .xemtatca { margin-top:10px;text-align:center; }
/* #endregion mobile */

.hachi-gioithieu .flashsale { margin-top:56px; }
.hachi-gioithieu > .container > .row > .danh-sach > .item { margin-top:40px; }
.hachi-gioithieu .danh-sach .item .title { margin-bottom: 16px;display: flex;justify-content: space-between; }
.hachi-gioithieu .danh-sach .item .title a { margin-top:5px;margin-left:14px; }
.hachi-gioithieu .gioi-thieu { margin-top:40px; }
.hachi-gioithieu .gioi-thieu .tieu-de { text-align:center; }
.hachi-gioithieu .gioi-thieu .noi-dung { text-align:center;margin-top:4px; }
.hachi-gioithieu .san-pham-da-xem .title { margin-top:70px;margin-bottom: 16px;display: flex;justify-content: space-between; }
.hachi-gioithieu .san-pham-da-xem .title a { margin-top:5px;margin-left:14px; }
.hachi-gioithieu .product-list .product-item { height: 380px;width: unset; }
/* #endregion */

/* #region page-combo  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-combo .danh-sach .item { margin-top:20px; }
.mobile-combo .danh-sach .item .title { display: flex; }
.mobile-combo .danh-sach .item .title a { margin-top:5px;margin-left:14px; }
.mobile-combo .noidung { margin-top:55px; }
.mobile-combo .noidung .tieude { line-height:33px;text-align:center; }
.mobile-combo .noidung .tomtat { margin-top:5px;line-height:23px;max-width:720px;text-align:center; }
.mobile-combo .san-pham-da-xem-mobile { margin-top:70px; }
/* #endregion mobile */
.page-combo > .container > .row > .danh-sach > .item { margin-top:60px; }
.page-combo .danh-sach .item .title { display: flex;margin-bottom:16px; }
.page-combo .danh-sach .item .title a { margin-top:5px;margin-left:14px; }
.page-combo .gioi-thieu { margin-top:40px; }
.page-combo .gioi-thieu .tieu-de { text-align:center; }
.page-combo .gioi-thieu .noi-dung { text-align:center;margin-top:4px; }
.page-combo .san-pham-da-xem { margin-top:70px; }
.page-combo .san-pham-da-xem .title { display: flex; }
.page-combo .san-pham-da-xem .title a { margin-top:5px;margin-left:14px; }
.page-combo .product-list {
  row-gap: 21px;
}
.page-combo .product-list .product-item {
  width: 100%;
  height: 100%;
}
/* #endregion */

/* #region page-giftset  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-giftset .danh-sach .item { margin-top:20px; }
.mobile-giftset .noidung { margin-top:55px; }
.mobile-giftset .noidung .tieude { line-height:33px;text-align:center; }
.mobile-giftset .noidung .tomtat { margin-top:5px;line-height:23px;max-width:720px;text-align:center; }
.mobile-giftset .san-pham-da-xem-mobile { margin-top:70px; }

.mobile-giftset .danh-sach .item .title  { text-align:center; }
.mobile-giftset .danh-sach .item .title-sub  { margin:2px auto 0 auto;text-align:center;max-width:700px;line-height:23px; }
.mobile-giftset .danh-sach .item .action { margin-top:16px; }
.mobile-giftset .danh-sach .item .action > .dropdown .dropdown-menu { border-radius:10px;padding:24px 12px; }
.mobile-giftset .danh-sach .item .action > .dropdown .dropdown-menu .dropdown-item { padding:8px 16px; }
/* b-gregray70,cl-gregray90,sibold600 */
.mobile-giftset .danh-sach .item .action > .dropdown .dropdown-menu .dropdown-item:hover { color:#151e17;font-weight:600;padding:8px 16px;border-radius:20px;background-color:#f0f3eb; }
.mobile-giftset .danh-sach .item .action > .dropdown .dropdown-menu .dropdown-item.active { color:#151e17;font-weight:600;padding:8px 16px;border-radius:20px;background-color:#f0f3eb; }
.mobile-giftset .danh-sach .item .action > .dropdown .dropdown-toggle::after {margin-left:9px;}
.mobile-giftset .danh-sach .item .action > .dropdown > button:focus { box-shadow:none; }
.mobile-giftset .danh-sach .item .action > .dropdown > button:active { box-shadow:none; }
.mobile-giftset .danh-sach .item .action > .dropdown > button { border-radius:20px;padding:9px 20px;background:none;box-shadow:none; }
.mobile-giftset .danh-sach .item .xemthem { margin-top:40px;text-align:center; }
.mobile-giftset .danh-sach .item .xemthem a { cursor: pointer; }
/* #endregion mobile */
.page-giftset > .container > .row > .danh-sach > .item { margin-top:40px; }
.page-giftset .danh-sach .item  { margin-top:56px; }
.page-giftset .danh-sach .item .title  { text-align:center; }
.page-giftset .danh-sach .item .title-sub  { margin:2px auto 0 auto;text-align:center;max-width:700px;line-height:23px; }
.page-giftset .danh-sach .item .action { display:flex;justify-content:right;margin-top:46px; }
.page-giftset .danh-sach .item .action > .dropdown > button:focus { box-shadow:none; }
.page-giftset .danh-sach .item .action > .dropdown > button:active { box-shadow:none; }
.page-giftset .danh-sach .item .action > .dropdown > button { border-radius:20px;padding:9px 20px;background:none;box-shadow:none; }
.page-giftset .danh-sach .item .xemthem { margin-top:40px;text-align:center; }
.page-giftset .danh-sach .item .xemthem a { cursor: pointer; }
.page-giftset .gioi-thieu { margin-top:40px; }
.page-giftset .gioi-thieu .tieu-de { text-align:center; }
.page-giftset .gioi-thieu .noi-dung { text-align:center;margin-top:4px; }
.page-giftset .san-pham-da-xem { margin-top:70px; }
.page-giftset .san-pham-da-xem .title { display: flex; }
.page-giftset .san-pham-da-xem .title a { margin-top:5px;margin-left:14px; }

/* #endregion */

/* #region product-register  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-register.top { margin-top:168px; }
.mobile-register .dang-ky { margin-top:30px; }
.mobile-register .dang-ky .title { text-align:center; }
.mobile-register .dang-ky .title-sub { text-align:center;margin-top:15px;padding-bottom:37px;line-height:22px; }
.mobile-register .dang-ky .captcha-input { position: relative; }
.mobile-register .dang-ky .captcha-input .image { border-radius:20px;padding:5px 5px 5px 30px; }
.mobile-register .dang-ky .captcha-input > a { position: absolute;cursor: pointer;right:18px;top:10px; }
.mobile-register .dang-ky .label { margin-top:18px; }
.mobile-register .dang-ky .input { width:100%;border-radius:40px;position:relative;margin-top:3px; }
.mobile-register .dang-ky .input input { width:100%;padding:15px 5px 15px 50px;border:none;border-radius:40px; }
.mobile-register .dang-ky .input.no-icon input { padding:15px 15px; }
.mobile-register .dang-ky .input img.icon { width:auto;height:auto;position:absolute;left:20px;top:16px; }
.mobile-register .dang-ky .input.data { display:flex;justify-content:space-between;border-radius:0; }
.mobile-register .dang-ky .input.data .data-3 { width:30%; }
.mobile-register .dang-ky .input .data-3 > .ui-widget { padding:12px 12px;border-radius:40px; }
/*cl-red300*/
.mobile-register .dang-ky .input .data-3 > .ui-widget.error { border:solid 1px #e2574c; }
.mobile-register .dang-ky .input .data-3 > .ui-widget .custom-combobox { display:flex; }
.mobile-register .dang-ky .input .data-3 > .ui-widget .custom-combobox > input { width:calc(100% - 16px);border:none;background:none;padding:0;border-radius:0; }
.mobile-register .dang-ky .input .data-3 > .ui-widget .custom-combobox > .custom-combobox-toggle { border:none;background:none;width:15px;padding:5px 5px; }
.mobile-register .dang-ky .input > .ui-widget { padding:12px 12px;border-radius:40px; }
.mobile-register .dang-ky .input > .ui-widget.error { border:solid 1px #e2574c; }
.mobile-register .dang-ky .input > .ui-widget .custom-combobox { display:flex; }
.mobile-register .dang-ky .input > .ui-widget .custom-combobox > input { width:calc(100% - 16px);border:none;background:none;padding:0;border-radius:0; }
.mobile-register .dang-ky .input > .ui-widget .custom-combobox > .custom-combobox-toggle { border:none;background:none;width:15px;padding:5px 5px; }
.mobile-register .dang-ky .input-info { margin-top:5px;display:flex; }
.mobile-register .dang-ky .input-info > img { width:20px;height:20px;margin-right:5px; }
/*.cl-gregray750*/
.mobile-register .dang-ky .input input::placeholder { color:#2f5133; }
.mobile-register .dang-ky .input input::-webkit-input-placeholder { color:#2f5133; }
.mobile-register .dang-ky .input input::-moz-placeholder { color:#2f5133; }
.mobile-register .dang-ky .input input:-ms-input-placeholder { color:#2f5133; }
.mobile-register .dang-ky .chia-2 { display:flex;justify-content:space-between; }
.mobile-register .dang-ky .chia-2 .cot-1 { width:65%; }
.mobile-register .dang-ky .chia-2 .cot-2 { width:30%; }
.mobile-register .dang-ky .thongtin { margin-top:5px;margin-left:20px; }
.mobile-register .dang-ky .chinhsach { margin-top:68px;display:flex;line-height:21px;justify-content:center;}
.mobile-register .dang-ky .chinhsach .check { width:20px;margin-left:20px;margin-right:5px; }
.mobile-register .dang-ky .chinhsach .check input[type="checkbox"] { width:18px;height:18px;accent-color:#268f3b; }
.mobile-register .dang-ky button.btn-dangky { margin-top:17px;padding:12px 0;width:100%;text-align:center;border:none;border-radius:19px; }
.mobile-register .dang-ky .footer { margin-top:37px;text-align:center; }
/*b-gregray40,cl-gregray400*/
.mobile-register .dang-ky.haserror button.btn-dangky { background:#f4f6f1;color:#abafa5; }

.mobile-register .thanh-cong .image { text-align:center; }
.mobile-register .thanh-cong .title { margin-top:17px;text-align:center; }
.mobile-register .thanh-cong .title-sub { margin-top:6px;text-align:center;line-height:22px; }
.mobile-register .thanh-cong .thong-tin { border-radius:10px;padding:11px 16px 16px 16px;margin-top:30px; }
.mobile-register .thanh-cong .text-1 { margin-top:36px;text-align:center;line-height:21px; }
.mobile-register .thanh-cong .text-2 { margin-top:16px;text-align:center; }
.mobile-register .thanh-cong .action a { margin-top:17px;display:block;padding:12px 0;width:100%;text-align:center;border:none;border-radius:19px; }
.mobile-register .thanh-cong .dong { margin-top:5px;display:flex;justify-content:space-between; }
.mobile-register .thanh-cong .dong .noidung-1 { width:calc(50% - 15px); }
.mobile-register .thanh-cong .dong .noidung-2 { width:calc(50% - 15px);text-align:right; }
.mobile-register .thanh-cong .gachduoi { text-decoration:underline;text-decoration-color:#bedb49;text-decoration-thickness:4px; }
/* #endregion mobile */

.page-register { margin-top:52px; }
.page-register > .container > .row > div:first-child { margin-right:130px; }
.page-register > .container > .row > div:first-child img { margin-top:100px; }
.page-register .left .tieude { margin-top:200px; }
.page-register .left .dong { margin-top:22px;display:flex;justify-content:center; }
.page-register .left .dong .item { background-image:url('images/icon_circle.svg');width:76px;height:76px;padding:12px 3px;text-align:center; }
.page-register .left .dong .item span { display: block; }
.page-register .left .dong .item.type2 { padding:19px 3px; }
.page-register .dang-ky { padding:40px 50px 55px 50px;border-radius:20px;box-shadow: 0 0 5px 0 #dee0da;max-width:539px; }
.page-register .dang-ky .title { text-align:center; }
.page-register .dang-ky .title-sub { text-align:center;margin-top:15px;padding-bottom:37px;line-height:22px; }
.page-register .dang-ky .dong div.error { display:flex;margin-top:6px;padding-left:25px; }
.page-register .dang-ky .dong div.error > img { margin-right:8px; }
.page-register .dang-ky .dong .input.MaCapcha { display:flex;margin-top:10px; }
.page-register .dang-ky .dong .input.MaCapcha > .image { margin-top:9px;width:100px; }
.page-register .dang-ky .dong .input.MaCapcha button { width:16px;border:none;background:none;padding:0; }
.page-register .dang-ky .dong .input.MaCapcha > input { border-radius:40px;width:calc(100% - 130px);padding:14px 15px;border:solid 1px #e0e3dc; }
.page-register .dang-ky .dong { margin-top:20px; }
.page-register .dang-ky .dong:first-child { margin-top:40px; }
.page-register .dang-ky .dong .label { margin:0;padding:0; }
.page-register .dang-ky .dong .input { width:100%;border-radius:40px;position:relative;margin-top:4px; }
.page-register .dang-ky .dong .input input { width:100%;padding:15px 5px 15px 50px;border:none;border-radius:40px; }
.page-register .dang-ky .dong .input.no-icon input { padding:15px 15px; }
.page-register .dang-ky .dong .input img.icon { width:auto;height:auto;position:absolute;left:20px;top:16px; }
.page-register .dang-ky .dong .input.data { display:flex;justify-content:space-between;border-radius:0; }
.page-register .dang-ky .dong .input.data .data-3 { width:30%; }
.page-register .dang-ky .dong .input .data-3 > .ui-widget { padding:12px 12px;border-radius:40px; }
/*cl-red300*/
.page-register .dang-ky .dong .input .data-3 > .ui-widget.error { border:solid 1px #e2574c; }
.page-register .dang-ky .dong .input .data-3 > .ui-widget .custom-combobox { display:flex; }
.page-register .dang-ky .dong .input .data-3 > .ui-widget .custom-combobox > input { width:calc(100% - 16px);border:none;background:none;padding:0;border-radius:0; }
.page-register .dang-ky .dong .input .data-3 > .ui-widget .custom-combobox > .custom-combobox-toggle { border:none;background:none;width:15px;padding:5px 5px; }
.page-register .dang-ky .dong .input > .ui-widget { padding:12px 12px;border-radius:40px; }
.page-register .dang-ky .dong .input > .ui-widget.error { border:solid 1px #e2574c; }
.page-register .dang-ky .dong .input > .ui-widget .custom-combobox { display:flex; }
.page-register .dang-ky .dong .input > .ui-widget .custom-combobox > input { width:calc(100% - 16px);border:none;background:none;padding:0;border-radius:0; }
.page-register .dang-ky .dong .input > .ui-widget .custom-combobox > .custom-combobox-toggle { border:none;background:none;width:15px;padding:5px 5px; }
.page-register .dang-ky .dong .input-info { margin-top:5px;display:flex; }
.page-register .dang-ky .dong .input-info > img { width:20px;height:20px;margin-right:5px; }
/*.cl-gregray750*/
.page-register .dang-ky .dong .input input::placeholder { color:#2f5133; }
.page-register .dang-ky .dong .input input::-webkit-input-placeholder { color:#2f5133; }
.page-register .dang-ky .dong .input input::-moz-placeholder { color:#2f5133; }
.page-register .dang-ky .dong .input input:-ms-input-placeholder { color:#2f5133; }
.page-register .dang-ky .dong.chia-2 { display:flex;justify-content:space-between; }
.page-register .dang-ky .dong.chia-2 .cot-1 { width:65%; }
.page-register .dang-ky .dong.chia-2 .cot-2 { width:30%; }

.page-register .dang-ky .thongtin { margin-top:5px;margin-left:20px; }
.page-register .dang-ky .chinhsach { margin-top:68px;display:flex;line-height:21px;justify-content:center;}
.page-register .dang-ky .chinhsach .check { width:20px;margin-left:20px;margin-right:5px; }
.page-register .dang-ky .chinhsach .check input[type="checkbox"] { width:18px;height:18px;accent-color:#268f3b; }
.page-register .dang-ky button.btn-dangky { margin-top:17px;padding:12px 0;width:100%;text-align:center;border:none;border-radius:19px; }
.page-register .dang-ky .footer { margin-top:37px;text-align:center; }
/*b-gregray40,cl-gregray400*/
.page-register .dang-ky.haserror button.btn-dangky { background:#f4f6f1;color:#abafa5; }
.popup-register-otp .otp { margin-top:35px;display:flex;justify-content:center; }
.popup-register-otp .otp > input { width:30px;margin-left:15px;text-align:center; }
.popup-register-otp .text-1 {margin-top:15px;text-align:center;}
.popup-register-otp .text-2 {margin-top:69px;text-align:center;}
.popup-register-otp .modal-footer { margin-top:37px;text-align:center; }
.popup-register-otp .modal-footer button { margin-top:17px;padding:10px 0;width:100%;text-align:center;border:none;border-radius:19px; }
/*b-gregray40,cl-gregray400*/
.popup-register-otp form.haserror .modal-footer button { background:#f4f6f1;color:#abafa5; }
.popup-register-otp .modal-body .otp-err { margin-top:10px;text-align:center; }
.popup-register-otp .modal-body .text-2.show { display:none; }
.popup-register-otp .modal-body .text-2.hide { display:block; }
.popup-register-otp.waiting .modal-body .text-2.show { display:block; }
.popup-register-otp.waiting .modal-body .text-2.hide { display:none; }
.popup-register-otp .modal-body .text-2 a { cursor:pointer; }
.page-register .thanh-cong { padding:42px 53px 68px 53px;border-radius:20px;box-shadow: 0 0 5px 0 #dee0da;max-width:539px; }
.page-register .thanh-cong .image { text-align:center; }
.page-register .thanh-cong .title { margin-top:17px;text-align:center; }
.page-register .thanh-cong .title-sub { margin-top:6px;text-align:center;line-height:22px; }
.page-register .thanh-cong .thong-tin { border-radius:10px;padding:11px 16px 16px 16px;margin-top:30px; }
.page-register .thanh-cong .text-1 { margin-top:36px;text-align:center;line-height:21px; }
.page-register .thanh-cong .text-2 { margin-top:16px;text-align:center; }
.page-register .thanh-cong .action a { margin-top:17px;display:block;padding:12px 0;width:100%;text-align:center;border:none;border-radius:19px; }
.page-register .thanh-cong .dong { margin-top:5px;display:flex;justify-content:space-between; }
.page-register .thanh-cong .dong .noidung-1 { width:calc(50% - 15px); }
.page-register .thanh-cong .dong .noidung-2 { width:calc(50% - 15px);text-align:right; }
.page-register .thanh-cong .gachduoi { text-decoration:underline;text-decoration-color:#bedb49;text-decoration-thickness:4px; }
/* #endregion */


/* #region page-dangky-khtt  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-dangky-khtt.top { margin-top:168px; }
.mobile-dangky-khtt .dang-ky { margin-top:30px; }
.mobile-dangky-khtt .dang-ky .title-info { border-radius:10px;padding:16px 16px;display:flex;justify-content:space-between;margin-top:20px; }
.mobile-dangky-khtt .dang-ky .title-info > .image { width:20px; }
.mobile-dangky-khtt .dang-ky .title-info > .text { width:calc(100% - 27px); }
.mobile-dangky-khtt .dang-ky .footer .dadangky { padding:11px 16px;border-radius:19px;line-height:20px;display:inline-block; }
.mobile-dangky-khtt .dang-ky .title { text-align:center; }
.mobile-dangky-khtt .dang-ky .title-sub { text-align:center;margin-top:15px;padding-bottom:20px;line-height:22px; }
.mobile-dangky-khtt .dang-ky .captcha-input { position: relative; }
.mobile-dangky-khtt .dang-ky .captcha-input .image { border-radius:20px;padding:5px 5px 5px 30px; }
.mobile-dangky-khtt .dang-ky .captcha-input > a { position: absolute;cursor: pointer;right:18px;top:10px; }
.mobile-dangky-khtt .dang-ky .label { margin-top:18px; }
.mobile-dangky-khtt .dang-ky .input { width:100%;border-radius:40px;position:relative;margin-top:3px; }
.mobile-dangky-khtt .dang-ky .input input { width:100%;padding:15px 5px 15px 50px;border:none;border-radius:40px; }
.mobile-dangky-khtt .dang-ky .input.no-icon input { padding:15px 15px; }
.mobile-dangky-khtt .dang-ky .input img.icon { width:auto;height:auto;position:absolute;left:20px;top:16px; }
.mobile-dangky-khtt .dang-ky .input.data { display:flex;justify-content:space-between;border-radius:0; }
.mobile-dangky-khtt .dang-ky .input.data .data-3 { width:30%; }
.mobile-dangky-khtt .dang-ky .input .data-3 > .ui-widget { padding:12px 12px;border-radius:40px; }
/*cl-red300*/
.mobile-dangky-khtt .dang-ky .input .data-3 > .ui-widget.error { border:solid 1px #e2574c; }
.mobile-dangky-khtt .dang-ky .input .data-3 > .ui-widget .custom-combobox { display:flex; }
.mobile-dangky-khtt .dang-ky .input .data-3 > .ui-widget .custom-combobox > input { width:calc(100% - 16px);border:none;background:none;padding:0;border-radius:0; }
.mobile-dangky-khtt .dang-ky .input .data-3 > .ui-widget .custom-combobox > .custom-combobox-toggle { border:none;background:none;width:15px;padding:5px 5px; }
.mobile-dangky-khtt .dang-ky .input > .ui-widget { padding:12px 12px;border-radius:40px; }
.mobile-dangky-khtt .dang-ky .input > .ui-widget.error { border:solid 1px #e2574c; }
.mobile-dangky-khtt .dang-ky .input > .ui-widget .custom-combobox { display:flex; }
.mobile-dangky-khtt .dang-ky .input > .ui-widget .custom-combobox > input { width:calc(100% - 16px);border:none;background:none;padding:0;border-radius:0; }
.mobile-dangky-khtt .dang-ky .input > .ui-widget .custom-combobox > .custom-combobox-toggle { border:none;background:none;width:15px;padding:5px 5px; }
.mobile-dangky-khtt .dang-ky .input-info { margin-top:5px;display:flex; }
.mobile-dangky-khtt .dang-ky .input-info > img { width:20px;height:20px;margin-right:5px; }
/*.cl-gregray750*/
.mobile-dangky-khtt .dang-ky .input input::placeholder { color:#2f5133; }
.mobile-dangky-khtt .dang-ky .input input::-webkit-input-placeholder { color:#2f5133; }
.mobile-dangky-khtt .dang-ky .input input::-moz-placeholder { color:#2f5133; }
.mobile-dangky-khtt .dang-ky .input input:-ms-input-placeholder { color:#2f5133; }
.mobile-dangky-khtt .dang-ky .chia-2 { display:flex;justify-content:space-between; }
.mobile-dangky-khtt .dang-ky .chia-2 .cot-1 { width:65%; }
.mobile-dangky-khtt .dang-ky .chia-2 .cot-2 { width:30%; }

.mobile-dangky-khtt .dang-ky .thongtin { margin-top:5px;margin-left:20px; }
.mobile-dangky-khtt .dang-ky .chinhsach { margin-top:50px;display:flex;line-height:21px;justify-content:center;}
.mobile-dangky-khtt .dang-ky .chinhsach .check { width:20px;margin-left:20px;margin-right:5px; }
.mobile-dangky-khtt .dang-ky .chinhsach .check input[type="checkbox"] { width:18px;height:18px;accent-color:#268f3b; }
.mobile-dangky-khtt .dang-ky button.btn-dangky { margin-top:17px;padding:12px 0;width:100%;text-align:center;border:none;border-radius:19px; }
.mobile-dangky-khtt .dang-ky .footer { margin-top:37px;text-align:center; }
/*b-gregray40,cl-gregray400*/
.mobile-dangky-khtt .dang-ky.haserror button.btn-dangky { background:#f4f6f1;color:#abafa5; }

.mobile-dangky-khtt .thanh-cong .image { text-align:center; }
.mobile-dangky-khtt .thanh-cong .title { margin-top:17px;text-align:center; }
.mobile-dangky-khtt .thanh-cong .title-sub { margin-top:6px;text-align:center;line-height:22px; }
.mobile-dangky-khtt .thanh-cong .thong-tin { border-radius:10px;padding:11px 16px 16px 16px;margin-top:30px; }
.mobile-dangky-khtt .thanh-cong .text-1 { margin-top:36px;text-align:center;line-height:21px; }
.mobile-dangky-khtt .thanh-cong .text-2 { margin-top:16px;text-align:center; }
.mobile-dangky-khtt .thanh-cong .action { margin-top:16px; }
.mobile-dangky-khtt .thanh-cong .action a { margin-top:17px;display:block;padding:12px 0;width:100%;text-align:center;border:none;border-radius:19px; }
.mobile-dangky-khtt .thanh-cong .action > button { padding:9px 40px;text-align:center;border:none;border-radius:19px;margin-left:10px; }
.mobile-dangky-khtt .thanh-cong .action > button:first-child { margin-left:0; }
.mobile-dangky-khtt .thanh-cong .dong { margin-top:5px;display:flex;justify-content:space-between; }
.mobile-dangky-khtt .thanh-cong .dong .noidung-1 { width:calc(50% - 15px); }
.mobile-dangky-khtt .thanh-cong .dong .noidung-2 { width:calc(50% - 15px);text-align:right; }
.mobile-dangky-khtt .thanh-cong .gachduoi { text-decoration:underline;text-decoration-color:#bedb49;text-decoration-thickness:4px; }
.mobile-dangky-khtt .thanh-cong .info-account { border-radius:10px;padding:16px 16px;display:flex;justify-content:space-between;margin-top:15px; }
.mobile-dangky-khtt .thanh-cong .info-account > .image { width:20px; }
.mobile-dangky-khtt .thanh-cong .info-account > .text { width:calc(100% - 27px); }
/* #endregion mobile */

.page-dangky-khtt { margin-top:52px; }
.page-dangky-khtt > .container > .row > div:first-child { margin-right:130px; }
.page-dangky-khtt > .container > .row > div:first-child img { margin-top:100px; }
.page-dangky-khtt .left .tieude { margin-top:200px; }
.page-dangky-khtt .left .dong { margin-top:22px;display:flex;justify-content:center; }
.page-dangky-khtt .left .dong .item { background-image:url('images/icon_circle.svg');width:76px;height:76px;padding:12px 3px;text-align:center; }
.page-dangky-khtt .left .dong .item span { display: block; }
.page-dangky-khtt .left .dong .item.type2 { padding:19px 3px; }
.page-dangky-khtt .dang-ky .title-info { border-radius:10px;padding:16px 16px;display:flex;justify-content:space-between;margin-top:20px; }
.page-dangky-khtt .dang-ky .title-info > .image { width:20px; }
.page-dangky-khtt .dang-ky .title-info > .text { width:calc(100% - 27px); }
.page-dangky-khtt .dang-ky .footer .dadangky { padding:11px 16px;border-radius:19px;line-height:20px;display:inline-block; }
.page-dangky-khtt .dang-ky { padding:40px 50px 55px 50px;border-radius:20px;box-shadow: 0 0 5px 0 #dee0da;max-width:539px; }
.page-dangky-khtt .dang-ky .title { text-align:center; }
.page-dangky-khtt .dang-ky .title-sub { text-align:center;margin-top:15px;line-height:22px; }
.page-dangky-khtt .dang-ky .dong div.error { display:flex;margin-top:6px;padding-left:25px; }
.page-dangky-khtt .dang-ky .dong div.error > img { margin-right:8px; }
.page-dangky-khtt .dang-ky .dong .input.MaCapcha { display:flex;margin-top:10px; }
.page-dangky-khtt .dang-ky .dong .input.MaCapcha > .image { margin-top:9px;width:100px; }
.page-dangky-khtt .dang-ky .dong .input.MaCapcha button { width:16px;border:none;background:none;padding:0; }
.page-dangky-khtt .dang-ky .dong .input.MaCapcha > input { border-radius:40px;width:calc(100% - 130px);padding:14px 15px;border:solid 1px #e0e3dc; }
.page-dangky-khtt .dang-ky .dong { margin-top:20px; }
.page-dangky-khtt .dang-ky .dong:first-child { margin-top:40px; }
.page-dangky-khtt .dang-ky .dong .label { margin:0;padding:0; }
.page-dangky-khtt .dang-ky .dong .input { width:100%;border-radius:40px;position:relative;margin-top:4px; }
.page-dangky-khtt .dang-ky .dong .input input { width:100%;padding:15px 5px 15px 50px;border:none;border-radius:40px; }
.page-dangky-khtt .dang-ky .dong .input.no-icon input { padding:15px 15px; }
.page-dangky-khtt .dang-ky .dong .input img.icon { width:auto;height:auto;position:absolute;left:20px;top:16px; }
.page-dangky-khtt .dang-ky .dong .input.data { display:flex;justify-content:space-between;border-radius:0; }
.page-dangky-khtt .dang-ky .dong .input.data .data-3 { width:30%; }
.page-dangky-khtt .dang-ky .dong .input .data-3 > .ui-widget { padding:12px 12px;border-radius:40px; }
/*cl-red300*/
.page-dangky-khtt .dang-ky .dong .input .data-3 > .ui-widget.error { border:solid 1px #e2574c; }
.page-dangky-khtt .dang-ky .dong .input .data-3 > .ui-widget .custom-combobox { display:flex; }
.page-dangky-khtt .dang-ky .dong .input .data-3 > .ui-widget .custom-combobox > input { width:calc(100% - 16px);border:none;background:none;padding:0;border-radius:0; }
.page-dangky-khtt .dang-ky .dong .input .data-3 > .ui-widget .custom-combobox > .custom-combobox-toggle { border:none;background:none;width:15px;padding:5px 5px; }
.page-dangky-khtt .dang-ky .dong .input > .ui-widget { padding:12px 12px;border-radius:40px; }
.page-dangky-khtt .dang-ky .dong .input > .ui-widget.error { border:solid 1px #e2574c; }
.page-dangky-khtt .dang-ky .dong .input > .ui-widget .custom-combobox { display:flex; }
.page-dangky-khtt .dang-ky .dong .input > .ui-widget .custom-combobox > input { width:calc(100% - 16px);border:none;background:none;padding:0;border-radius:0; }
.page-dangky-khtt .dang-ky .dong .input > .ui-widget .custom-combobox > .custom-combobox-toggle { border:none;background:none;width:15px;padding:5px 5px; }
.page-dangky-khtt .dang-ky .dong .input-info { margin-top:5px;display:flex; }
.page-dangky-khtt .dang-ky .dong .input-info > img { width:20px;height:20px;margin-right:5px; }
/*.cl-gregray750*/
.page-dangky-khtt .dang-ky .dong .input input::placeholder { color:#2f5133; }
.page-dangky-khtt .dang-ky .dong .input input::-webkit-input-placeholder { color:#2f5133; }
.page-dangky-khtt .dang-ky .dong .input input::-moz-placeholder { color:#2f5133; }
.page-dangky-khtt .dang-ky .dong .input input:-ms-input-placeholder { color:#2f5133; }
.page-dangky-khtt .dang-ky .dong.chia-2 { display:flex;justify-content:space-between; }
.page-dangky-khtt .dang-ky .dong.chia-2 .cot-1 { width:65%; }
.page-dangky-khtt .dang-ky .dong.chia-2 .cot-2 { width:30%; }

.page-dangky-khtt .dang-ky .thongtin { margin-top:5px;margin-left:20px; }
.page-dangky-khtt .dang-ky .chinhsach { margin-top:68px;display:flex;line-height:21px;justify-content:center;}
.page-dangky-khtt .dang-ky .chinhsach .check { width:20px;margin-left:20px;margin-right:5px; }
.page-dangky-khtt .dang-ky .chinhsach .check input[type="checkbox"] { width:18px;height:18px;accent-color:#268f3b; }
.page-dangky-khtt .dang-ky button.btn-dangky { margin-top:17px;padding:12px 0;width:100%;text-align:center;border:none;border-radius:19px; }
.page-dangky-khtt .dang-ky .footer { margin-top:37px;text-align:center; }
/*b-gregray40,cl-gregray400*/
.page-dangky-khtt .dang-ky.haserror button.btn-dangky { background:#f4f6f1;color:#abafa5; }
.page-dangky-khtt .thanh-cong { padding:42px 53px 68px 53px;border-radius:20px;box-shadow: 0 0 5px 0 #dee0da;max-width:539px; }
.page-dangky-khtt .thanh-cong .image { text-align:center; }
.page-dangky-khtt .thanh-cong .title { margin-top:17px;text-align:center; }
.page-dangky-khtt .thanh-cong .title-sub { margin-top:6px;text-align:center;line-height:22px; }
.page-dangky-khtt .thanh-cong .thong-tin { border-radius:10px;padding:11px 16px 16px 16px;margin-top:30px; }
.page-dangky-khtt .thanh-cong .text-1 { margin-top:36px;text-align:center;line-height:21px; }
.page-dangky-khtt .thanh-cong .text-2 { margin-top:16px;text-align:center; }
.page-dangky-khtt .thanh-cong .action { margin-top:36px;display:flex;justify-content:center; }
.page-dangky-khtt .thanh-cong .action > a { display:block;padding:12px 0;width:100%;text-align:center;border:none;border-radius:19px; }
.page-dangky-khtt .thanh-cong .action > button { padding:9px 40px;text-align:center;border:none;border-radius:19px;margin-left:10px; }
.page-dangky-khtt .thanh-cong .action > button:first-child { margin-left:0; }
.page-dangky-khtt .thanh-cong .dong { margin-top:5px;display:flex;justify-content:space-between; }
.page-dangky-khtt .thanh-cong .dong .noidung-1 { width:calc(50% - 15px); }
.page-dangky-khtt .thanh-cong .dong .noidung-2 { width:calc(50% - 15px);text-align:right; }
.page-dangky-khtt .thanh-cong .gachduoi { text-decoration:underline;text-decoration-color:#bedb49;text-decoration-thickness:4px; }
.page-dangky-khtt .thanh-cong .info-account { border-radius:10px;padding:16px 16px;display:flex;justify-content:space-between;margin-top:15px; }
.page-dangky-khtt .thanh-cong .info-account > .image { width:20px; }
.page-dangky-khtt .thanh-cong .info-account > .text { width:calc(100% - 27px); }

.popup-khtt-has-account .hachi-modal .modal .modal-dialog .khoangcach { height:20px;line-height:20px; }
.popup-khtt-has-account .hachi-modal .modal .modal-dialog .thong-tin { border-radius:10px;padding:16px 16px;display:flex;justify-content:space-between; }
.popup-khtt-has-account .hachi-modal .modal .modal-dialog .thong-tin > .image { width:20px; }
.popup-khtt-has-account .hachi-modal .modal .modal-dialog .thong-tin > .text { width:calc(100% - 27px); }
.popup-khtt-has-account .hachi-modal .modal .modal-dialog .modal-footer { display:flex;justify-content:center;line-height:20px;padding:20px 20px; }
.popup-khtt-has-account .hachi-modal .modal .modal-dialog .modal-footer > button { padding:9px 20px;margin-left:10px; }
.popup-khtt-has-account .hachi-modal .modal .modal-dialog .modal-footer > button:first-child { margin-left:0; }
/* #endregion */


/* #region policy  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-policy .intro-menu-left { border-radius:10px;margin-top:24px; }
.mobile-policy .intro-banner-left { border-radius:10px;margin-top:15px; }
.mobile-policy .intro-banner-left img { width:100%;max-height:288px;border-radius:10px; }
.mobile-policy .tieude { margin-top:30px;text-align:left;line-height:35px; }
.mobile-policy .thoigian { margin-top:5px; }
.mobile-policy .noidung { margin-top:5px; }
/* #endregion mobile */

.page-policy .intro-menu-left { border-radius:10px;margin-top:24px; }
.page-policy .intro-banner-left { margin-top:18px; }
/* .page-policy .thumuc-trai { border-radius:10px;padding:24px 12px;margin-top:24px; } */
.page-policy .noi-dung { border-radius:10px;padding:24px 24px;margin-top:24px; }
.page-policy .noi-dung .tieude { text-align:center; }
/* .page-policy .thumuc-trai ul { margin:0;padding:0;list-style:none; }
.page-policy .thumuc-trai ul > li { border-radius:20px;padding:8px 16px; } */
/* b-gregray70 */
/* .page-policy .thumuc-trai ul > li.active { background:#f0f3eb; } */
.page-policy .noi-dung .thoigian { margin-top:28px; }
.page-policy .noi-dung .chitiet { margin-top:7px;line-height:21px; }
.page-policy .noi-dung .social { margin-top:30px; }
.page-policy .noi-dung .social a img { height:70px; }
/* #endregion */

/* #region tracking  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-tracking .tim-kiem .nhap-lieu { margin:24px auto 0 auto; border-radius:10px;padding:26px 32px; }
.mobile-tracking .tim-kiem .nhap-lieu .top { display:flex; }
.mobile-tracking .tim-kiem .nhap-lieu .top .tieu-de { line-height:40px; }
.mobile-tracking .tim-kiem .nhap-lieu .top .tieu-de-sub { margin-top:2px;line-height:22px; }
.mobile-tracking .tim-kiem .nhap-lieu { margin:24px auto 0 auto; border-radius:10px;padding:26px 32px; }
.mobile-tracking .thong-tin-don-hang { margin:24px auto 0 auto; border-radius:10px;padding:26px 32px }
.mobile-tracking .thong-tin-don-hang .tieu-de-dangnhap { margin-top:23px;border-radius:10px;padding:12px 12px;display:flex; }
.mobile-tracking .thong-tin-don-hang .tieu-de-dangnhap > img { width:25px;height:25px;margin-right:5px; }
.mobile-tracking .thong-tin-don-hang .tieu-de-dangnhap > .txt { line-height:21px;margin-top:3px; }
.mobile-tracking .tim-kiem .nhap-lieu .top .tieu-de-sub { margin-top:2px; }
.mobile-tracking .tim-kiem .nhap-lieu .input { margin-top:37px;display:flex; }
.mobile-tracking .tim-kiem .nhap-lieu .input input { width:calc(100% - 180px);padding:7px 10px;border-radius:31px; }
.mobile-tracking .trang-thai .noi-dung { margin:14px auto 0 auto;border-radius:10px;padding:26px 32px; }
/*b-gregray40,cl-gregray400*/
.mobile-tracking .tim-kiem .nhap-lieu form.haserror button { background:#f4f6f1;color:#abafa5; }
.mobile-tracking .tim-kiem .nhap-lieu form button { border:none;border-radius:31px;padding:11px 33px;margin-left:16px; }
.mobile-tracking .trang-thai .tien-do.hinh { margin-top:14px; }
/* .mobile-tracking .don-hang { margin-top:0; }
.mobile-tracking .don-hang .cot { margin-top:10px;border-radius:10px;padding:26px 32px; }
.mobile-tracking .don-hang .cot .txt-1 { margin-top:5px;line-height:21px; }
.mobile-tracking .don-hang .cot .txt-2 { margin-top:5px;line-height:21px; }
.mobile-tracking .chi-tiet-don-hang { margin-top:10px;padding:26px 32px;border-radius:10px; } */
.mobile-tracking .ket-qua { display:none; }
.mobile-tracking .ket-qua-auth { display:none; }
.mobile-tracking.kq .ket-qua { display:block; }
.mobile-tracking.kq-auth .ket-qua-auth { display:block; }
/* .mobile-tracking .chi-tiet-don-hang .dong { display:flex;justify-content:space-between;margin-top:18px; }
.mobile-tracking .chi-tiet-don-hang .dong.header { margin-top:0; }
.mobile-tracking .chi-tiet-don-hang .dong.header > div { margin-top:0; }
.mobile-tracking .chi-tiet-don-hang .dong > div { line-height:21px;margin-top:5px; }
.mobile-tracking .chi-tiet-don-hang .dong > .tieu-de { width:580px; }
.mobile-tracking .chi-tiet-don-hang .dong > .soluong { width:20px; }
.mobile-tracking .chi-tiet-don-hang .dong > .hinh { width:70px;margin-top:0; }
.mobile-tracking .chi-tiet-don-hang .dong > .ten-sp { width:calc(100% - 80px); }
.mobile-tracking .chi-tiet-don-hang .dong .gia { display:flex;justify-content:space-between; }
.mobile-tracking .tong-don-hang { margin-top:0; }
.mobile-tracking .tong-don-hang > div { border-radius:10px;padding:26px 32px; }
.mobile-tracking .tong-don-hang > div.vat { margin-top:10px; }
.mobile-tracking .tong-don-hang .cart-total { margin-top:15px;padding:20px 20px;border-radius:9px; }
.mobile-tracking .tong-don-hang .cart-total .list-sub { padding-top:10px; }
.mobile-tracking .tong-don-hang .cart-total .list-sub .sub { display:flex;justify-content: space-between;margin-top:10px; }
.mobile-tracking .tong-don-hang .cart-total .dat-hang { margin-top:20px;width:100%; border:none;border-radius:15px;padding:8px 0;text-transform:uppercase; }
.mobile-tracking .tong-don-hang .cart-total .line { margin-top:20px; }
.mobile-tracking .tong-don-hang .cart-total .list-sub .sub-2 { display:flex;justify-content: space-between;margin-top:20px; } */

.mobile-tracking .don-hang {text-align:left;}
.mobile-tracking .don-hang .thong-tin {margin-top:0;}
.mobile-tracking .don-hang .thong-tin > div { margin-top:14px;padding:20px 20px;border-radius:9px;line-height:22px; }
.mobile-tracking .don-hang .thong-tin .top { margin-top:15px; }
.mobile-tracking .don-hang .san-pham { margin-top:15px;padding:30px 30px; }
.mobile-tracking .don-hang .san-pham .tieu-de { display:flex;justify-content:space-between;border-radius:9px; }
.mobile-tracking .don-hang .san-pham .tieu-de .name {width:570px;}
.mobile-tracking .don-hang .san-pham .tieu-de .soluong {width:75px;}
.mobile-tracking .don-hang .san-pham .tieu-de .thanhtien {width:100px;}
.mobile-tracking .don-hang .san-pham .chi-tiet .product { display:flex;justify-content:space-between;margin-top:20px; }
.mobile-tracking .don-hang .san-pham .chi-tiet .product .image {width:70px;}
.mobile-tracking .don-hang .san-pham .chi-tiet .product .image img {width:70px;height:70px;}
.mobile-tracking .don-hang .san-pham .chi-tiet .product .name { width:calc(100% - 80px);}
.mobile-tracking .don-hang .san-pham .chi-tiet .product .name .text { line-height:21px; }
.mobile-tracking .don-hang .san-pham .chi-tiet .product .name .text-2 {display:flex;justify-content:space-between;line-height:21px;}
.mobile-tracking .don-hang .san-pham .chi-tiet .product .soluong {width:20px;}
.mobile-tracking .don-hang .san-pham.anchitiet .chi-tiet-outline {position: relative; overflow: hidden; height: 80px;}
.mobile-tracking .don-hang .san-pham .gradient { display:none; }
.mobile-tracking .don-hang .san-pham.anchitiet .gradient { display:block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 80px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7));}
.mobile-tracking .don-hang .san-pham .xem-them { margin-top:16px;text-align:center; }
.mobile-tracking .don-hang .san-pham .xem-them button { background:none;border:none; }
.mobile-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-title > button { background:none;border:none; }
.mobile-tracking .don-hang .san-pham .chi-tiet .product-gift .line { font-size:1px;line-height:1px;margin:35px 0 20px 0; }
.mobile-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data { display:none;padding:14px 14px;border-radius:10px; }
.mobile-tracking .don-hang .san-pham .chi-tiet .product-gift.hienthi .product-gift-data { display:block; }
.mobile-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong { display:flex;justify-content:space-between;margin-top:20px; }
.mobile-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong:first-child { margin-top:0; }
.mobile-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .image {width:70px;}
.mobile-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .image img {width:70px;height:70px;}
.mobile-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .name { width:calc(100% - 80px);}
.mobile-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .name .text { line-height:21px; }
.mobile-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .name .text-2 {display:flex;justify-content:space-between;line-height:21px;}
.mobile-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .soluong {width:20px;}
.mobile-tracking .don-hang .tong-ket {margin-top:15px;}
.mobile-tracking .don-hang .vat { padding:20px 20px;border-radius:9px;line-height:20px; }
.mobile-tracking .don-hang .vat > div { margin-top:10px; }
.mobile-tracking .don-hang .vat > div:first-child { margin-top:0; }
.mobile-tracking .don-hang .ghichu { margin-top:15px;padding:20px 20px;border-radius:9px;line-height:20px; }
.mobile-tracking .don-hang .ghichu > div { margin-top:10px; }
.mobile-tracking .don-hang .ghichu > div:first-child { margin-top:0; }
.mobile-tracking .don-hang .cart-total { margin-top:15px;padding:20px 20px;border-radius:9px; }
.mobile-tracking .don-hang .cart-total .list-sub { padding-top:10px; }
.mobile-tracking .don-hang .cart-total .list-sub .sub { display:flex;justify-content: space-between;margin-top:10px; }
.mobile-tracking .don-hang .cart-total .dat-hang { margin-top:20px;width:100%; border:none;border-radius:15px;padding:8px 0;text-transform:uppercase; }
.mobile-tracking .don-hang .cart-total .line { margin-top:20px; }
.mobile-tracking .don-hang .cart-total .list-sub .sub-2 { display:flex;justify-content: space-between;margin-top:20px; }

/* #endregion mobile */

.page-tracking .tim-kiem .nhap-lieu { margin:24px auto 0 auto; width:860px;border-radius:10px;padding:26px 32px; }
.page-tracking .tim-kiem .nhap-lieu .top { display:flex; }
.page-tracking .tim-kiem .nhap-lieu .top .tieu-de { line-height:40px; }
.page-tracking .tim-kiem .nhap-lieu .top .tieu-de-sub { margin-top:2px;line-height:22px; }
.page-tracking .tim-kiem .nhap-lieu { margin:24px auto 0 auto; width:860px;border-radius:10px;padding:26px 32px; }
.page-tracking .thong-tin-don-hang { margin:24px auto 0 auto; width:860px;border-radius:10px;padding:26px 32px }
.page-tracking .thong-tin-don-hang .tieu-de-dangnhap { margin-top:23px;border-radius:10px;padding:12px 12px;display:flex; }
.page-tracking .thong-tin-don-hang .tieu-de-dangnhap > img { width:25px;height:25px;margin-right:5px; }
.page-tracking .thong-tin-don-hang .tieu-de-dangnhap > .txt { line-height:21px;margin-top:3px; }
.page-tracking .tim-kiem .nhap-lieu .top .tieu-de-sub { margin-top:2px; }
.page-tracking .tim-kiem .nhap-lieu .input { margin-top:37px;display:flex; }
.page-tracking .tim-kiem .nhap-lieu .input input { width:400px;padding:7px 10px;border-radius:31px; }
.page-tracking .trang-thai .noi-dung { margin:14px auto 0 auto; width:860px;border-radius:10px;padding:26px 32px; }
/*b-gregray40,cl-gregray400*/
.page-tracking .tim-kiem .nhap-lieu form.haserror button { background:#f4f6f1;color:#abafa5; }
.page-tracking .tim-kiem .nhap-lieu form button { border:none;border-radius:31px;padding:11px 33px;margin-left:16px; }
.page-tracking .trang-thai .tien-do.hinh { margin-top:14px; }
.page-tracking .trang-thai .tien-do.hinh .tien-do-header { width:calc(100% - 3px); }
.page-tracking .trang-thai .tien-do .tien-do-header .txt.txt-12 { text-align:right; }
.page-tracking .ket-qua { display:none; }
.page-tracking .ket-qua-auth { display:none; }
.page-tracking.kq .ket-qua { display:block; }
.page-tracking.kq-auth .ket-qua-auth { display:block; }


.page-tracking .don-hang {text-align:left;margin:24px auto 0 auto; width:860px;}
.page-tracking .don-hang .thong-tin {display:flex;justify-content:space-between;}
.page-tracking .don-hang .thong-tin > div { padding:25px 25px;width:274px;border-radius:9px;line-height:22px; }
.page-tracking .don-hang .thong-tin .top { margin-top:15px; }
.page-tracking .don-hang .san-pham { margin-top:15px;padding:30px 30px; }
.page-tracking .don-hang .san-pham .tieu-de { display:flex;justify-content:space-between;border-radius:9px; }
.page-tracking .don-hang .san-pham .tieu-de .name {width:570px;}
.page-tracking .don-hang .san-pham .tieu-de .soluong {width:75px;}
.page-tracking .don-hang .san-pham .tieu-de .thanhtien {width:100px;}
.page-tracking .don-hang .san-pham .chi-tiet .product { display:flex;justify-content:space-between;margin-top:20px; }
.page-tracking .don-hang .san-pham .chi-tiet .product .name {width:570px;display:flex;justify-content:space-between;}
.page-tracking .don-hang .san-pham .chi-tiet .product .name .image {width:70px;}
.page-tracking .don-hang .san-pham .chi-tiet .product .name .image img {width:70px;height:70px;}
.page-tracking .don-hang .san-pham .chi-tiet .product .name .text { width: calc(100% - 80px);line-height:30px; }
.page-tracking .don-hang .san-pham .chi-tiet .product .soluong {width:75px;}
.page-tracking .don-hang .san-pham .chi-tiet .product .thanhtien {width:100px;}
.page-tracking .don-hang .san-pham.anchitiet .chi-tiet-outline {position: relative; overflow: hidden; height: 80px;}
.page-tracking .don-hang .san-pham .gradient { display:none; }
.page-tracking .don-hang .san-pham.anchitiet .gradient { display:block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 80px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7));}
.page-tracking .don-hang .san-pham .xem-them { margin-top:16px;text-align:center; }
.page-tracking .don-hang .san-pham .xem-them button { background:none;border:none; }
.page-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-title > button { background:none;border:none; }
.page-tracking .don-hang .san-pham .chi-tiet .product-gift .line { font-size:1px;line-height:1px;margin:35px 0 20px 0; }
.page-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data { display:none;padding:14px 14px;border-radius:10px; }
.page-tracking .don-hang .san-pham .chi-tiet .product-gift.hienthi .product-gift-data { display:block; }
.page-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong { display:flex;justify-content:space-between;margin-top:10px; }
.page-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .name { width:550px;display:flex;justify-content:space-between;}
.page-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .name .image {width:70px;}
.page-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .name .image img {width:70px;height:70px;}
.page-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .name .text { width: calc(100% - 80px);line-height:30px; }
.page-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .soluong {width:75px;}
.page-tracking .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .thanhtien {width:83px;}
.page-tracking .don-hang .tong-ket {display:flex;justify-content:space-between;margin-top:15px;}
.page-tracking .don-hang .tong-ket .cot-trai { width: calc(100% - 515px); }
.page-tracking .don-hang .tong-ket .cot-trai > div { margin-top:18px; }
.page-tracking .don-hang .tong-ket .cot-trai > div:first-child { margin-top:0; }
.page-tracking .don-hang .tong-ket .cot-phai { width:500px; }
.page-tracking .don-hang .tong-ket .vat { padding:30px;border-radius:9px;line-height:20px; }
.page-tracking .don-hang .tong-ket .vat > div { margin-top:10px; }
.page-tracking .don-hang .tong-ket .vat > div:first-child { margin-top:0; }
.page-tracking .don-hang .tong-ket .ghichu { padding:30px;border-radius:9px;line-height:20px; }
.page-tracking .don-hang .tong-ket .ghichu.first { margin-top:0; }
.page-tracking .don-hang .tong-ket .ghichu > div { margin-top:10px; }
.page-tracking .don-hang .tong-ket .ghichu > div:first-child { margin-top:0; }
.page-tracking .don-hang .tong-ket .cart-total { padding:30px;border-radius:9px; }
.page-tracking .don-hang .tong-ket .cart-total .list-sub { padding-top:10px; }
.page-tracking .don-hang .tong-ket .cart-total .list-sub .sub { display:flex;justify-content: space-between;margin-top:10px; }
.page-tracking .don-hang .tong-ket .cart-total .dat-hang { margin-top:20px;width:100%; border:none;border-radius:15px;padding:8px 0;text-transform:uppercase; }
.page-tracking .don-hang .tong-ket .cart-total .line { margin-top:20px; }
.page-tracking .don-hang .tong-ket .cart-total .list-sub .sub-2 { display:flex;justify-content: space-between;margin-top:20px; }


/* .page-tracking .don-hang { display:flex;justify-content:space-between;margin:14px auto 0 auto; width:860px; }
.page-tracking .don-hang .cot { width:calc(33.3% - 11px);border-radius:10px;padding:26px 32px; }
.page-tracking .don-hang .cot .txt-1 { margin-top:5px;line-height:21px; }
.page-tracking .don-hang .cot .txt-2 { margin-top:5px;line-height:21px; }
.page-tracking .chi-tiet-don-hang { margin:14px auto 0 auto; width:860px;padding:26px 32px;border-radius:10px; }
.page-tracking .chi-tiet-don-hang .dong { display:flex;justify-content:space-between;margin-top:18px; }
.page-tracking .chi-tiet-don-hang .dong.header { margin-top:0; }
.page-tracking .chi-tiet-don-hang .dong.header > div { margin-top:0; }
.page-tracking .chi-tiet-don-hang .dong > div { line-height:21px;margin-top:10px; }
.page-tracking .chi-tiet-don-hang .dong > .tieu-de { width:580px; }
.page-tracking .chi-tiet-don-hang .dong > .soluong { width:70px; }
.page-tracking .chi-tiet-don-hang .dong > .thanhtien { width:110px;text-align:center; }
.page-tracking .chi-tiet-don-hang .dong > .hinh { width:70px;margin-top:0; }
.page-tracking .chi-tiet-don-hang .dong > .ten-sp { width:500px; }
.page-tracking .tong-don-hang { margin:14px auto 0 auto; width:860px;display:flex;justify-content:space-between; }
.page-tracking .tong-don-hang > div { border-radius:10px;padding:26px 32px; }
.page-tracking .tong-don-hang > div.vat { width:344px; }
.page-tracking .tong-don-hang .cart-total { padding:30px;border-radius:9px;width:500px; }
.page-tracking .tong-don-hang .cart-total .list-sub { padding-top:10px; }
.page-tracking .tong-don-hang .cart-total .list-sub .sub { display:flex;justify-content: space-between;margin-top:10px; }
.page-tracking .tong-don-hang .cart-total .dat-hang { margin-top:20px;width:100%; border:none;border-radius:15px;padding:8px 0;text-transform:uppercase; }
.page-tracking .tong-don-hang .cart-total .line { margin-top:20px; }
.page-tracking .tong-don-hang .cart-total .list-sub .sub-2 { display:flex;justify-content: space-between;margin-top:20px; } */
/* #endregion */

/* #region qa  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-qa .intro-banner-left { border-radius:10px;margin-top:15px; }
.mobile-qa .intro-banner-left img { width:100%;max-height:288px;border-radius:10px; }
.mobile-qa div.tabs { margin-top:36px;padding:0;display:flex;border-width:1px; }
.mobile-qa div.tabs .item { border-width:1px;padding-bottom:19px;padding-right:50px; }
.mobile-qa .danhsach .item { margin-top:19px; }
.mobile-qa .danhsach .item .top img { width:16px;height:16px;margin-top:5px; }
.mobile-qa .danhsach .item .top a { display:flex;justify-content:space-between;cursor: pointer; }
/* cl-dakgreen650 */
.mobile-qa .danhsach .item.show .top a { color:#268f3b; }
.mobile-qa .danhsach .item .summary { line-height:21px;display:none;margin-top:16px; }
.mobile-qa .danhsach .item.show .summary { display:block; }
.mobile-qa .danhsach .item .top img.show { display:none; }
.mobile-qa .danhsach .item .top img.hide { display:block; }
.mobile-qa .danhsach .item.show .top img.show { display:block; }
.mobile-qa .danhsach .item.show .top img.hide { display:none; }
.mobile-qa .danhsach .item .line { line-height:1px;font-size:1px;height:1px;margin-top:19px; }
/* #endregion mobile */

.page-qa .intro-menu-left { border-radius:10px;margin-top:24px; }
.page-qa .intro-banner-left { margin-top:18px; }
.page-qa .noi-dung { border-radius:10px;padding:24px 24px;margin-top:24px; }
.page-qa .noi-dung ul.tabs { list-style:none;margin:0;padding:0;display:flex;border-width:1px; }
.page-qa .noi-dung ul.tabs > li { list-style:none;margin-right:44px;border-width:1px;padding-bottom:19px;margin-bottom:-1px; }
.page-qa .noi-dung .danhsach { padding-top:12px; }
.page-qa .noi-dung .danhsach .item { margin-top:19px; }
.page-qa .noi-dung .danhsach .item .top a { display:flex;justify-content:space-between;cursor: pointer; }
/* cl-dakgreen650 */
.page-qa .noi-dung .danhsach .item.show .top a { color:#268f3b; }
.page-qa .noi-dung .danhsach .item .top img { width:16px;height:16px;margin-top:5px; }
.page-qa .noi-dung .danhsach .item .summary { line-height:21px;display:none;margin-top:16px; }
.page-qa .noi-dung .danhsach .item.show .summary { display:block; }
.page-qa .noi-dung .danhsach .item .line { line-height:1px;font-size:1px;height:1px;margin-top:19px; }
.page-qa .noi-dung .danhsach .item .top img.show { display:none; }
.page-qa .noi-dung .danhsach .item .top img.hide { display:block; }
.page-qa .noi-dung .danhsach .item.show .top img.show { display:block; }
.page-qa .noi-dung .danhsach .item.show .top img.hide { display:none; }
/* #endregion */

/* #region store  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-store .tieude { margin-top:23px;line-height:40px; }
.mobile-store .action { margin-top:14px; }
.mobile-store .action .dropdown > button { border-radius:36px;padding:8px 16px;width:100%;display:flex;justify-content:space-between; }
.mobile-store .action .dropdown > button.dropdown-toggle::after { margin-top:8px; }
.mobile-store .map { width:100%;height:300px;margin-top:10px; }
.mobile-store .map > img.start { height:300px; }
.mobile-store .map > iframe { width:100%;height:300px;border-radius:10px;border:none; }
.mobile-store .thong-tin-outline { position:relative;width:100%;height:210px; }
.mobile-store .thong-tin { width:100%;padding:30px 15px;border-radius:20px 20px 0 0;box-shadow:0px 4px 30px rgba(73, 73, 73, 0.3);position: absolute;z-index:2;top:-3px; }
.mobile-store .thong-tin-outline.hide { display:none; }
.mobile-store .thong-tin .name { line-height:30px; }
.mobile-store .thong-tin .address { margin-top:2px;line-height:21px; }
.mobile-store .thong-tin .giomocua { margin-top:16px;line-height:21px; }
.mobile-store .thong-tin .action { margin-top:10px;display:flex;line-height:1px;height:62px; }
.mobile-store .thong-tin .action .callphone { margin-top:7px; }
.mobile-store .thong-tin .action .callzalo { margin-left:10px; }
.mobile-store .action .button-choose .dropdown-menu { padding: 0; }
.mobile-store .action .button-choose .dropdown-menu .dropdown-item { padding: 10px 10px 10px 10px; }
/* #endregion mobile */

.page-store .tieude { margin-top:46px; }
.page-store .giomocua { margin-top:9px; }
.page-store .taihcm { margin-top:50px; }
.page-store .noidung {display:flex;justify-content:space-between;}
.page-store .noidung .left { width:375px; }
.page-store .noidung .right { width:calc(100% - 410px); }
.page-store .noidung .right > img { border-radius:10px;width:100%;height:705px; }
.page-store .noidung .right > iframe { border-radius:10px;width:100%;height:705px;border:none; }
.page-store .noidung .left ul { margin:0;padding:0;list-style:none; }
/* .b-gregray40 */
.page-store .noidung .left ul li:hover {background:#f4f6f1;}
.page-store .noidung .left ul li.active {background:#f4f6f1;}
.page-store .noidung .left ul li { display:flex;justify-content:space-between;padding:26px 10px;border-radius:10px;cursor:pointer; }
.page-store .noidung .left ul li.line { display:block;padding:0;margin:0;border-radius:0; }
.page-store .noidung .left ul li.line div { font-size:1px;height:1px; }
.page-store .noidung .left ul li .thongtin { width:calc(100% - 75px); }
.page-store .noidung .left ul li .hinhanh { width:64px; }
.page-store .noidung .left ul li .ten { margin-top:0; }
.page-store .noidung .left ul li .diachi { margin-top:5px; }
.page-store .noidung .left ul li .dienthoai { margin-top:5px; }
.page-store .noidung .left ul li .hinhanh { text-align:center; }
.page-store .noidung .left ul li .hinhanh span { display:block; }
/* #endregion */


/* #region news-category  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-news-category .intro-banner-left { margin-top:15px;border-radius:10px; }
.mobile-news-category .intro-banner-left img { width:100%;max-height:288px;border-radius:10px; }
.mobile-news-category .danh-sach .item:first-child { margin-top:10px; }
.mobile-news-category .danh-sach .item { margin-top:40px; }
.mobile-news-category .danh-sach .item .hinhanh { border-radius:10px; }
.mobile-news-category .danh-sach .item .hinhanh img { width:100%;max-height:288px;border-radius:10px; }
.mobile-news-category .danh-sach .item .thongtin .ten { margin-top:10px; }
.mobile-news-category .danh-sach .item .thongtin .thoigian { margin-top:5px; }
.mobile-news-category .danh-sach .item .thongtin .tomtat { margin-top:5px; }
.mobile-news-category ul.paging { padding:30px 0 10px 0; }
.mobile-news-category .intro-menu-left { border-radius:10px;margin-top:24px; }
/* #endregion mobile */

.page-news-category .intro-menu-left { border-radius:10px;margin-top:24px; }
.page-news-category .intro-banner-left { margin-top:18px; }
/* .page-news-category .thumuc-trai { border-radius:10px;padding:24px 12px;margin-top:24px; } */
.page-news-category .danh-sach { border-radius:10px;padding:24px 24px;margin-top:24px; }
/* .page-news-category .thumuc-trai ul { margin:0;padding:0;list-style:none; }
.page-news-category .thumuc-trai ul > li { border-radius:20px;padding:8px 16px; } */
/* b-gregray70 */
/* .page-news-category .thumuc-trai ul > li.active { background:#f0f3eb; } */
.page-news-category .danh-sach .tieude { margin-top:3px;text-align:center;padding-bottom:10px; }
.page-news-category .danh-sach .item { display:flex;justify-content:space-between;margin-top:32px; }
.page-news-category .danh-sach .item .hinhanh { width:252px; }
.page-news-category .danh-sach .item .thongtin { width:calc(100% - 268px); }
.page-news-category .danh-sach .item .ten { margin-top:15px; }
.page-news-category .danh-sach .item .thoigian { margin-top:7px; }
.page-news-category .danh-sach .item .tomtat { margin-top:7px;line-height:21px; }
.page-news-category .danh-sach .item .hinhanh img { border-radius:10px; }
.page-news-category .danh-sach ul.paging { margin-top:30px; }
/* #endregion */


/* #region news  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-news .tieude { margin-top:30px;text-align:center;line-height:35px; }
.mobile-news .thoigian { margin-top:10px; }
.mobile-news .hinh { margin-top:10px; }
.mobile-news .hinh > img { height:224px;width:100%; }
.mobile-news .noidung { margin-top:10px; }
.mobile-news article.chitiet { line-height:21px; }
/* .mobile-news .show-menu .tieude { margin-top:30px;text-align:left;line-height:35px; } */
.mobile-news .intro-menu-left { border-radius:10px;margin-top:24px; }
.mobile-news .intro-banner-left { border-radius:10px;margin-top:15px; }
.mobile-news .intro-banner-left img { width:100%;max-height:288px;border-radius:10px; }
/* #endregion mobile */

/* .page-news .show-menu { border-radius:10px;padding:24px 24px;margin-top:24px; }
.page-news .show-menu .tieude { margin-top:0;text-align:left; }
.page-news .show-menu .chitiet { margin-top:7px; }
.page-news .intro-menu-left { border-radius:10px;margin-top:24px; }
.page-news .intro-banner-left { margin-top:18px; } */

.page-news .tieude { margin-top:51px;text-align:center;line-height:51px; }
.page-news .thoigian { margin-top:20px; }
.page-news .hinh { margin-top:35px; }
.page-news .hinh > img { height:551px;width:100%; }
.page-news article.chitiet { margin-top:45px;line-height:21px; }
.page-news .muc-luc { margin-top:40px;padding:26px;border-radius:20px; }
.page-news .muc-luc .tieude { margin-top:0; }
.page-news .muc-luc .dong-1 { margin-top:11px; }
.page-news .muc-luc .dong-2 { margin-top:11px;padding-left:20px; }
/* #endregion */

/* #region intro  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-intro div.image { border-radius:10px; }
.mobile-intro div.image img { border-radius:10px; }
.mobile-intro .gioi-thieu .noi-dung { margin-top:24px; }
.mobile-intro .noi-dung .tieude-1 { padding:0 5px;display:flex; }
.mobile-intro .noi-dung .tieude-1 .line-hr { font-size:2px;width:2px;height:48px; }
.mobile-intro .noi-dung .tieude-1 .text { margin-left:13px;line-height:48px; }
.mobile-intro .noi-dung .noidung-1 { margin-top:23px; }
.mobile-intro .noi-dung .tomtat-1 { font-family: "Alata";margin-top:31px;text-align:center; }
.mobile-intro .tamnhin .noi-dung { margin-top:35px; }
.mobile-intro .tamnhin .noi-dung .tieude-1 { padding-top:32px; }
.mobile-intro .tamnhin .noi-dung .content { margin-top:22px;margin-top:9px;padding:0 40px 15px 19px; }
.mobile-intro .sumenh .noi-dung .tieude-1 { padding-top:32px; }
.mobile-intro .sumenh .noi-dung .content { margin-top:22px;margin-top:9px;padding:0 40px 15px 19px; }
.mobile-intro .cotloi { margin-top:35px; }
.mobile-intro .lichsu { margin-top:35px; }
.mobile-intro .lichsu .noi-dung .content { margin-top:22px;margin-top:9px;padding:0 40px 5px 19px; }
.mobile-intro .intro-menu-left { border-radius:10px;margin-top:24px; }
.mobile-intro .intro-banner-left { border-radius:10px;margin-top:15px; }
.mobile-intro .intro-banner-left img { width:100%;max-height:288px;border-radius:10px; }
/* #endregion mobile */

/* .page-intro .thumuc-trai { border-radius:10px;padding:24px 12px;margin-top:24px; } */
.page-intro .noi-dung { border-radius:10px;padding:24px 0;margin-top:24px; }
/* .page-intro .thumuc-trai ul { margin:0;padding:0;list-style:none; }
.page-intro .thumuc-trai ul > li { border-radius:20px;padding:8px 16px; } */
/* b-gregray70 */
/* .page-intro .thumuc-trai ul > li.active { background:#f0f3eb; } */
.page-intro .intro-menu-left { border-radius:10px;margin-top:24px; }
.page-intro .intro-banner-left { margin-top:18px; }
.page-intro .noi-dung .noidung-1 { padding:0 24px;margin-top:23px;display:flex;justify-content:space-between; }
.page-intro .noi-dung .noidung-1 .image { width:418px; }
.page-intro .noi-dung .noidung-1 .image img { border-radius:20px; }
.page-intro .noi-dung .noidung-1 .text { margin-left:15px;width:calc(100% - 460px);line-height:21px; }
.page-intro .noi-dung .tomtat-1 { font-family: "Alata";padding:0 24px;margin-top:77px;text-align:center; }
.page-intro .noi-dung .tieude-1 { padding:0 24px;display:flex; }
.page-intro .noi-dung .tieude-1 .line-hr { font-size:2px;width:2px;height:48px; }
.page-intro .noi-dung .tieude-1 .text { margin-left:13px;line-height:48px; }
.page-intro .noi-dung .tamnhin { margin-top:80px;display:flex;align-items:flex-end; }
.page-intro .noi-dung .tamnhin .text .content { margin-top:22px;min-height:150px;line-height:21px; }
.page-intro .noi-dung .tamnhin .text { padding:44px 33px 44px 44px;width:calc(100% - 469px); }
.page-intro .noi-dung .tamnhin .image { width:469px; }
.page-intro .noi-dung .tamnhin .image img { border-radius:2px; }
.page-intro .noi-dung .sumenh { margin-top:29px;display:flex;align-items:flex-start; }
.page-intro .noi-dung .sumenh .text .content { margin-top:22px;margin-left:20px;line-height:21px; }
.page-intro .noi-dung .sumenh .text .content ul li { margin-top:22px; }
.page-intro .noi-dung .sumenh .text { padding:30px 18px 30px 23px;width:calc(100% - 468px);min-height:310px; }
.page-intro .noi-dung .sumenh .image { width:468px; }
.page-intro .noi-dung .sumenh .image img { border-radius:2px; }
.page-intro .noi-dung .tieude-2 { display:flex; }
.page-intro .noi-dung .tieude-2 .line-hr { font-size:2px;width:2px;height:48px; }
.page-intro .noi-dung .tieude-2 .tieude { margin-left:13px;line-height:32px; }
.page-intro .noi-dung .cotloi { margin-top:68px;padding:0 44px; }
.page-intro .noi-dung .cotloi .image { margin-top:43px;padding:0 44px; }
.page-intro .noi-dung .lichsu { margin-top:47px;padding:0 44px; }
.page-intro .noi-dung .lichsu .text { margin-top:27px;padding-left:10px; }
.page-intro .noi-dung .lichsu .text .menu_name { font-weight:bold;width:70px; }
.page-intro .noi-dung .lichsu .text .userDefind1 { width:calc(100% - 70px);line-height:21px; }
/* #endregion */

/* #region recruit-list  ------------------------------- */
.page-recruit-list{ background-image: url('images/news_01.jpg');background-repeat:no-repeat;background-position: top center; }
.page-recruit-list .khung { display:flex;flex-wrap:wrap;justify-content:center; }
.page-recruit-list .khung > div { max-width:960px; }
.page-recruit-list .tieude { margin-top:48px;text-align:center; }
.page-recruit-list .gioithieu { margin-top:18px;text-align:center; }
.page-recruit-list .hinh { margin-top:34px;text-align:center; }
.page-recruit-list .danhsach-tieude { margin-top:52px;text-align:center; }
/* #endregion */


/* #region contact  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-contact .nhaplieu{ padding:31px 40px 24px 40px;border-radius:10px;box-shadow:0px 4px 30px rgba(73, 73, 73, 0.3); }
.mobile-contact .nhaplieu .input { border-radius:8px; }
.mobile-contact .nhaplieu .input input { line-height:26px;padding:6px 12px; }
.mobile-contact .nhaplieu .label { margin-top:15px; }
.mobile-contact .nhaplieu .input.captcha-input { display:flex;margin-top:18px; }
.mobile-contact .nhaplieu .input.captcha-input .image { width:calc(100% - 40px);border-radius:8px;padding:0 10px; }
.mobile-contact .nhaplieu .input.captcha-input a { margin-left:18px;width:20px;cursor:pointer; }
.mobile-contact .nhaplieu .input.captcha-input a > img { margin-top:8px; }
.mobile-contact .nhaplieu button.login { border:none;border-radius:31px;padding:9px 40px;margin-top:25px; }
.mobile-contact .tieude { text-align:center; }
/* .mobile-contact .tieude .text-1 { margin-top:40px; } */
.mobile-contact .tieude .text-2 { margin-top:10px; }
/* .mobile-contact .danhsach-thongtin { padding-top:56px; } */
.mobile-contact .nhaplieu { margin-top:60px;position:relative; }
.mobile-contact .danhsach-thongtin .item { margin-top:40px; }
.mobile-contact .danhsach-thongtin .item .text { display:flex;justify-content:space-between; }
.mobile-contact .danhsach-thongtin .item .text img { width:16px;height:16px;margin-top:2px; }
.mobile-contact .danhsach-thongtin .item .text > span { width:calc(100% - 25px); }
.mobile-contact .danhsach-thongtin .item .text > a { width:calc(100% - 25px); }
.mobile-contact .danhsach-thongtin .item .text.txt-1 { margin-top:8px; }
.mobile-contact .danhsach-thongtin .item .text.txt-2 { margin-top:8px; }
.mobile-contact .danhsach-thongtin .item .duongdan { display:flex;text-decoration:underline; }
.mobile-contact .danhsach-thongtin .item .duongdan > a:first-child { margin-right:18px; }
.mobile-contact .thongbao { display:none;border-radius:10px;padding:12px;position:absolute;bottom:90px;left:22px; }
.mobile-contact .thongbao img { margin-right:5px; }
.mobile-contact .thongbao.show { display:flex; }
/*b-gregray40,cl-gregray400*/
.mobile-contact form.nhaplieu.haserror button { background:#f4f6f1;color:#abafa5; }
/* #endregion mobile */

.page-contact .nhaplieu{ width:477px;padding:31px 40px 24px 40px;border-radius:10px;box-shadow:0px 4px 30px rgba(73, 73, 73, 0.3); }
.page-contact .nhaplieu .input { border-radius:8px; }
.page-contact .nhaplieu .input input { line-height:26px;padding:6px 12px; }
.page-contact .nhaplieu .label { margin-top:15px; }
.page-contact .nhaplieu .input.captcha-input { display:flex;margin-top:18px; }
.page-contact .nhaplieu .input.captcha-input .image { width:calc(100% - 40px);border-radius:8px;padding:0 10px; }
.page-contact .nhaplieu .input.captcha-input a { margin-left:18px;width:20px;cursor:pointer; }
.page-contact .nhaplieu .input.captcha-input a > img { margin-top:8px; }
.page-contact .nhaplieu button.login { border:none;border-radius:31px;padding:9px 40px;margin-top:25px; }
.page-contact .tieude { text-align:center; }
.page-contact .tieude .text-1 { margin-top:40px; }
.page-contact .tieude .text-2 { margin-top:10px; }
.page-contact .danhsach-thongtin { padding-top:56px;margin-right:127px;width:427px; }
.page-contact .nhaplieu { margin-top:60px;position:relative; }
.page-contact .danhsach-thongtin .item { margin-top:40px; }
.page-contact .danhsach-thongtin .item .text { display:flex;justify-content:space-between; }
.page-contact .danhsach-thongtin .item .text img { width:16px;height:16px;margin-top:2px; }
.page-contact .danhsach-thongtin .item .text > span { width:calc(100% - 25px); }
.page-contact .danhsach-thongtin .item .text > a { width:calc(100% - 25px); }
.page-contact .danhsach-thongtin .item .text.txt-1 { margin-top:8px; }
.page-contact .danhsach-thongtin .item .text.txt-2 { margin-top:8px; }
.page-contact .danhsach-thongtin .item .duongdan { display:flex;text-decoration:underline; }
.page-contact .danhsach-thongtin .item .duongdan > a:first-child { margin-right:18px; }
.page-contact .thongbao { display:none;border-radius:10px;padding:12px;width:425px;position:absolute;bottom:90px;left:22px; }
.page-contact .thongbao img { margin-right:5px; }
.page-contact .thongbao.show { display:flex; }
/*b-gregray40,cl-gregray400*/
.page-contact form.nhaplieu.haserror button { background:#f4f6f1;color:#abafa5; }
/* #endregion */

/* #region blog-home  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-blog-home .banner-top > div { height:239px;background-repeat:no-repeat; background-position:center center;background-size:cover; }
.mobile-blog-home .ds-danhmuc { margin-top:32px; }
.mobile-blog-home .ds-danhmuc .item { width:120px; }
.mobile-blog-home .ds-danhmuc .item > a { text-align:center;display:block; }
.mobile-blog-home .ds-danhmuc .item img { width:70px;height:70px;display:inline-block; }
.mobile-blog-home .ds-danhmuc .item .tieude { margin-top:9px;text-align:center; }
.mobile-blog-home .tintuc-search-outline { margin-top:36px; }
.mobile-blog-home .tintuc-search { width:100%;position: relative; }
.mobile-blog-home .tintuc-search a.input-clear { top:7px;right:9px; }
.mobile-blog-home .tintuc-search > input { border-radius:63px;line-height:22px;padding:8px 32px 8px 42px;width:100%; }
.mobile-blog-home .tintuc-search > button { position: absolute;left:5px;top:7px;border:none;background:none; }
/*cl-gregray550*/
.mobile-blog-home .tintuc-search > input::placeholder {color:#87907d;}
.mobile-blog-home .tintuc-search > input:focus{ border-color: #516e54; }
.mobile-blog-home .noibat-tieude { margin-top:40px; }
.mobile-blog-home .noibat-top { margin-top:18px;position: relative; }
.mobile-blog-home .noibat-top img { width:100%;height:204px;border-radius:9px; }
.mobile-blog-home .noibat-top > .background { height:204px;width:100%;position:absolute;bottom:0;left:0;background:linear-gradient(rgba(53, 57, 53, 0.01),rgba(53, 57, 53, 0.5));border-radius:0 0 20px 20px; }
.mobile-blog-home .noibat-top > .info { position:absolute;bottom:8px;left:0;max-height:80px;width:100%;text-align:center; }
.mobile-blog-home .noibat-ds { padding-top:24px; }
.mobile-blog-home .noibat-ds .item:first-child { margin-top:0; }
.mobile-blog-home .noibat-ds .item { margin-top:24px;width:100%;border-radius:7px; }
.mobile-blog-home .noibat-ds .item .noidung-outline { margin-top:10px;display:flex;justify-content:space-between; }
.mobile-blog-home .noibat-ds .item .hinh { width:140px; }
.mobile-blog-home .noibat-ds .item .hinh img { height:102px;width:140px;border-radius:10px; }
.mobile-blog-home .noibat-ds .item .noidung {width:calc(100% - 156px); }
.mobile-blog-home .noibat-ds .item .noidung .danhmuc { margin-top:0; }
.mobile-blog-home .noibat-ds .item .noidung .tomtat { margin-top:6px;line-height:21px;max-height:81px;overflow:hidden; }
.mobile-blog-home .tintuc-tieude { margin-top:40px; }
.mobile-blog-home .tintuc-ds { padding-top:18px; }
.mobile-blog-home .tintuc-ds .item { margin-top:28px;display:flex;justify-content:space-between; }
.mobile-blog-home .tintuc-ds .item:first-child { margin-top:0; }
.mobile-blog-home .tintuc-ds .item img { width:121px;height:72px;border-radius:6px; }
.mobile-blog-home .tintuc-ds .item .txt { width:calc(100% - 137px); }
.mobile-blog-home .hangnhat-tieude { margin-top:40px; }
.mobile-blog-home .hangnhat-top { margin-top:16px; }
.mobile-blog-home .hangnhat-top .hinh img { width:100%;height:206px;border-radius:12px; }
.mobile-blog-home .hangnhat-top .noidung { margin-top:14px; }
.mobile-blog-home .hangnhat-top .noidung .tieude { line-height:26px; }
.mobile-blog-home .hangnhat-top .noidung .danhmuc { margin-top:8px; }
.mobile-blog-home .hangnhat-top .noidung .tomtat { margin-top:8px;line-height:21px; }
.mobile-blog-home .hangnhat-ds .item { margin-top:24px;display:flex;justify-content:space-between; }
.mobile-blog-home .hangnhat-ds .item .hinh img { width:158px;height:95px;border-radius:7px; }
.mobile-blog-home .hangnhat-ds .item .noidung { width:calc(100% - 174px); }
.mobile-blog-home .hangnhat-ds .item .noidung .tieude { line-height:23px; }
.mobile-blog-home .hangnhat-xemthem { margin-top:19px;text-align: center; }
.mobile-blog-home .hachivaban-outline { margin-top:50px;padding:265px 0 34px 0; }
.mobile-blog-home .hachivaban .item-outline { padding:2px; }
.mobile-blog-home .hachivaban .item-outline > .item { width:309px;height:450px;border-radius:20px;box-shadow: 0 0 5px 0 #dee0da;position: relative; }
.mobile-blog-home .hachivaban .item-outline > .item img { width:309px;border-radius:20px 20px 0 0; }
.mobile-blog-home .hachivaban .item-outline > .item .noidung { padding:24px; }
.mobile-blog-home .hachivaban .item-outline > .item .noidung .tieude { line-height:30px; }
.mobile-blog-home .hachivaban .item-outline > .item .noidung .danhmuc { margin-top:6px;line-height:19px; }
.mobile-blog-home .hachivaban .item-outline > .item .noidung .tomtat { margin-top:6px;line-height:22px;max-height:87px;overflow:hidden; }
.mobile-blog-home .hachivaban .item-outline > .item .sapxep-bg { border-radius:20px;position: absolute;width:59px;height:32px;top:26px;right:26px;opacity:0.8; }
.mobile-blog-home .hachivaban .item-outline > .item .sapxep { position: absolute;top:31px;right:26px;width:59px;text-align:center; }
.mobile-blog-home .hachivaban-xemthem { margin-top:28px;text-align: center; }
.mobile-blog-home .hachivaban-xemthem a { border-radius:31px;padding:11px 30px; }

.mobile-blog-home .blog-top-outline { margin-top:70px;border-radius:10px;padding-top:150px; }
.mobile-blog-home .blog-top { border-radius:14px;padding:7px;box-shadow: 0 0 5px 0 #dee0da; }
.mobile-blog-home .blog-top .hinh img { width:100%;height:198px;border-radius:12px; }
.mobile-blog-home .blog-top .noidung { padding:15px; }
.mobile-blog-home .blog-top .noidung .tieude { line-height:26px;max-height:78px;overflow:hidden; }
.mobile-blog-home .blog-top .noidung .danhmuc { margin-top:8px; }
.mobile-blog-home .blog-top .noidung .tomtat { margin-top:8px;line-height:21px;max-height:146px;overflow:hidden; }
.mobile-blog-home .blog-ds { padding-top:22px; }
.mobile-blog-home .blog-ds .item:first-child { margin-top:0; }
.mobile-blog-home .blog-ds .item { margin-top:22px;display:flex;justify-content:space-between; }
.mobile-blog-home .blog-ds .item .hinh img { width:158px;height:95px;border-radius:7px; }
.mobile-blog-home .blog-ds .item .noidung { width:calc(100% - 174px); }
.mobile-blog-home .blog-ds .item .noidung .tieude { line-height:26px; }
.mobile-blog-home .blog-xemthem { margin-top:20px;text-align: center; }
.mobile-blog-home .blog-sanpham { margin-top:30px;padding:18px 26px;border-radius:10px; }
.mobile-blog-home .product-list { display:block; }
.mobile-blog-home .product-list .product-item { width:257px;height:384px; }
.mobile-blog-home .product-list .product-item .img img { width:257px;height:257px; }
.mobile-blog-home .banner-1 { margin-top:30px; }
.mobile-blog-home .banner-1 img { width:349px;height:419px; }

.mobile-blog-home .banner-bottom { margin-top:30px; }
.mobile-blog-home .banner-bottom > div { text-align:center;height:161px;background-repeat:no-repeat;background-position:center center;background-size:cover; }
.mobile-blog-home .banner-bottom > div a { display:inline-block;line-height:161px; }
.mobile-blog-home .noidung-bottom { margin-top:30px; }
.mobile-blog-home .noidung-bottom .title { text-align:center;line-height:30px; }
.mobile-blog-home .noidung-bottom .content { text-align:center;line-height:22px; }

.mobile-blog-home .banner-titok { margin-top:30px; }
.mobile-blog-home .banner-titok .title-top { width:100%;display:flex;padding-bottom:10px; }
.mobile-blog-home .banner-titok .title-top img { width:36px;margin-right:8px; }
.mobile-blog-home .banner-titok .title-top span { line-height:41px; }

.mobile-blog-home .titok-video > iframe { width:250px;height:444px;border:none;border-radius:10px; }
/* #endregion mobile */
.page-blog-home .banner-top > div { height:488px;background-repeat:no-repeat; background-position:center center;background-size:cover; }
.page-blog-home .moi-nhat { height:484px; }
.page-blog-home .moi-nhat img { height:484px;width:100%; }
.page-blog-home .ds-danhmuc { margin-top:74px; }
.page-blog-home .ds-danhmuc .item { margin-left:20px; }
.page-blog-home .ds-danhmuc .item:first-child { margin-left:0; }
.page-blog-home .ds-danhmuc .item > .info { position:absolute;top:0;left:12px;height:120px;width:120px;text-align:center;padding-top:40px; }
.page-blog-home .ds-danhmuc .item > .info a { display: block; }
.page-blog-home .ds-danhmuc .item .tieude { margin-top:20px;text-align:center; }
/* cl-dakgreen650 */
.page-blog-home .ds-danhmuc .item .tieude a:hover { color:#268f3b; }
.page-blog-home .noibat-tieude { margin-top:50px;margin-left:6px; }
.page-blog-home .noibat-top { margin-top:18px;position: relative; }
.page-blog-home .noibat-top img { height:460px;border-radius:20px; }
.page-blog-home .noibat-top > .background { height:220px;width:100%;position:absolute;bottom:0;left:0;background:linear-gradient(rgba(53, 57, 53, 0.01),rgba(53, 57, 53, 0.5));border-radius:0 0 20px 20px; }
.page-blog-home .noibat-top > .info { position:absolute;bottom:0;left:0;height:80px;width:100%;text-align:center; }
.page-blog-home .noibat-ds { display:flex;justify-content:space-between; }
.page-blog-home .noibat-ds .item { margin-top:48px;width:calc(50% - 12px);border-radius:7px; }
.page-blog-home .noibat-ds .item .hinh img { height:230px;width:100%;border-radius:10px; }
.page-blog-home .noibat-ds .item .noidung { margin-top:16px;padding:0 15px 16px 15px; }
.page-blog-home .noibat-ds .item .noidung .danhmuc { margin-top:6px; }
.page-blog-home .noibat-ds .item .noidung .tomtat { margin-top:6px;line-height:21px; }
.page-blog-home .row .cot-phai { padding-left:39px; }
.page-blog-home .tintuc-search-outline { margin-top:60px; }
.page-blog-home .tintuc-search { margin:0 auto;width:450px;position: relative; }
.page-blog-home .tintuc-search a.input-clear { top:7px;right:9px; }
.page-blog-home .tintuc-search > input { border-radius:63px;line-height:22px;padding:8px 32px 8px 42px;width:100%; }
.page-blog-home .tintuc-search > button { position: absolute;left:5px;top:7px;border:none;background:none; }
/*cl-gregray550*/
.page-blog-home .tintuc-search > input::placeholder {color:#87907d;}
.page-blog-home .tintuc-search > input:focus{ border-color: #516e54; }
.page-blog-home .tintuc-tieude { margin-top:50px; }
.page-blog-home .tintuc-ds { padding-top:18px; }
.page-blog-home .tintuc-ds .item { margin-top:28px;display:flex;justify-content:space-between; }
.page-blog-home .tintuc-ds .item:first-child { margin-top:0; }
.page-blog-home .tintuc-ds .item img { width:121px;height:72px;border-radius:6px; }
.page-blog-home .tintuc-ds .item .txt { width:calc(100% - 137px); }
.page-blog-home .banner-1 { margin-top:135px; }
.page-blog-home .banner-1 img { width:349px;height:419px; }
.page-blog-home .banner { margin-top:80px; }
.page-blog-home .banner .title-top { width:100%;display:flex;padding-bottom:10px; }
.page-blog-home .banner .title-top img { margin-right:8px; }
.page-blog-home .banner .title-top.top-1 img { width:41px; }
.page-blog-home .banner .title-top.top-2 img { width:36px; }
.page-blog-home .banner .title-top.top-2 { margin-top:50px;padding-bottom:0; }
.page-blog-home .banner .title-top.top-2 span { line-height:41px; }

.page-blog-home .hangnhat-tieude { margin-top:80px;margin-left:6px; }
.page-blog-home .hangnhat-top { margin-top:18px;display:flex;justify-content:space-between; }
.page-blog-home .hangnhat-top .hinh img { width:475px;height:284px;border-radius:12px; }
.page-blog-home .hangnhat-top .noidung { width:calc(100% - 495px); }
.page-blog-home .hangnhat-top .noidung .tieude { line-height:26px; }
.page-blog-home .hangnhat-top .noidung .danhmuc { margin-top:8px; }
.page-blog-home .hangnhat-top .noidung .tomtat { margin-top:8px;line-height:21px; }
.page-blog-home .hangnhat-ds .item { margin-top:40px;display:flex;justify-content:space-between; }
.page-blog-home .hangnhat-ds .item .hinh img { width:260px;height:156px;border-radius:7px; }
.page-blog-home .hangnhat-ds .item .noidung { width:calc(100% - 280px); }
.page-blog-home .hangnhat-ds .item .noidung .tieude { line-height:26px; }
.page-blog-home .hangnhat-ds .item .noidung .danhmuc { margin-top:8px; }
.page-blog-home .hangnhat-ds .item .noidung .tomtat { margin-top:8px;line-height:21px; }
.page-blog-home .hangnhat-xemthem { margin-top:40px;text-align: center; }
.page-blog-home .hachivaban-outline { margin-top:81px;padding:265px 0 34px 0; }
.page-blog-home .hachivaban .item-outline { padding:2px; }
/* .page-blog-home .hachivaban .item-outline > .item { width:681px;height:659px;border-radius:20px;box-shadow: 0 0 5px 0 #dee0da; } */
.page-blog-home .hachivaban .item-outline > .item { width:500px;height:520px;border-radius:20px;box-shadow: 0 0 5px 0 #dee0da;position: relative; }
.page-blog-home .hachivaban .item-outline > .item img { width:500px;border-radius:20px 20px 0 0; }
.page-blog-home .hachivaban .item-outline > .item .noidung { padding:24px; }
.page-blog-home .hachivaban .item-outline > .item .noidung .tieude { line-height:30px; }
.page-blog-home .hachivaban .item-outline > .item .noidung .danhmuc { margin-top:6px;line-height:19px; }
.page-blog-home .hachivaban .item-outline > .item .noidung .tomtat { margin-top:6px;line-height:22px;max-height:87px;overflow:hidden; }
.page-blog-home .hachivaban .item-outline > .item .sapxep-bg { border-radius:20px;position: absolute;width:59px;height:32px;top:26px;right:26px;opacity:0.8; }
.page-blog-home .hachivaban .item-outline > .item .sapxep { position: absolute;top:31px;right:26px;width:59px;text-align:center; }
.page-blog-home .hachivaban-xemthem { margin-top:25px;text-align: center; }
.page-blog-home .hachivaban-xemthem a { border-radius:31px;padding:11px 30px; }
.page-blog-home .blog-top-outline { margin-top:70px;border-radius:10px;padding:31px; }
.page-blog-home .blog-top { margin-top:220px;border-radius:14px;padding:24px;display:flex;justify-content:space-between;box-shadow: 0 0 5px 0 #dee0da; }
.page-blog-home .blog-top .hinh img { width:423px;height:252px;border-radius:12px; }
.page-blog-home .blog-top .noidung { width:calc(100% - 443px); }
.page-blog-home .blog-top .noidung .tieude { line-height:26px;max-height:78px;overflow:hidden; }
.page-blog-home .blog-top .noidung .danhmuc { margin-top:8px; }
.page-blog-home .blog-top .noidung .tomtat { margin-top:8px;line-height:21px;max-height:146px;overflow:hidden; }
.page-blog-home .blog-ds .item { margin-top:40px;display:flex;justify-content:space-between; }
.page-blog-home .blog-ds .item .hinh img { width:260px;height:156px;border-radius:7px; }
.page-blog-home .blog-ds .item .noidung { width:calc(100% - 280px); }
.page-blog-home .blog-ds .item .noidung .tieude { line-height:26px; }
.page-blog-home .blog-ds .item .noidung .danhmuc { margin-top:8px; }
.page-blog-home .blog-ds .item .noidung .tomtat { margin-top:8px;line-height:21px; }
.page-blog-home .blog-xemthem { margin-top:40px;text-align: center; }
.page-blog-home .blog-sanpham { margin-top:70px;padding:18px 26px;border-radius:10px; }
.page-blog-home .blog-sanpham .list > div { margin-top:16px; }
/* .page-blog-home .blog-top-outline.amthuc { background-image: url('images/blog_home_amthuc.jpg'); }
.page-blog-home .blog-top-outline.suckhoe { background-image: url('images/blog_home_suckhoe.jpg'); }
.page-blog-home .blog-top-outline.lamdep { background-image: url('images/blog_home_lamdep.jpg'); }
.page-blog-home .blog-top-outline.nhacuadoisong { background-image: url('images/blog_home_nhacuadoisong.jpg'); }
.page-blog-home .blog-top-outline.vhnhat { background-image: url('images/blog_home_vhnhat.jpg'); } */

.page-blog-home .banner-bottom { margin-top:70px; }
.page-blog-home .banner-bottom > div { text-align:center;height:258px;background-repeat:no-repeat;background-position:center center;background-size:cover; }
.page-blog-home .banner-bottom > div a { display:inline-block;line-height:258px; }
.page-blog-home .noidung-bottom .noidung { margin-top:60px;text-align:center; }
.page-blog-home .noidung-bottom .noidung .title { margin:0 auto;width:800px; }
.page-blog-home .noidung-bottom .noidung .content { width:800px;margin:6px auto 0 auto;line-height:23px; }

.page-blog-home .titok-video > iframe { width:340px;height:600px;border:none;border-radius:20px;margin-top:10px; }
/* #endregion */


/* #region blog-cate  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-blog-cate .moi-nhat > .bg { height:200px;background-repeat:no-repeat; background-position:center center;background-size:cover; }
.mobile-blog-cate .ds-danhmuc { margin-top:32px; }
.mobile-blog-cate .ds-danhmuc .item { width:120px; }
.mobile-blog-cate .ds-danhmuc .item > a { text-align:center;display:block; }
.mobile-blog-cate .ds-danhmuc .item img { width:70px;height:70px;display:inline-block; }
.mobile-blog-cate .ds-danhmuc .item .tieude { margin-top:9px;text-align:center; }
.mobile-blog-cate .tintuc-search-outline { margin-top:36px; }
.mobile-blog-cate .tintuc-search { width:100%;position: relative; }
.mobile-blog-cate .tintuc-search a.input-clear { top:7px;right:9px; }
.mobile-blog-cate .tintuc-search > input { border-radius:63px;line-height:22px;padding:8px 32px 8px 42px;width:100%; }
.mobile-blog-cate .tintuc-search > button { position: absolute;left:5px;top:7px;border:none;background:none; }
/*cl-gregray550*/
.mobile-blog-cate .tintuc-search > input::placeholder {color:#87907d;}
.mobile-blog-cate .tintuc-search > input:focus{ border-color: #516e54; }

.mobile-blog-cate .title { margin-top:30px;margin-left:6px; }
.mobile-blog-cate .danh-sach .item { margin-top:40px;display:flex;justify-content:space-between; }
.mobile-blog-cate .danh-sach .item:first-child { margin-top:18px; }
.mobile-blog-cate .danh-sach .item .hinh img { width:158px;height:95px;border-radius:7px; }
.mobile-blog-cate .danh-sach .item .tieude { max-height:81px;overflow:hidden; }
.mobile-blog-cate .danh-sach .item .noidung { width:calc(100% - 170px); }
.mobile-blog-cate .danh-sach .item .noidung .danhmuc { margin-top:8px;display:none; }
.mobile-blog-cate .danh-sach .item .noidung .tomtat { margin-top:8px;display:none; }
.mobile-blog-cate .danh-sach .item:first-child { display:block; }
.mobile-blog-cate .danh-sach .item:first-child .hinh img { width:100%;height:206px;border-radius:20px; }
.mobile-blog-cate .danh-sach .item:first-child .danhmuc { display:block; }
.mobile-blog-cate .danh-sach .item:first-child .tomtat { display:block; }
.mobile-blog-cate .danh-sach .item:first-child .noidung { width:100%;margin-top:20px; }
.mobile-blog-cate .xemthem { margin-top:40px;text-align: center; }
.mobile-blog-cate .xemthem > button { background:none;border:none; }
.mobile-blog-cate .tintuc-tieude { margin-top:50px; }
.mobile-blog-cate .tintuc-ds { padding-top:18px; }
.mobile-blog-cate .tintuc-ds .item:first-child { margin-top:0; }
.mobile-blog-cate .tintuc-ds .item { margin-top:28px;display:flex;justify-content:space-between; }
.mobile-blog-cate .tintuc-ds .item img { width:121px;height:72px;border-radius:3px; }
.mobile-blog-cate .tintuc-ds .item .txt { width:calc(100% - 137px); }
.mobile-blog-cate .banner { margin-top:30px; }
.mobile-blog-cate .banner .title-top { width:100%;display:flex;padding-bottom:10px; }
.mobile-blog-cate .banner .title-top img { margin-right:8px; }
.mobile-blog-cate .banner .title-top.top-1 img { width:41px; }
.mobile-blog-cate .banner .title-top.top-2 img { width:36px; }
.mobile-blog-cate .banner .title-top.top-2 { margin-top:50px; }
.mobile-blog-cate .banner .title-top.top-2 span { line-height:41px; }

.mobile-blog-cate .hachivaban-outline { margin-top:50px;padding:265px 0 34px 0; }
.mobile-blog-cate .hachivaban .item-outline { padding:2px; }
.mobile-blog-cate .hachivaban .item-outline > .item { width:309px;height:550px;border-radius:20px;box-shadow: 0 0 5px 0 #dee0da;position: relative; }
.mobile-blog-cate .hachivaban .item-outline > .item img { width:309px;height:265px;border-radius:20px 20px 0 0; }
.mobile-blog-cate .hachivaban .item-outline > .item .noidung { padding:24px; }
.mobile-blog-cate .hachivaban .item-outline > .item .noidung .tieude { line-height:30px; }
.mobile-blog-cate .hachivaban .item-outline > .item .noidung .danhmuc { margin-top:6px;line-height:19px; }
.mobile-blog-cate .hachivaban .item-outline > .item .noidung .tomtat { margin-top:6px;line-height:22px;max-height:87px;overflow:hidden; }
.mobile-blog-cate .hachivaban .item-outline > .item .sapxep-bg { border-radius:20px;position: absolute;width:59px;height:32px;top:26px;right:26px;opacity:0.8; }
.mobile-blog-cate .hachivaban .item-outline > .item .sapxep { position: absolute;top:31px;right:26px;width:59px;text-align:center; }
.mobile-blog-cate .hachivaban-xemthem { margin-top:45px;text-align: center; }
.mobile-blog-cate .hachivaban-xemthem a { border-radius:31px;padding:11px 30px; }

.mobile-blog-cate .banner-bottom { margin-top:30px; }
.mobile-blog-cate .banner-bottom > div { text-align:center;height:161px;background-repeat:no-repeat;background-position:center center;background-size:cover; }
.mobile-blog-cate .banner-bottom > div a { display:inline-block;line-height:161px; }
.mobile-blog-cate .noidung-bottom { margin-top:30px; }
.mobile-blog-cate .noidung-bottom .title { text-align:center;line-height:30px; }
.mobile-blog-cate .noidung-bottom .content { text-align:center;line-height:22px; }

.mobile-blog-cate .banner-titok { margin-top:30px; }
.mobile-blog-cate .banner-titok .title-top { width:100%;display:flex;padding-bottom:10px; }
.mobile-blog-cate .banner-titok .title-top img { width:36px;margin-right:8px; }
.mobile-blog-cate .banner-titok .title-top span { line-height:41px; }
/* #endregion mobile */

/* .page-blog-cate .moi-nhat { height:260px;text-align:center; }
.page-blog-cate .moi-nhat img { height:260px;width:100%; }
.page-blog-cate .moi-nhat .bg { width:100%; } */
.page-blog-cate .moi-nhat > .bg { height:260px;background-repeat:no-repeat; background-position:center center;background-size:cover; }
.page-blog-cate .ds-danhmuc { margin-top:50px; }
.page-blog-cate .ds-danhmuc .item { margin-left:20px; }
.page-blog-cate .ds-danhmuc .item:first-child { margin-left:0; }
.page-blog-cate .ds-danhmuc .item > .info { position:absolute;top:0;left:12px;height:120px;width:120px;text-align:center;padding-top:40px; }
.page-blog-cate .ds-danhmuc .item > .info a { display: block; }
.page-blog-cate .ds-danhmuc .item .tieude { margin-top:20px;text-align:center; }
/* cl-dakgreen650 */
.page-blog-cate .ds-danhmuc .item .tieude a:hover { color:#268f3b; }
.page-blog-cate .banner { margin-top:100px;display:flex;justify-content:center;flex-wrap:wrap; }
.page-blog-cate .title { margin-top:50px;margin-left:6px; }
.page-blog-cate .danh-sach .item { margin-top:40px;display:flex;justify-content:space-between; }
.page-blog-cate .danh-sach .item:first-child { margin-top:18px; }
.page-blog-cate .danh-sach .item .hinh img { width:260px;height:156px;border-radius:7px; }
.page-blog-cate .danh-sach .item .noidung { width:calc(100% - 280px); }
.page-blog-cate .danh-sach .item .noidung .danhmuc { margin-top:8px; }
.page-blog-cate .danh-sach .item .noidung .tomtat { margin-top:8px; }
.page-blog-cate .danh-sach .item:first-child { display:block; }
.page-blog-cate .danh-sach .item:first-child .hinh img { width:100%;height:459px;border-radius:20px; }
.page-blog-cate .danh-sach .item:first-child .noidung { width:100%;margin-top:20px; }
.page-blog-cate .xemthem { margin-top:40px;text-align: center; }
.page-blog-cate .xemthem > button { background:none;border:none; }
.page-blog-cate .tintuc-search-outline { margin-top:60px; }
.page-blog-cate .tintuc-search { margin:0 auto;width:450px;position: relative; }
.page-blog-cate .tintuc-search a.input-clear { top:7px;right:9px; }
.page-blog-cate .tintuc-search > input { border-radius:63px;line-height:22px;padding:8px 32px 8px 42px;width:100%; }
.page-blog-cate .tintuc-search > button { position: absolute;left:5px;top:7px;border:none;background:none; }
/*cl-gregray550*/
.page-blog-cate .tintuc-search > input::placeholder {color:#87907d;}
.page-blog-cate .tintuc-search > input:focus{ border-color: #516e54; }
.page-blog-cate .tintuc-tieude { margin-top:50px; }
.page-blog-cate .tintuc-ds { padding-top:18px; }
.page-blog-cate .tintuc-ds .item:first-child { margin-top:0; }
.page-blog-cate .tintuc-ds .item { margin-top:28px;display:flex;justify-content:space-between; }
.page-blog-cate .tintuc-ds .item img { width:121px;height:72px;border-radius:3px; }
.page-blog-cate .tintuc-ds .item .txt { width:calc(100% - 137px); }

.page-blog-cate .banner { margin-top:80px; }
.page-blog-cate .banner .title-top { width:100%;display:flex;padding-bottom:10px; }
.page-blog-cate .banner .title-top img { margin-right:8px; }
.page-blog-cate .banner .title-top.top-1 img { width:41px; }
.page-blog-cate .banner .title-top.top-2 img { width:36px; }
.page-blog-cate .banner .title-top.top-2 { margin-top:50px; }
.page-blog-cate .banner .title-top.top-2 span { line-height:41px; }
.page-blog-cate .row .cot-phai { padding-left:39px; }
.page-blog-cate .hachivaban-outline { margin-top:81px;padding:265px 0 34px 0; }
.page-blog-cate .hachivaban .item-outline { padding:2px; }
.page-blog-cate .hachivaban .item-outline > .item { width:500px;height:550px;border-radius:20px;box-shadow: 0 0 5px 0 #dee0da;position: relative; }
.page-blog-cate .hachivaban .item-outline > .item img { width:500px;height:326px;border-radius:20px 20px 0 0; }
.page-blog-cate .hachivaban .item-outline > .item .noidung { padding:24px; }
.page-blog-cate .hachivaban .item-outline > .item .noidung .tieude { line-height:30px; }
.page-blog-cate .hachivaban .item-outline > .item .noidung .danhmuc { margin-top:6px;line-height:19px; }
.page-blog-cate .hachivaban .item-outline > .item .noidung .tomtat { margin-top:6px;line-height:22px;max-height:87px;overflow:hidden; }
.page-blog-cate .hachivaban .item-outline > .item .sapxep-bg { border-radius:20px;position: absolute;width:59px;height:32px;top:26px;right:26px;opacity:0.8; }
.page-blog-cate .hachivaban .item-outline > .item .sapxep { position: absolute;top:31px;right:26px;width:59px;text-align:center; }
.page-blog-cate .hachivaban-xemthem { margin-top:45px;text-align: center; }
.page-blog-cate .hachivaban-xemthem a { border-radius:31px;padding:11px 30px; }

.page-blog-cate .banner-bottom { margin-top:70px; }
.page-blog-cate .banner-bottom > div { text-align:center;height:258px;background-repeat:no-repeat;background-position:center center;background-size:cover; }
.page-blog-cate .banner-bottom > div a { display:inline-block;line-height:258px; }
.page-blog-cate .noidung-bottom .noidung { margin-top:60px;text-align:center; }
.page-blog-cate .noidung-bottom .noidung .title { margin:0 auto;width:800px; }
.page-blog-cate .noidung-bottom .noidung .content { width:800px;margin:6px auto 0 auto;line-height:23px; }
/* #endregion */

/* #region blog-search  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-blog-search .danh-sach-title { margin-top:30px; }
.mobile-blog-search .ds-danhmuc { margin-top:32px; }
.mobile-blog-search .ds-danhmuc .item { width:120px; }
.mobile-blog-search .ds-danhmuc .item > a { text-align:center;display:block; }
.mobile-blog-search .ds-danhmuc .item img { width:70px;height:70px;display:inline-block; }
.mobile-blog-search .ds-danhmuc .item .tieude { margin-top:9px;text-align:center; }
.mobile-blog-search .tintuc-search-outline { margin-top:36px; }
.mobile-blog-search .tintuc-search { width:100%;position: relative; }
.mobile-blog-search .tintuc-search a.input-clear { top:7px;right:9px; }
.mobile-blog-search .tintuc-search > input { border-radius:63px;line-height:22px;padding:8px 32px 8px 42px;width:100%; }
.mobile-blog-search .tintuc-search > button { position: absolute;left:5px;top:7px;border:none;background:none; }
/*cl-gregray550*/
.mobile-blog-search .tintuc-search > input::placeholder {color:#87907d;}
.mobile-blog-search .tintuc-search > input:focus{ border-color: #516e54; }
.mobile-blog-search .danh-sach .item { margin-top:40px;display:flex;justify-content:space-between; }
.mobile-blog-search .danh-sach .item .hinh img { width:158px;height:95px;border-radius:7px; }
.mobile-blog-search .danh-sach .item .tieude { max-height:81px;overflow:hidden; }
.mobile-blog-search .danh-sach .item .noidung { width:calc(100% - 170px); }
.mobile-blog-search .danh-sach .item .noidung .danhmuc { margin-top:8px;display:none; }
.mobile-blog-search .danh-sach .item .noidung .tomtat { margin-top:8px;display:none; }
.mobile-blog-search .product-list-paging { margin-top:15px; }
/* .mobile-blog-search .product-list-paging .pagination { border-radius:0;margin:0;padding:0; }
.mobile-blog-search .product-list-paging .pagination a.page-link { padding:9px;border-radius:50% 50%;border:none;border:1px solid #abafa5;background:none;color:#083011;margin-right:5px; }
.mobile-blog-search .product-list-paging .pagination a.page-link:hover { border:1px solid #268f3b;background-color:#268f3b;color:#fff; }
.mobile-blog-search .product-list-paging .pagination a.page-link.active { border:1px solid #268f3b;background-color:#268f3b;color:#fff; }
.mobile-blog-search .product-list-paging .pagination a.page-link .hachi-icon-left::before, .page-product-category .product-list-paging .pagination a.page-link .hachi-icon-right::before { color:#083011 }
.mobile-blog-search .product-list-paging .pagination a.page-link:hover .hachi-icon-left::before, .page-product-category .product-list-paging .pagination a.page-link:hover .hachi-icon-right::before { color:#fff }
.mobile-blog-search .product-list-paging .pagination a.page-link .number { width:15px;display:inline-block;text-align:center; } */
/* #endregion */
.page-blog-search .danh-sach-title { margin-top:50px; }
.page-blog-search .ds-danhmuc { margin-top:50px; }
.page-blog-search .ds-danhmuc .item { margin-left:20px; }
.page-blog-search .ds-danhmuc .item:first-child { margin-left:0; }
.page-blog-search .ds-danhmuc .item > .info { position:absolute;top:0;left:12px;height:120px;width:120px;text-align:center;padding-top:40px; }
.page-blog-search .ds-danhmuc .item > .info a { display: block; }
.page-blog-search .ds-danhmuc .item .tieude { margin-top:20px;text-align:center; }
.page-blog-search .tintuc-search-outline { margin-top:60px; }
.page-blog-search .tintuc-search { margin:0 auto;width:450px;position: relative; }
.page-blog-search .tintuc-search a.input-clear { top:7px;right:9px; }
.page-blog-search .tintuc-search > input { border-radius:63px;line-height:22px;padding:8px 32px 8px 42px;width:100%; }
.page-blog-search .tintuc-search > button { position: absolute;left:5px;top:7px;border:none;background:none; }
/*cl-gregray550*/
.page-blog-search .tintuc-search > input::placeholder {color:#87907d;}
.page-blog-search .tintuc-search > input:focus{ border-color: #516e54; }
.page-blog-search .danh-sach .item { margin-top:40px;display:flex;justify-content:space-between; }
.page-blog-search .danh-sach .item .hinh img { width:260px;height:156px;border-radius:7px; }
.page-blog-search .danh-sach .item .noidung { width:calc(100% - 280px); }
.page-blog-search .danh-sach .item .noidung .danhmuc { margin-top:8px; }
.page-blog-search .danh-sach .item .noidung .tomtat { margin-top:8px; }
.page-blog-search .product-list-paging { margin-top:20px; }
/* .page-blog-search .product-list-paging .pagination { border-radius:0;margin:0;padding:0; }
.page-blog-search .product-list-paging .pagination a.page-link { padding:9px;border-radius:50% 50%;border:none;border:1px solid #abafa5;background:none;color:#083011;margin-right:5px; }
.page-blog-search .product-list-paging .pagination a.page-link:hover { border:1px solid #268f3b;background-color:#268f3b;color:#fff; }
.page-blog-search .product-list-paging .pagination a.page-link.active { border:1px solid #268f3b;background-color:#268f3b;color:#fff; }
.page-blog-search .product-list-paging .pagination a.page-link .hachi-icon-left::before, .page-blog-search .product-list-paging .pagination a.page-link .hachi-icon-right::before { color:#083011 }
.page-blog-search .product-list-paging .pagination a.page-link:hover .hachi-icon-left::before, .page-blog-search .product-list-paging .pagination a.page-link:hover .hachi-icon-right::before { color:#fff }
.page-blog-search .product-list-paging .pagination a.page-link .number { width:15px;display:inline-block;text-align:center; } */
.page-blog-search .banner-bottom { margin-top:70px; }
.page-blog-search .banner-bottom > div { text-align:center;height:258px;background-repeat:no-repeat;background-position:center center;background-size:cover; }
.page-blog-search .banner-bottom > div a { display:inline-block;line-height:258px; }
/* cl-dakgreen650 */


/* #endregion */


/* #region blog-detail  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-blog-detail .tieude { margin-top:20px;text-align:center; }
.mobile-blog-detail .tieude-sub { margin-top:20px;text-align:center; }
.mobile-blog-detail .thoigian { margin-top:40px; }
.mobile-blog-detail article.noidung { margin-top:6px;line-height:21px; }
.mobile-blog-detail article.noidung p > img { border-radius:20px; }
.mobile-blog-detail .muc-luc { margin-top:10px;padding:16px;border-radius:20px; }
.mobile-blog-detail .muc-luc .tieude { margin-top:0;text-align:left; }
.mobile-blog-detail .muc-luc .dong-1 { margin-top:11px; }
.mobile-blog-detail .muc-luc .dong-2 { margin-top:11px;padding-left:20px; }
.mobile-blog-detail .ds-danhmuc-tieude { margin-top:30px;text-align:center; }
.mobile-blog-detail .ds-danhmuc { margin-top:30px; }
.mobile-blog-detail .ds-danhmuc .item { width:120px; }
.mobile-blog-detail .ds-danhmuc .item > a { text-align:center;display:block; }
.mobile-blog-detail .ds-danhmuc .item img { width:50px;height:50px;display:inline-block; }
.mobile-blog-detail .ds-danhmuc .item .tieude { margin-top:9px;text-align:center; }

.mobile-blog-detail .product-blog { border-radius:10px;padding:20px 10px 20px 20px;margin:5px 0; }
.mobile-blog-detail .product-blog .product-item { display:flex;justify-content:space-between; }
.mobile-blog-detail .product-blog .product-item .info { width:calc(100% - 150px); }
.mobile-blog-detail .product-blog .product-item .img { width:125px; }
.mobile-blog-detail .product-blog .product-item .img img { width:125px;height:125px; }
.mobile-blog-detail .product-blog .product-item .info .price { margin-top:5px; }
.mobile-blog-detail .product-blog .product-item .info .sale { text-decoration:line-through;margin-left:7px; }
.mobile-blog-detail .product-blog .product-item .info .action { margin-top:25px; }

.mobile-blog-detail .baivietkhac { margin-top:40px; }
.mobile-blog-detail .baivietkhac .tieude { text-align:left; }
.mobile-blog-detail .baivietkhac .danhsach .item { margin-top:16px;display:flex;justify-content:space-between; }
.mobile-blog-detail .baivietkhac .danhsach .item .hinh { width:158px; }
.mobile-blog-detail .baivietkhac .danhsach .item .hinh img { width:158px;height:95px;border-radius:8px; }
.mobile-blog-detail .baivietkhac .danhsach .item .noidung { width:calc(100% - 168px);align-content:center; }

.mobile-blog-detail .banner-bottom { margin-top:30px; }
.mobile-blog-detail .banner-bottom > div { text-align:center;height:161px;background-repeat:no-repeat;background-position:center center;background-size:cover; }
.mobile-blog-detail .banner-bottom > div a { display:inline-block;line-height:161px; }
.mobile-blog-detail .noidung-bottom { margin-top:30px; }
.mobile-blog-detail .noidung-bottom .title { text-align:center;line-height:30px; }
.mobile-blog-detail .noidung-bottom .content { text-align:center;line-height:22px; }
.mobile-blog-detail .info-tag { margin-top:12px;display:flex;flex-wrap:wrap; }
.mobile-blog-detail .info-tag a { padding:3px 7px;border-radius:9px;margin-right:5px;margin-top:7px; }
/* #endregion mobile */

.page-blog-detail .header-top .tieude { margin-top:70px;text-align:center; }
.page-blog-detail .header-top .tieude-sub { margin-top:22px;text-align:center; }
.page-blog-detail .header-top .thoigian { margin-top:40px; }
.page-blog-detail .thoigian { margin-top:40px; }
.page-blog-detail article.noidung { margin-top:6px;line-height:21px; }
.page-blog-detail article.noidung p > img { border-radius:20px; }
.page-blog-detail .muc-luc { margin-top:40px;padding:26px;border-radius:20px; }
.page-blog-detail .muc-luc .dong-1 { margin-top:11px; }
.page-blog-detail .muc-luc .dong-2 { margin-top:11px;padding-left:20px; }
.page-blog-detail .muc-luc h2 { line-height:20px; }
.page-blog-detail .muc-luc h2 a { line-height:20px; }
.page-blog-detail .muc-luc h3 { line-height:20px; }
.page-blog-detail .muc-luc h3 a { line-height:20px; }
.page-blog-detail .ds-danhmuc-tieude { margin-top:80px;text-align:center; }
.page-blog-detail .ds-danhmuc-bottom { margin-top:140px;text-align:center; }
.page-blog-detail .ds-danhmuc { margin-top:40px; }
.page-blog-detail .ds-danhmuc .item { margin-left:20px; }
.page-blog-detail .ds-danhmuc .item:first-child { margin-left:0; }
.page-blog-detail .ds-danhmuc .item > .info { position:absolute;top:0;left:12px;height:120px;width:120px;text-align:center;padding-top:40px; }
.page-blog-detail .ds-danhmuc .item > .info a { display: block; }
.page-blog-detail .ds-danhmuc .item .tieude { margin-top:20px;text-align:center; }
/* cl-dakgreen650 */
.page-blog-detail .ds-danhmuc .item .tieude a:hover { color:#268f3b; }

.page-blog-detail .product-blog { border-radius:10px;padding:20px 10px 20px 20px;margin:5px 0; }
.page-blog-detail .product-blog .product-item { display:flex;justify-content:space-between; }
.page-blog-detail .product-blog .product-item .info { width:calc(100% - 150px); }
.page-blog-detail .product-blog .product-item .img { width:125px; }
.page-blog-detail .product-blog .product-item .img img { width:125px;height:125px; }
.page-blog-detail .product-blog .product-item .info .price { margin-top:5px; }
.page-blog-detail .product-blog .product-item .info .sale { text-decoration:line-through;margin-left:7px; }
.page-blog-detail .product-blog .product-item .info .action { margin-top:40px; }

.page-blog-detail .baivietkhac { margin-top:70px; }
.page-blog-detail .baivietkhac .tieude { text-align:left; }
.page-blog-detail .baivietkhac .danhsach .item { margin-top:40px;display:flex;justify-content:space-between; }
.page-blog-detail .baivietkhac .danhsach .item .hinh { width:260px; }
.page-blog-detail .baivietkhac .danhsach .item .hinh img { width:260px;height:156px;border-radius:8px; }
.page-blog-detail .baivietkhac .danhsach .item .noidung { width:calc(100% - 280px); }
.page-blog-detail .baivietkhac .danhsach .item .noidung .danhmuc { margin-top:8px; }
.page-blog-detail .baivietkhac .danhsach .item .noidung .tomtat { margin-top:8px;line-height:21px; }

.page-blog-detail .banner-bottom { margin-top:70px; }
.page-blog-detail .banner-bottom > div { text-align:center;height:258px;background-repeat:no-repeat;background-position:center center;background-size:cover; }
.page-blog-detail .banner-bottom > div a { display:inline-block;line-height:258px; }
.page-blog-detail .noidung-bottom .noidung { margin-top:60px;text-align:center; }
.page-blog-detail .noidung-bottom .noidung .title { margin:0 auto;width:800px; }
.page-blog-detail .noidung-bottom .noidung .content { width:800px;margin:6px auto 0 auto;line-height:23px; }
.page-blog-detail .info-tag { margin-top:12px;display:flex;flex-wrap:wrap; }
.page-blog-detail .info-tag a { padding:3px 7px;border-radius:9px;margin-right:5px;margin-top:7px; }
/* #endregion */


/* #region nofound  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-nofound.top { margin-top:168px; }
.mobile-nofound .hinh { margin-top:58px;text-align:center; }
.mobile-nofound .hinh img { width:180px; }
.mobile-nofound .txt-1 { margin-top:33px;text-align:center; }
.mobile-nofound .txt-2 { margin-top:8px;text-align:center; }
.mobile-nofound .txt-3 { margin-top:5px;text-align:center; }
.mobile-nofound .txt-4 { margin-top:41px;padding:0 70px;text-align:center; }
.mobile-nofound .action { margin-top:10px;text-align:center; }
.mobile-nofound .action a { border-radius:20px;padding:13px 90px;line-height:20px;display: inline-block;}
/* #endregion mobile */

.page-nofound .container .row > div { text-align:center; }
.page-nofound .container .row > div .hinh { margin-top:58px; }
.page-nofound .container .row > div .hinh img { width:180px; }
.page-nofound .container .row > div .txt-1 { margin-top:33px; }
.page-nofound .container .row > div .txt-2 { margin-top:8px; }
.page-nofound .container .row > div .txt-3 { margin-top:5px; }
.page-nofound .container .row > div .txt-4 { margin-top:41px;padding:0 70px; }
.page-nofound .container .row > div .action { margin-top:10px; }
.page-nofound .container .row > div .action a { border-radius:20px;padding:13px 90px;line-height:20px;display: inline-block;}
/* #endregion */

/* #region sp-chu-de  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-sp-chu-de .banner-top { margin-top:40px; }
.mobile-sp-chu-de .banner-top .tieude { text-align:center;line-height:35px; }
.mobile-sp-chu-de .banner-top .tomtat { text-align:center;line-height:22px; }
.mobile-sp-chu-de .flashsale-mobile { margin-top:40px; }
.mobile-sp-chu-de .filter-action { margin-top:26px;text-align:right; }
.mobile-sp-chu-de .filter-action > .dropdown > button:focus { box-shadow:none; }
.mobile-sp-chu-de .filter-action > .dropdown > button:active { box-shadow:none; }
.mobile-sp-chu-de .filter-action > .dropdown > button { border-radius:20px;padding:9px 20px;background:none;box-shadow:none; }
.mobile-sp-chu-de .xemthem { text-align:center; }
.mobile-sp-chu-de .xemthem > a { margin-top:24px;cursor:pointer; }
.mobile-sp-chu-de .coupon { margin-top:27px; }
.mobile-sp-chu-de .coupon .item { width:242px;height:124px; }
.mobile-sp-chu-de .coupon .item img { width:242px;height:124px; }
.mobile-sp-chu-de .banner-mua-nhieu { margin-top:40px; }
.mobile-sp-chu-de .banner-mua-nhieu .danhsach .item { position:relative;width:345px;height:632px; }
.mobile-sp-chu-de .banner-mua-nhieu .danhsach .item img { width:345;height:632px; }
.mobile-sp-chu-de .banner-mua-nhieu .danhsach .item a.cart-fast { position:absolute;bottom:45px;left:0;width:100%;height:45px;cursor:pointer; }
.mobile-sp-chu-de .banner-mua-nhieu .danhsach .item .sapxep-bg { border-radius:20px;position: absolute;width:59px;height:32px;top:26px;left:calc(50% - 30px);opacity:0.8; }
.mobile-sp-chu-de .banner-mua-nhieu .danhsach .item .sapxep { position: absolute;top:31px;left:calc(50% - 30px);width:59px;text-align:center; }
.mobile-sp-chu-de .khuyen-mai {  margin-top:30px; }
.mobile-sp-chu-de .banner-2 {  margin-top:10px; }
.mobile-sp-chu-de .theo-loai {  margin-top:30px; }
.mobile-sp-chu-de .product-top ul.tabs { margin:0;list-style:none;padding:0;display:flex; }
.mobile-sp-chu-de .product-top ul.tabs li { list-style:none;padding: 0 0 10px 0;text-align:center;margin-right:15px;border-bottom:2px solid #fff; }
/* b-dakgreen650 */
.mobile-sp-chu-de .product-top ul.tabs li.active { border-bottom:2px solid #268f3b; }
.mobile-sp-chu-de .product-top ul.tabs li button { border:none;background:transparent;border-radius: unset;outline:none; }
.mobile-sp-chu-de .product-top ul.tabs li button .text { display:block;margin-top:4px; }
.mobile-sp-chu-de .banner-3 {  margin-top:30px; }
/*cl-dakgreen650*/
.mobile-sp-chu-de .product-top ul.tabs li.active button .text { color:#268f3b; }
.mobile-sp-chu-de .banner-4 {  margin-top:30px; }
.mobile-sp-chu-de .made-in-japan { margin-top:20px; }
.mobile-sp-chu-de .thuong-hieu { margin-top:20px; }
.mobile-sp-chu-de .tieu-chi { margin-top:23px;display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:26px; }
.mobile-sp-chu-de .tieu-chi .item { margin-top: 26px;text-align: center;line-height:20px;padding: 0 10px;width:50%; }
.mobile-sp-chu-de .tieu-chi .item .name { margin-top: 7px; }
.mobile-sp-chu-de .tieu-chi .item .img img { width:70px;height:70px; }
/* #endregion mobile */

.sp-chu-de .container .row .product-top { display:flex;justify-content:space-between; }
.sp-chu-de .container .row .product-top .title { display:flex; }
.sp-chu-de .container .row .product-top .title > img { width:35px;height:35px;margin-right:6px; }
.sp-chu-de .container .row .product-top > .dropdown > button:focus { box-shadow:none; }
.sp-chu-de .container .row .product-top > .dropdown > button:active { box-shadow:none; }
.sp-chu-de .container .row .product-top > .dropdown > button { border-radius:20px;padding:9px 20px;background:none;box-shadow:none; }
.sp-chu-de .container .row .product-top ul.tabs { margin:0;list-style:none;padding:0;display:flex; }
.sp-chu-de .container .row .product-top ul.tabs li { list-style:none;padding: 0 0 10px 0;text-align:center;margin-right:15px;border-bottom:2px solid #fff; }
/* b-dakgreen650 */
.sp-chu-de .container .row .product-top ul.tabs li.active { border-bottom:2px solid #268f3b; }
.sp-chu-de .container .row .product-top ul.tabs li button { border:none;background:transparent;border-radius: unset;outline:none; }
.sp-chu-de .container .row .product-top ul.tabs li button .text { display:block;margin-top:4px; }
/*cl-dakgreen650*/
.sp-chu-de .container .row .product-top ul.tabs li.active button .text { color:#268f3b; }

.sp-chu-de .container .row.banner-top { margin-top:72px; }
.sp-chu-de .container .row.banner-top .tieude { text-align:center; }
.sp-chu-de .container .row.banner-top .tomtat { text-align:center;max-width:748px;margin:6px auto 0 auto;line-height:23px; }
.sp-chu-de .container .row.banner-top .coupon { margin-top:72px;display:flex;justify-content:center; }
.sp-chu-de .container .row.banner-top .coupon img { margin-right:32px; }
.sp-chu-de .container .row.banner-top .coupon img:last-child { margin-right:0; }
.sp-chu-de .flashsale { margin-top:109px; }
.sp-chu-de .khuyen-mai {  margin-top:58px; }
.sp-chu-de .container .row.product-list .product-item { width:100%;height:429px; }
.sp-chu-de .container .xemthem { text-align:center; }
.sp-chu-de .container .xemthem > a { margin-top:24px;cursor:pointer; }
.sp-chu-de .banner-mua-nhieu {  margin-top:64px; }
.sp-chu-de .banner-2 {  margin-top:37px; }
.sp-chu-de .banner-mua-nhieu .danhsach .item { position:relative;width:100%;height:570px; }
.sp-chu-de .banner-mua-nhieu .danhsach .item a.cart-fast { position:absolute;bottom:45px;left:0;width:100%;height:45px;cursor:pointer; }
.sp-chu-de .theo-loai {  margin-top:56px; }
.sp-chu-de .made-in-japan {  margin-top:56px; }
.sp-chu-de .banner-3 {  margin-top:56px; }
.sp-chu-de .banner-4 {  margin-top:56px; }
.sp-chu-de .thuong-hieu {  margin-top:56px; }
.sp-chu-de .banner-mua-nhieu .danhsach .item .sapxep-bg { border-radius:20px;position: absolute;width:59px;height:32px;top:26px;left:calc(50% - 30px);opacity:0.8; }
.sp-chu-de .banner-mua-nhieu .danhsach .item .sapxep { position: absolute;top:31px;left:calc(50% - 30px);width:59px;text-align:center; }
/* #endregion */

/* #region page-user-like  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-user-like.top { margin-top:168px; }
.mobile-user-like .user-manage .danhsach .data-row { margin-top:10px;position:relative; }
.mobile-user-like .user-manage .danhsach .data-row .line { margin-top:20px; }
.mobile-user-like .user-manage .danhsach .data-row .product { margin-top:10px;display:flex;justify-content: space-between; }
.mobile-user-like .user-manage .danhsach .data-row .product .info { width: calc(100% - 190px); }
.mobile-user-like .user-manage .danhsach .data-row .product .image img { width: 123px;height:123px; }
.mobile-user-like .user-manage .danhsach .data-row .product .choose { display:flex;align-items:center;}
.mobile-user-like .user-manage .danhsach .data-row .product .info .name { width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:20px; }
.mobile-user-like .user-manage .danhsach .data-row .product .info .action { margin-top:10px; }
.mobile-user-like .user-manage .danhsach .data-row .product .info .action .price { width:250px; }
.mobile-user-like .user-manage .danhsach .data-row .product .info .action .price .sale-base { text-decoration:line-through; }
.mobile-user-like .user-manage .danhsach .data-row .product .del { width: 25px; }
.mobile-user-like .user-manage .danhsach .data-row .product .del button { border:none;background:none;padding:0;margin:0;width:20px;height:20px; }
.mobile-user-like .user-manage .danhsach .data-row .product .action-sub button.mualai { padding:6px 12px;border-radius:25px;margin-top:15px;border:none; }


/* #endregion mobile */
.page-user-like .user-manage .danhsach { padding:15px 15px; } 
.page-user-like .user-manage .danhsach .data-row { margin-top:10px;position:relative; }
.page-user-like .user-manage .danhsach .data-row .line { margin-top:20px; }
.page-user-like .user-manage .danhsach .data-row .product { margin-top:10px;display:flex;justify-content: space-between; }
.page-user-like .user-manage .danhsach .data-row .product .info { width: calc(100% - 190px); }
.page-user-like .user-manage .danhsach .data-row .product .image img { width: 123px;height:123px; }
.page-user-like .user-manage .danhsach .data-row .product .choose { display:flex;align-items:center;}
.page-user-like .user-manage .danhsach .data-row .product .info .name { width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:20px; }
.page-user-like .user-manage .danhsach .data-row .product .info .action { display:flex;margin-top:10px;position: relative; }
.page-user-like .user-manage .danhsach .data-row .product .info .action .price { width:250px; }
.page-user-like .user-manage .danhsach .data-row .product .info .action .price .sale-base { text-decoration:line-through; }
.page-user-like .user-manage .danhsach .data-row .product .del { width: 25px; }
.page-user-like .user-manage .danhsach .data-row .product .del button { border:none;background:none;padding:0;margin:0;width:20px;height:20px; }
.page-user-like .user-manage .danhsach .data-row .product .action-sub button.mualai { padding:6px 12px;border-radius:25px;margin-top:15px;border:none; }

.popup-user-like-delete .hachi-modal .modal .modal-content .modal-body { padding:16px 16px;display:flex;line-height:21px; }
.popup-user-like-delete .hachi-modal .modal .modal-content .modal-body > div { margin-top:5px;width: calc(100% - 35px); }
.popup-user-like-delete .hachi-modal .modal .modal-content .modal-body > img { margin-right:16px; }
.popup-user-like-delete .hachi-modal .modal .modal-content .modal-body > button { background:none;border:none; }
.popup-user-like-delete .hachi-modal .modal .modal-content .modal-footer { padding:16px 16px; }
.popup-user-like-delete .hachi-modal .modal .modal-content .modal-footer button { padding:8px 30px;margin-right:8px; }
/* #endregion */

/* #region page-user-buy  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-user-buy.top { margin-top:168px; }
.mobile-user-buy .user-manage .product-list .product-item { border-radius:5px;height:360px; }
.mobile-user-buy .user-manage .product-list .product-action button.mualai { padding:10px 15px;border-radius:30px;margin-top:10px;border:none;width:100%; }
.mobile-user-buy .user-manage .product-list .product-action button.review { padding:10px 15px;border-radius:30px;border:none;width:100%; }

/* .mobile-user-buy .user-manage .danhsach { display:flex;justify-content:space-between;flex-wrap: wrap; }
.mobile-user-buy .user-manage .danhsach .product-item { display:block;margin-top:18px;width:49%; }
.mobile-user-buy .user-manage .danhsach .product-item:first-child { margin-top:18px; }
.mobile-user-buy .user-manage .danhsach .product-item .img { width:100%;height:165px; }
.mobile-user-buy .user-manage .danhsach .product-item .img img { width:100%;height:165px; }
.mobile-user-buy .user-manage .danhsach .product-item .info .name { margin-top:0;height:39px;overflow:hidden; }
.mobile-user-buy .user-manage .danhsach .product-item .info { width:auto;padding:10px 10px; }
.mobile-user-buy .user-manage .danhsach .product-item .action { margin-top:0;padding:20px 0; }
.mobile-user-buy .user-manage .danhsach .product-item .action a { display:block;text-align:center; }
.mobile-user-buy .user-manage .danhsach .product-item .del { display:none; }
.mobile-user-buy .user-manage .danhsach div.line { display:none; } */
/* #endregion mobile */
.page-user-buy .user-manage .product-list .product-action { display:flex;justify-content:space-between;padding:0 10px; }
.page-user-buy .user-manage .product-list .product-action .buttonempty { width:calc(50% - 9px); }
.page-user-buy .user-manage .product-list .product-action .gachgiua { font-size:1px;width:1px;height:35px;margin-top:10px; }
.page-user-buy .user-manage .product-list .product-action button.mualai { width:calc(50% - 9px);padding:10px 15px;border-radius:30px;margin-top:10px;border:none; }
.page-user-buy .user-manage .product-list .product-action button.review { width:calc(50% - 9px);padding:10px 0;border-radius:30px;margin-top:10px;border:none; }


/* #endregion */

.intro-menu-left > ul { list-style:none;border-radius:10px;padding:24px 12px;margin:0; }
.intro-menu-left > ul > li > a { display:flex;padding:9px 16px;cursor:pointer; }
.intro-menu-left > ul > li.haschild.show .menu-child { display:block; }
.intro-menu-left > ul > li.haschild > a > span { width:calc(100% - 14px);display:inline-block;line-height:20px; }
.intro-menu-left > ul > li.haschild > a > img:last-child { width:13px;height:13px;margin-left:8px;margin-top:4px; }
.intro-menu-left > ul > li.haschild img.show { display:none; }
.intro-menu-left > ul > li.haschild img.hide { display:block; }
.intro-menu-left > ul > li.haschild.show img.show { display:block; }
.intro-menu-left > ul > li.haschild.show img.hide { display:none; }
/* b-gregray40,cl-gregray900 */
.intro-menu-left > ul > li.haschild.show > a { border-radius:20px;background:#f4f6f1;color:#151e17; }
.intro-menu-left > ul > li .menu-child { list-style:none;padding:0;margin:0;display:none; }
.intro-menu-left > ul > li .menu-child li a { display:flex;padding:9px 16px;cursor:pointer; }
.intro-menu-left > ul > li.active .menu-child { display:block; }
.intro-menu-left > ul > li.active > a { border-radius:20px; }
.intro-menu-left > ul > li .menu-child li > a img:first-child { width:18px;height:18px;margin-right:8px;margin-top:0; }
.intro-menu-left > ul > li .menu-child li.check > a img:first-child { opacity:0; }
.intro-menu-left > ul > li .menu-child li.check.choose > a img:first-child { opacity:1; }

/* #region user-manage  ------------------------------- */
/* #region mobile  ------------------------------- */
.mode-mobile .user-manage { display:block;justify-content:inherit; }
.mode-mobile .user-manage .timkiem { display:flex;justify-content:space-between;padding:10px 0 0 0; }
.mode-mobile .user-manage .timkiem > .title { width:230px; }
.mode-mobile .user-manage .timkiem button.sapxep { border-radius:36px;padding:7px 16px;line-height:20px;width:178px; }
.mode-mobile .user-manage .timkiem .search-input { width:calc(100% - 185px); }
/* .mode-mobile .user-manage .timkiem > form input { width:100%;border-radius:36px;padding:7px 7px 7px 36px;line-height:20px; }
.mode-mobile .user-manage .timkiem > form button { position:absolute;top:6px;left:0;background:none;border:none; } */
.mode-mobile .user-manage .danhsach { padding:26px 0; }
.mode-mobile .user-manage .danhsach .noempty { margin-top:26px; }
.mode-mobile .user-manage .danhsach .noempty > div { text-align:center; }
.mode-mobile .user-manage .danhsach .noempty .hinh img { width:111px;height:105px; }
.mode-mobile .user-manage .danhsach .noempty .txt-1 { margin-top:8px; }
.mode-mobile .user-manage .danhsach .noempty .txt-2 { margin-top:21px;line-height:22px; }
.mode-mobile .user-manage .danhsach .noempty .action { margin-top:25px;padding-bottom:23px; }
.mode-mobile .user-manage .danhsach .noempty .action a { border-radius:31px;padding:11px 30px;line-height:20px; }
.mode-mobile .user-manage .tieu-de { margin-top:0; }
.mode-mobile .user-manage .tieu-de .txt2 { margin-top:5px; }
.mode-mobile .user-manage .btn-them { text-decoration:underline;cursor:pointer; }

/* #endregion mobile */
.user-manage { display:flex;justify-content:space-between; }
.user-manage div.left-outline { width:312px; }
.user-manage div.left-outline > div.left { margin-top:16px; }
.user-manage div.left-outline > div.left:first-child { margin-top:40px; }
.user-manage div.left { width:312px;border-radius:10px;margin-top:16px; }
.user-manage div.right-outline { width:calc(100% - 330px); }
.user-manage div.right-outline > div.left { margin-top:16px; }
.user-manage div.right-outline > div.left:first-child { margin-top:40px; }
.user-manage div.right { width:calc(100% - 330px);border-radius:10px;margin-top:16px; }
.user-manage div.right.hasproduct { width:calc(100% - 354px);margin-right:12px; }
.user-manage div.right-outline > .right { width:100%; }
.user-manage.top div.left { margin-top:40px; }
.user-manage.top div.right { margin-top:40px; }
.user-manage.top div.left .info { display:flex;padding:16px 26px; }
.user-manage.top div.left .info > img { width:64px;height:64px;margin-right:12px; }
.user-manage.top div.left .info > .text { align-items:center; }
.user-manage.top div.right > .timkiem { display:flex;justify-content:space-between;padding:30px 30px; }
.user-manage.top div.right > .timkiem > .title { width:230px; }
.user-manage.top div.right > .timkiem button.sapxep { border-radius:36px;padding:7px 16px;line-height:20px;width:178px; }
.user-manage.top div.right > .timkiem .search-input { width:calc(100% - 430px); }
/* .user-manage.top div.right > .timkiem > form input { width:100%;border-radius:36px;padding:7px 7px 7px 36px;line-height:20px; }
.user-manage.top div.right > .timkiem > form button { position:absolute;top:6px;left:0;background:none;border:none; } */
.user-manage.top div.right > .timkiem .dropdown .dropdown-menu { border-radius:10px;padding:24px 12px; }
.user-manage.top div.right > .timkiem .dropdown .dropdown-menu .dropdown-item { padding:8px 16px; }
/* b-gregray70,cl-gregray90,sibold600 */
.user-manage.top div.right > .timkiem .dropdown .dropdown-menu .dropdown-item:hover { color:#151e17;font-weight:600;padding:8px 16px;border-radius:20px;background-color:#f0f3eb; }
.user-manage.top div.right > .timkiem .dropdown .dropdown-menu .dropdown-item.active { color:#151e17;font-weight:600;padding:8px 16px;border-radius:20px;background-color:#f0f3eb; }
.user-manage.top div.right > .timkiem .dropdown .dropdown-toggle::after {margin-left:9px;}
.user-manage.top .noidung { display:flex;justify-content:space-between;padding:30px 30px; }
.user-manage.top .noidung .action { margin-top:6px; }
.user-manage.top .noidung .action button { border:none;border-radius:31px;padding:9px 38px; }
.user-manage .notif { border-radius:10px;display:flex;justify-content:center;padding:15px 20px;width:100%; }
.user-manage .notif > .img { width:20px;height:20px;margin-right:16px;margin-top:8px; }
.user-manage .notif > .img img { width:20px;height:20px; }
.user-manage .notif > .txt { width:calc(100% - 60px); }
.user-manage .noidung-2 { padding:30px 30px; }
.user-manage .noidung-2 > .notif { margin-top:8px; }

.mode-desktop .user-manage .product-list .product-item { width:100%;height:405px;margin-top:32px;border-radius:10px; }
.mode-desktop .user-manage .product-list .col-lg-4:nth-child(1) .product-item { margin-top:0; }
.mode-desktop .user-manage .product-list .col-lg-4:nth-child(2) .product-item { margin-top:0; }
.mode-desktop .user-manage .product-list .col-lg-4:nth-child(3) .product-item { margin-top:0; }
.mode-desktop .user-manage .product-list .product-item .img { margin-top:0;position:relative; }
.mode-desktop .user-manage .product-list .product-item .img .imgbackground { position:absolute;bottom:3px;right:3px;width:calc(100% - 55px); }
.mode-desktop .user-manage .product-list .product-item .img .imgbackgroundncc1 { position:absolute;bottom:6px;right:6px;width:180px; }
.mode-desktop .user-manage .product-list .product-item .img .imgbackgroundncc2 { position:absolute;top:60px;left:10px;height:50%; }
.mode-desktop .user-manage .product-list .product-item .img .imgbackgroundncc2 > img { width:auto;height:100%; }
.mode-desktop .user-manage .product-list .product-item .name { margin-top:13px;padding:0 14px; }
.mode-desktop .user-manage .product-list .product-item .price-sub { padding:0 14px; }
.mode-desktop .user-manage .product-list .product-item .price { padding:0 14px; }

/* .user-manage .danhsach { padding:26px 26px; }
.user-manage .danhsach div.line { height:1px;font-size:1px;margin-top:18px; }
.user-manage .danhsach .product-item { display:flex;justify-content:space-between;margin-top:18px; }
.user-manage .danhsach .product-item:first-child { margin-top:0; }
.user-manage .danhsach .product-item .img { width:125px; }
.user-manage .danhsach .product-item .del { width:20px; }
.user-manage .danhsach .product-item .info { width:calc(100% - 178px); }
.user-manage .danhsach .product-item .info .name { margin-top:12px; }
.user-manage .danhsach .product-item .img img { width:125px;height:125px; }
.user-manage .danhsach .product-item .del a { cursor: pointer; }
.user-manage .danhsach .product-item .del img { width:20px;height:20px; }
.user-manage .danhsach .product-item .price .sale { text-decoration:line-through;margin-left:4px; }
.user-manage .danhsach .product-item .action { margin-top:29px; }
.user-manage .danhsach .product-item .action a { border-radius:20px;padding:8px 18px;line-height:21px; } */
.user-manage .left ul.menu { list-style:none;padding:24px 26px;margin:0; }
/* .user-manage .left ul.menu li { padding:9px 16px; } */
.user-manage .left ul.menu li > a { display:flex;padding:9px 16px;cursor:pointer; }
.user-manage .left ul.menu li > a > img:first-child { width:18px;height:18px;margin-right:8px;margin-top:0; }
.user-manage .left ul.menu li > button { display:flex;padding:9px 16px;cursor:pointer;background:none;border:none;width:100%;text-align:left; }
.user-manage .left ul.menu li > button > img:first-child { width:18px;height:18px;margin-right:8px;margin-top:0; }
.user-manage .left ul.menu li.haschild > a > span { width:calc(100% - 34px);display:inline-block;line-height:20px; }
.user-manage .left ul.menu li.haschild > a > img:last-child { width:13px;height:13px;margin-left:8px;margin-top:4px; }
.user-manage .left ul.menu li.haschild > button > span { width:calc(100% - 34px);display:inline-block;line-height:20px; }
.user-manage .left ul.menu li.haschild > button > img.show { width:13px;height:13px;margin-left:8px;margin-top:4px; }
.user-manage .left ul.menu li.haschild > button > img.hide { width:13px;height:13px;margin-left:8px;margin-top:4px; }
.user-manage .left ul.menu li.haschild.show .menu-child { display:block; }
.user-manage .left ul.menu li.haschild img.show { display:none; }
.user-manage .left ul.menu li.haschild img.hide { display:block; }
.user-manage .left ul.menu li.haschild.show img.show { display:block; }
.user-manage .left ul.menu li.haschild.show img.hide { display:none; }
/* b-gregray40 */
.user-manage .left ul.menu li.haschild.show > a { border-radius:20px;background:#f4f6f1; }
.user-manage .left ul.menu li .menu-child { list-style:none;padding:0;margin:0;display:none; }
.user-manage .left ul.menu li.active .menu-child { display:block; }
.user-manage .left ul.menu li.active > a { border-radius:20px; }
.user-manage .left ul.menu li.check > a img:first-child { opacity:0; }
.user-manage .left ul.menu li.check.choose > a img:first-child { opacity:1; }
.user-manage .danhsach .noempty { text-align:center;width:100%;padding:40px 0; }
.user-manage .danhsach .noempty > div { text-align:center; }
.user-manage .danhsach .noempty .hinh img { width:111px;height:105px; }
.user-manage .danhsach .noempty .txt-1 { margin-top:8px; }
.user-manage .danhsach .noempty .txt-2 { margin-top:21px;line-height:22px; }
.user-manage .danhsach .noempty .action { margin-top:25px;padding-bottom:23px; }
.user-manage .danhsach .noempty .action a { border-radius:31px;padding:11px 30px;line-height:20px; }

.user-manage .nhaplieu { width:509px;margin:20px auto; }
.user-manage .nhaplieu form .input input.chuoi { padding:10px 10px;border-radius:8px; }
/*regular400,cl-gregray550*/
.user-manage .nhaplieu form .input input.chuoi::placeholder { color:#87907d;font-weight:400;font-style:normal;font-stretch:normal; }
.user-manage .nhaplieu .Birthday select { padding:10px 10px;border-radius:8px;width:150px; }
.user-manage .nhaplieu .Gender { display:flex; }
.user-manage .nhaplieu .Gender .item { margin-right:35px; }
.user-manage .nhaplieu .Gender .item span { margin-left:8px; }
.user-manage .nhaplieu .notif { margin-top:5px; }
.user-manage .nhaplieu .action button { padding:7px 14px;border-radius:8px;border:none;margin-top:37px; }
/*b-gregray40,cl-gregray400*/
.user-manage .nhaplieu form.haserror .action button { background:#f4f6f1;color:#abafa5; }
/* #endregion */

/* #region user-delivery  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-user-delivery.top { margin-top:168px; }
.mobile-user-delivery .user-manage .danhsach .data .item { padding:0; }
.mobile-user-delivery .user-manage .danhsach .data .item .content { padding:10px 0; }
.mobile-user-delivery .user-manage .danhsach .data .item .FullAddress { margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mobile-user-delivery .user-manage .danhsach .data .item .Cellphone { margin-top:5px; }
.mobile-user-delivery .user-manage .danhsach .data .item .IsDefault { padding:2px 7px;border-radius: 9px;margin-left:10px; }
.mobile-user-delivery .user-manage .danhsach .data .item .act { margin-top:20px; }
.mobile-user-delivery .user-manage .danhsach .data .item .act button { border-radius: 15px;padding:5px 13px; }
.mobile-user-delivery .user-manage .danhsach .data .item .act button.edit { background:none; }
/* #endregion mobile */
.page-user-delivery .user-manage .danhsach .data { display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 -4px; }
.page-user-delivery .user-manage .danhsach .data .item { padding:10px 10px;width:calc(50% - 10px); }
.page-user-delivery .user-manage .danhsach .data .item .outline { border-radius: 9px;box-shadow: 0 0 5px 0 #e8ece3; }
.page-user-delivery .user-manage .danhsach .data .item .content { padding:20px 20px; }
.page-user-delivery .user-manage .danhsach .data .item .FullAddress { margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.page-user-delivery .user-manage .danhsach .data .item .Cellphone { margin-top:5px; }
.page-user-delivery .user-manage .danhsach .data .item .IsDefault { padding:2px 7px;border-radius: 9px;margin-left:10px; }
.page-user-delivery .user-manage .danhsach .data .item .act { margin-top:20px; }
.page-user-delivery .user-manage .danhsach .data .item .act button { border-radius: 15px;padding:5px 13px; }
.page-user-delivery .user-manage .danhsach .data .item .act button.edit { background:none; }
/* #endregion */

/* #region user-profile  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-user-profile.top { margin-top:168px; }
.mobile-user-profile .user-manage .nhaplieu { width:auto; }
.mobile-user-profile .user-manage .notif { padding:10px 10px; }
.mobile-user-profile .user-manage .notif { justify-content:space-between; }
.mobile-user-profile .user-manage .notif > .img { margin-right:0;margin-top:0; }
.mobile-user-profile .user-manage .notif > .txt { width:calc(100% - 30px); }
.mobile-user-profile .user-manage .nhaplieu .Birthday select { padding:10px 10px;border-radius:8px;width:100px; }
/* #endregion mobile */
.popup-change-pass-success .hachi-modal .modal-body { display:flex;padding:10px 10px; }
.popup-change-pass-success .hachi-modal .modal-body .txt { margin-top:5px;margin-left:5px; }
/* #endregion */

/* #region user-card  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-user-card.top { margin-top:168px; }
/*.mobile-user-card .user-manage .diem { margin-top:20px;border-radius:10px;display:flex;padding:17px 17px; }
.mobile-user-card .user-manage .diem img { margin-top:1px;width:52px;height:52px;margin-right:10px; }*/
.mobile-user-card .user-manage .thongtin { margin-top:0; }
.mobile-user-card .thongtin .product-top { margin-top:20px; }
.mobile-user-card .thongtin .product-top ul.tabs { margin:0;list-style:none;padding:0;display:flex; }
.mobile-user-card .thongtin .product-top ul.tabs li { list-style:none;padding: 0 0 10px 0;text-align:center;margin-right:15px;border-bottom:2px solid #fff; }
/* b-dakgreen650 */
.mobile-user-card .thongtin .product-top ul.tabs li.active { border-bottom:2px solid #268f3b; }
.mobile-user-card .thongtin .product-top ul.tabs li button { border:none;background:transparent;border-radius: unset;outline:none;text-transform:uppercase; }
.mobile-user-card .thongtin .product-top ul.tabs li button .text { display:block;margin-top:4px; }
.mobile-user-card .thongtin .danh-sach { margin-top:0;padding-top:16px; }
.mobile-user-card .thongtin .danh-sach .dong:first-child { margin-top:0; }
.mobile-user-card .thongtin .danh-sach .dong { margin-top:16px;border-radius:10px;padding:10px 10px; }
.mobile-user-card .thongtin .danh-sach .dong .text-top { display:flex; }
.mobile-user-card .thongtin .danh-sach .dong .text-top .left { width:calc(100% - 40px); }
.mobile-user-card .thongtin .danh-sach .dong .text-top .right { width:40px;padding-top:4px;padding-right:6px; }
.mobile-user-card .thongtin .danh-sach .dong .text-top .right a { padding:6px 6px;border-radius:50% 50%;line-height:11px;font-size:11px; }
.mobile-user-card .thongtin .danh-sach .dong .text-top .right img { width:14px;height:14px; }
.mobile-user-card .thongtin .danh-sach .dong .CardPoint { margin-top:5px; }
.mobile-user-card .thongtin .danh-sach .dong .text-col { margin-top:7px; display:flex;justify-content:space-between;line-height:18px; }
.mobile-user-card .thongtin .danh-sach .dong .text-col > div { max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mobile-user-card .thongtin .danh-sach .dong .line { margin:10px 0; }

.mobile-user-card .user-manage .diem { padding:20px 0; }
.mobile-user-card .user-manage .diem .tieu-de { position: relative;height:30px;width:100%;margin-top:0; }
.mobile-user-card .user-manage .diem .tieu-de .lvl-1 { position:absolute;left:0;text-transform:uppercase; }
.mobile-user-card .user-manage .diem .tieu-de .lvl-2 { position:absolute;left:33%; }
.mobile-user-card .user-manage .diem .tieu-de .lvl-3 { position:absolute;left:50%; }
.mobile-user-card .user-manage .diem .tieu-de .lvl-4 { position:absolute;left:calc(100% - 20px); }
.mobile-user-card .user-manage .diem .tieu-de .lvl-more { display:none; }
.mobile-user-card .user-manage .diem .tieu-de-diem { position: relative;height:32px;width:100%;margin-top:16px; }
.mobile-user-card .user-manage .diem .tieu-de-diem .txt { position: absolute;top:0; }
.mobile-user-card .user-manage .diem .tieu-de.max-1 .lvl-2 { position:absolute;left:20%; }
.mobile-user-card .user-manage .diem .tieu-de.max-1 .lvl-3 { position:absolute;left:40%; }
.mobile-user-card .user-manage .diem .tieu-de.max-1 .lvl-4 { position:absolute;left:85%; }
.mobile-user-card .user-manage .diem .tieu-de.max-1 .lvl-more { position:absolute;left:calc(100% - 20px);display:block; }
.mobile-user-card .user-manage .diem .tieu-de.max-2 .lvl-2 { position:absolute;left:15%; }
.mobile-user-card .user-manage .diem .tieu-de.max-2 .lvl-3 { position:absolute;left:30%; }
.mobile-user-card .user-manage .diem .tieu-de.max-2 .lvl-4 { position:absolute;left:60%; }
.mobile-user-card .user-manage .diem .tieu-de.max-2 .lvl-more { position:absolute;left:calc(100% - 30px);display:block; }
.mobile-user-card .user-manage .diem .nen { position: relative;height:19px;width:100%;line-height:1px; }
.mobile-user-card .user-manage .diem .nen .nen-bg { position: absolute;height:9px;width:100%;border-radius:4px;top:5px; }
.mobile-user-card .user-manage .diem .nen .nen-active { position: absolute;height:9px;border-radius:4px;top:5px; }
.mobile-user-card .user-manage .diem .nen img { width:17px;height:17px; }
.mobile-user-card .user-manage .diem .nen .lvl .hide { display:none; }
.mobile-user-card .user-manage .diem .nen .lvl .show { display:block; }
.mobile-user-card .user-manage .diem .nen .lvl.pass .hide { display:block; }
.mobile-user-card .user-manage .diem .nen .lvl.pass .show { display:none; }
.mobile-user-card .user-manage .diem .nen .lvl-2 { position:absolute;left:33%;top:0; }
.mobile-user-card .user-manage .diem .nen .lvl-3 { position:absolute;left:50%;top:0; }
.mobile-user-card .user-manage .diem .nen .lvl-4 { position:absolute;left:calc(100% - 17px);top:0; }
.mobile-user-card .user-manage .diem .nen .lvl-more { display:none; }
.mobile-user-card .user-manage .diem .nen.max-1 .lvl-2 { position:absolute;left:20%;top:0; }
.mobile-user-card .user-manage .diem .nen.max-1 .lvl-3 { position:absolute;left:40%;top:0; }
.mobile-user-card .user-manage .diem .nen.max-1 .lvl-4 { position:absolute;left:85%;top:0; }
.mobile-user-card .user-manage .diem .nen.max-1 .lvl-more { position:absolute;left:calc(100% - 17px);top:0;display:block; }
.mobile-user-card .user-manage .diem .nen.max-2 .lvl-2 { position:absolute;left:15%;top:0; }
.mobile-user-card .user-manage .diem .nen.max-2 .lvl-3 { position:absolute;left:30%;top:0; }
.mobile-user-card .user-manage .diem .nen.max-2 .lvl-4 { position:absolute;left:60%;top:0; }
.mobile-user-card .user-manage .diem .nen.max-2 .lvl-more { position:absolute;left:calc(100% - 17px);top:0;display:block; }
.mobile-user-card .user-manage .diem .hientai { margin-top:20px; }
.mobile-user-card .user-manage .tieu-de-nam .dropdown-menu { padding:8px;border-radius:5px; }
.mobile-user-card .user-manage .tieu-de-nam .dropdown-menu button { display:block;border:none;background:none;width:100%;padding:8px 16px;border-radius:20px;text-align:left; }
/* b-gregray70 */
.mobile-user-card .user-manage .tieu-de-nam .dropdown-menu button.active { background:#f0f3eb; }
.mobile-user-card .user-manage .tieu-de-nam .dropdown { cursor:pointer; }
.mobile-user-card .user-manage .tieu-de-nam .dropdown.dropdown-toggle::after { border-left-width:5px;border-right-width:5px;border-top-width:5px; }
/* #endregion mobile */
.page-user-card .right .diem { border-radius:10px;padding:20px 20px; }
.page-user-card .right .thongtin { border-radius:10px;margin-top:16px;padding:20px 20px; }
.page-user-card .right .diem .tieu-de { position: relative;height:30px;width:100%;margin-top:0; }
.page-user-card .right .diem .tieu-de .lvl-1 { position:absolute;left:0;text-transform:uppercase; }
.page-user-card .right .diem .tieu-de .lvl-2 { position:absolute;left:33%; }
.page-user-card .right .diem .tieu-de .lvl-3 { position:absolute;left:50%; }
.page-user-card .right .diem .tieu-de .lvl-4 { position:absolute;left:calc(100% - 20px); }
.page-user-card .right .diem .tieu-de .lvl-more { display:none; }
.page-user-card .right .diem .tieu-de-diem { position: relative;height:32px;width:100%;margin-top:16px; }
.page-user-card .right .diem .tieu-de-diem .txt { position: absolute;top:0; }
.page-user-card .right .diem .tieu-de.max-1 .lvl-2 { position:absolute;left:20%; }
.page-user-card .right .diem .tieu-de.max-1 .lvl-3 { position:absolute;left:40%; }
.page-user-card .right .diem .tieu-de.max-1 .lvl-4 { position:absolute;left:85%; }
.page-user-card .right .diem .tieu-de.max-1 .lvl-more { position:absolute;left:calc(100% - 20px);display:block; }
.page-user-card .right .diem .tieu-de.max-2 .lvl-2 { position:absolute;left:15%; }
.page-user-card .right .diem .tieu-de.max-2 .lvl-3 { position:absolute;left:30%; }
.page-user-card .right .diem .tieu-de.max-2 .lvl-4 { position:absolute;left:60%; }
.page-user-card .right .diem .tieu-de.max-2 .lvl-more { position:absolute;left:calc(100% - 30px);display:block; }
.page-user-card .right .diem .nen { position: relative;height:19px;width:100%;line-height:1px; }
.page-user-card .right .diem .nen .nen-bg { position: absolute;height:9px;width:100%;border-radius:4px;top:5px; }
.page-user-card .right .diem .nen .nen-active { position: absolute;height:9px;border-radius:4px;top:5px; }
.page-user-card .right .diem .nen img { width:17px;height:17px; }
.page-user-card .right .diem .nen .lvl .hide { display:none; }
.page-user-card .right .diem .nen .lvl .show { display:block; }
.page-user-card .right .diem .nen .lvl.pass .hide { display:block; }
.page-user-card .right .diem .nen .lvl.pass .show { display:none; }
.page-user-card .right .diem .nen .lvl-2 { position:absolute;left:33%;top:0; }
.page-user-card .right .diem .nen .lvl-3 { position:absolute;left:50%;top:0; }
.page-user-card .right .diem .nen .lvl-4 { position:absolute;left:calc(100% - 17px);top:0; }
.page-user-card .right .diem .nen .lvl-more { display:none; }
.page-user-card .right .diem .nen.max-1 .lvl-2 { position:absolute;left:20%;top:0; }
.page-user-card .right .diem .nen.max-1 .lvl-3 { position:absolute;left:40%;top:0; }
.page-user-card .right .diem .nen.max-1 .lvl-4 { position:absolute;left:85%;top:0; }
.page-user-card .right .diem .nen.max-1 .lvl-more { position:absolute;left:calc(100% - 17px);top:0;display:block; }
.page-user-card .right .diem .nen.max-2 .lvl-2 { position:absolute;left:15%;top:0; }
.page-user-card .right .diem .nen.max-2 .lvl-3 { position:absolute;left:30%;top:0; }
.page-user-card .right .diem .nen.max-2 .lvl-4 { position:absolute;left:60%;top:0; }
.page-user-card .right .diem .nen.max-2 .lvl-more { position:absolute;left:calc(100% - 17px);top:0;display:block; }
.page-user-card .right .diem .hientai { margin-top:20px; }
.page-user-card .right .thongtin .product-top ul.tabs { margin:0;list-style:none;padding:0;display:flex; }
.page-user-card .right .thongtin .product-top ul.tabs li { list-style:none;padding: 0 0 10px 0;text-align:center;margin-right:15px;border-bottom:2px solid #fff; }
/* b-dakgreen650 */
.page-user-card .right .thongtin .product-top ul.tabs li.active { border-bottom:2px solid #268f3b; }
.page-user-card .right .thongtin .product-top ul.tabs li button { border:none;background:transparent;border-radius: unset;outline:none;text-transform:uppercase; }
.page-user-card .right .thongtin .product-top ul.tabs li button .text { display:block;margin-top:4px; }
.page-user-card .right .thongtin .danh-sach-tieude { margin-top:20px; }
.page-user-card .right .thongtin .danh-sach-tieude .dong { display:flex;justify-content:space-between; }
.page-user-card .right .thongtin .danh-sach-tieude .dong .TransactionNo  { width:110px; }
.page-user-card .right .thongtin .danh-sach-tieude .dong .TransactionDate { width:100px;padding-left:10px; }
.page-user-card .right .thongtin .danh-sach-tieude .dong .StoreName  { width:calc(100% - 450px);padding-left:10px; }
.page-user-card .right .thongtin .danh-sach-tieude .dong .Amount  { width:110px;padding-left:10px; }
.page-user-card .right .thongtin .danh-sach-tieude .dong .CardPoint  { width:100px;padding-left:10px; }
.page-user-card .right .thongtin .danh-sach { margin-top:20px; }
.page-user-card .right .thongtin .danh-sach .line { margin:10px 0; }
.page-user-card .right .thongtin .danh-sach .dong { display:flex;justify-content:space-between; }
.page-user-card .right .thongtin .danh-sach .dong .TransactionNo  { width:110px; }
.page-user-card .right .thongtin .danh-sach .dong .TransactionDate { width:100px;padding-left:10px; }
.page-user-card .right .thongtin .danh-sach .dong .StoreName  { width:calc(100% - 450px);padding-left:10px;max-height:35px;overflow:hidden; }
.page-user-card .right .thongtin .danh-sach .dong .Amount  { width:110px;padding-left:10px; }
.page-user-card .right .thongtin .danh-sach .dong .CardPoint  { width:100px;padding-left:10px; }
.page-user-card .tieu-de-nam .dropdown-menu { padding:8px;border-radius:5px; }
.page-user-card .tieu-de-nam .dropdown-menu button { display:block;border:none;background:none;width:100%;padding:8px 16px;border-radius:20px;text-align:left; }
/* b-gregray70 */
.page-user-card .tieu-de-nam .dropdown-menu button.active { background:#f0f3eb; }
.page-user-card .tieu-de-nam .dropdown { cursor:pointer; }
.page-user-card .tieu-de-nam .dropdown.dropdown-toggle::after { border-left-width:5px;border-right-width:5px;border-top-width:5px; }
/* #endregion */

/* #region user-coupon  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-user-coupon.top { margin-top:168px; }
.mobile-user-coupon .user-manage .thongtin { margin-top:0; }
.mobile-user-coupon .thongtin .product-top { margin-top:20px; }
.mobile-user-coupon .thongtin .product-top ul.tabs { margin:0;list-style:none;padding:0;display:flex; }
.mobile-user-coupon .thongtin .product-top ul.tabs li { list-style:none;padding: 0 0 10px 0;text-align:center;margin-right:15px;border-bottom:2px solid #fff; }
/* b-dakgreen650 */
.mobile-user-coupon .thongtin .product-top ul.tabs li.active { border-bottom:2px solid #268f3b; }
.mobile-user-coupon .thongtin .product-top ul.tabs li button { border:none;background:transparent;border-radius: unset;outline:none;text-transform:uppercase; }
.mobile-user-coupon .thongtin .product-top ul.tabs li button .text { display:block;margin-top:4px; }
.mobile-user-coupon .thongtin .danh-sach { margin-top:0;padding-top:16px; }
.mobile-user-coupon .thongtin .danh-sach .dong:first-child { margin-top:0; }
.mobile-user-coupon .thongtin .danh-sach .dong { margin-top:16px;border-radius:10px;padding:10px 10px; }
.mobile-user-coupon .thongtin .danh-sach .dong .text-col { margin-top:7px; display:flex;justify-content:space-between;line-height:18px; }
.mobile-user-coupon .thongtin .danh-sach .dong .text-col > div { max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mobile-user-coupon .thongtin .danh-sach .dong .text-col .act button { background:none;border:none;text-decoration:underline; }
.mobile-user-coupon .thongtin .danh-sach .dong .line { margin:10px 0; }
/* #endregion mobile */
.page-user-coupon .right .thongtin { border-radius:10px;margin-top:16px;padding:20px 20px; }
.page-user-coupon .right .thongtin .product-top ul.tabs { margin:0;list-style:none;padding:0;display:flex; }
.page-user-coupon .right .thongtin .product-top ul.tabs li { list-style:none;padding: 0 0 10px 0;text-align:center;margin-right:15px;border-bottom:2px solid #fff; }
/* b-dakgreen650 */
.page-user-coupon .right .thongtin .product-top ul.tabs li.active { border-bottom:2px solid #268f3b; }
.page-user-coupon .right .thongtin .product-top ul.tabs li button { border:none;background:transparent;border-radius: unset;outline:none;text-transform:uppercase; }
.page-user-coupon .right .thongtin .product-top ul.tabs li button .text { display:block;margin-top:4px; }
.page-user-coupon .right .thongtin .danh-sach-tieude { margin-top:20px; }
.page-user-coupon .right .thongtin .danh-sach-tieude .dong { display:flex;justify-content:space-between; }
.page-user-coupon .right .thongtin .danh-sach-tieude .dong .CouponAmount  { width:110px; }
.page-user-coupon .right .thongtin .danh-sach-tieude .dong .ExpiredDate { width:100px;padding-left:10px; }
.page-user-coupon .right .thongtin .danh-sach-tieude .dong .DescriptionVN  { width:calc(100% - 350px);padding-left:10px; }
.page-user-coupon .right .thongtin .danh-sach-tieude .dong .act  { width:110px;padding-left:10px; }
.page-user-coupon .right .thongtin .danh-sach { margin-top:20px; }
.page-user-coupon .right .thongtin .danh-sach .line { margin:10px 0; }
.page-user-coupon .right .thongtin .danh-sach .dong { display:flex;justify-content:space-between;line-height:21px; }
.page-user-coupon .right .thongtin .danh-sach .dong .CouponAmount  { width:110px; }
.page-user-coupon .right .thongtin .danh-sach .dong .ExpiredDate { width:100px;padding-left:10px; }
.page-user-coupon .right .thongtin .danh-sach .dong .DescriptionVN  { width:calc(100% - 350px);padding-left:10px;max-height:70px;overflow:hidden; }
.page-user-coupon .right .thongtin .danh-sach .dong .act { width:110px;padding-left:10px; }
.page-user-coupon .right .thongtin .danh-sach .dong .act button { border-radius:20px;padding:3px 10px; }

.popup-user-coupon .hachi-modal .modal .modal-body { padding-top:0; }
.popup-user-coupon .hachi-modal .modal-content .ma-tieude { text-align: center; }
.popup-user-coupon .hachi-modal .modal-content .CouponAmount { text-align: center; }
.popup-user-coupon .hachi-modal .modal-content .hansudung { text-align: center;margin-top:9px; }
.popup-user-coupon .hachi-modal .modal-content .hansudung .ExpiredDate_Next { border-radius:50px;padding:3px 10px; }
.popup-user-coupon .hachi-modal .modal-content .line { margin:10px 0; }
.popup-user-coupon .hachi-modal .modal-content .DescriptionVN { margin-top:9px; }
.popup-user-coupon .hachi-modal .modal-content .hansudung2 { margin-top:3px; }
.popup-user-coupon .hachi-modal .modal-content .dieukien { margin-top:3px; }
.popup-user-coupon .hachi-modal .modal-content .CouponNo-outline { margin:15px auto 0 auto;width:287px;padding:10px 0;border-radius:5px; }
.popup-user-coupon .hachi-modal .modal-content .CouponNo-image { text-align: center;display:flex;justify-content:center; }
.popup-user-coupon .hachi-modal .modal-content .CouponNo-text { text-align: center; }
.popup-user-coupon .hachi-modal .modal-footer .copyma { margin-right:10px; }
/* #endregion */

/* #region order-history  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-order-history.top { margin-top:168px; }
.mobile-order-history .user-manage .thongtin { margin-top:0; }
.mobile-order-history .thongtin .product-top { margin-top:20px; }
.mobile-order-history .thongtin .product-top div.tabs .item { padding: 0 0 10px 0;text-align:center;margin-right:15px;border-bottom:2px solid #fff; }
/* b-dakgreen650 */
.mobile-order-history .thongtin .product-top div.tabs .item.active { border-bottom:2px solid #268f3b; }
.mobile-order-history .thongtin .product-top div.tabs .item button { border:none;background:transparent;border-radius: unset;outline:none;text-transform:uppercase; }
.mobile-order-history .thongtin .product-top div.tabs .item button .text { display:block;margin-top:4px; }
.mobile-order-history .thongtin .danh-sach { margin-top:0;padding-top:16px; }
.mobile-order-history .thongtin .danh-sach .dong:first-child { margin-top:0; }
.mobile-order-history .thongtin .danh-sach .dong { margin-top:16px;padding:16px 16px; }
.mobile-order-history .thongtin .danh-sach .dong .text-col { margin-top:7px; display:flex;justify-content:space-between;line-height:18px; }
.mobile-order-history .thongtin .danh-sach .dong .img { width:125px; }
.mobile-order-history .thongtin .danh-sach .dong .img img { width:125px;height:125px; }
.mobile-order-history .thongtin .danh-sach .dong .info { width:calc(100% - 135px);}
.mobile-order-history .thongtin .danh-sach .dong .NoOfItem { margin-top:10px; }
.mobile-order-history .thongtin .danh-sach .dong .Payment { margin-top:10px; }
.mobile-order-history .thongtin .danh-sach .dong .Payment span:first-child { text-transform:uppercase; }
.mobile-order-history .thongtin .danh-sach .dong .act { display:flex; }
.mobile-order-history .thongtin .danh-sach .dong .act button { border-radius:31px;padding:9px 20px;border:none;margin-left:10px; }
.mobile-order-history .thongtin .danh-sach .dong .act button:first-child { margin-left:0; }
.mobile-order-history .thongtin .danh-sach .dong .line { margin:10px 0; }
.mobile-order-history .thongtin .danh-sach .dong.empty { text-align:center;padding:40px 0; }
.mobile-order-history .thongtin .danh-sach .dong.empty > div { text-align:center; }
/* #endregion mobile */
.page-order-history .right .thongtin { border-radius:10px;padding:0 20px; }
.page-order-history .right .thongtin.ds { border-radius:0;padding:0; }
.page-order-history .right .thongtin .product-top { margin-top:16px; }
.page-order-history .right .thongtin .product-top ul.tabs { margin:0;list-style:none;padding:0;display:flex; }
.page-order-history .right .thongtin .product-top ul.tabs li { list-style:none;padding: 0 0 10px 0;text-align:center;margin-right:15px;border-bottom:2px solid #fff; }
/* b-dakgreen650 */
.page-order-history .right .thongtin .product-top ul.tabs li.active { border-bottom:2px solid #268f3b; }
.page-order-history .right .thongtin .product-top ul.tabs li button { border:none;background:transparent;border-radius: unset;outline:none;text-transform:uppercase; }
.page-order-history .right .thongtin .product-top ul.tabs li button .text { display:block;margin-top:4px; }
.page-order-history .right .thongtin .danh-sach .line { margin:10px 0; }
.page-order-history .right .thongtin .danh-sach .dong { margin-top:7px;border-radius:10px;padding:20px 20px; }
.page-order-history .right .thongtin .danh-sach .dong .text-col { margin-top:3px;display:flex;justify-content:space-between;line-height:21px; }
.page-order-history .right .thongtin .danh-sach .dong .text-col .lbl  { width:110px;display:inline-block; }
.page-order-history .right .thongtin .danh-sach .dong .StatusName { border-radius:50px;padding:3px 10px; }
.page-order-history .right .thongtin .danh-sach .dong .img { width:125px; }
.page-order-history .right .thongtin .danh-sach .dong .img img { width:125px;height:125px; }
.page-order-history .right .thongtin .danh-sach .dong .soluong { width:70px; }
.page-order-history .right .thongtin .danh-sach .dong .thanhtien { width:125px; }
.page-order-history .right .thongtin .danh-sach .dong .info { width:calc(100% - 460px);}
.page-order-history .right .thongtin .danh-sach .dong .info .price .sale { margin-left:3px;text-decoration:line-through; }
.page-order-history .right .thongtin .danh-sach .dong .NoOfItem { margin-top:10px; }
.page-order-history .right .thongtin .danh-sach .dong .Payment { margin-top:10px; }
.page-order-history .right .thongtin .danh-sach .dong .Payment span:first-child { text-transform:uppercase; }
.page-order-history .right .thongtin .danh-sach .dong .act { display:flex; }
.page-order-history .right .thongtin .danh-sach .dong .act button { border-radius:31px;padding:9px 20px;border:none;margin-left:10px; }
.page-order-history .right .thongtin .danh-sach .dong .act button:first-child { margin-left:0; }
.page-order-history .right .thongtin .danh-sach .dong.empty { text-align:center;padding:60px 0; }
.page-order-history .right .thongtin .danh-sach .dong.empty > div { text-align:center; }

.popup-order-history-buy .hachi-modal .modal .modal-content .modal-footer button { padding:8px 30px; }
.popup-order-history-buy .hachi-modal .modal .modal-body { padding:20px 20px 0px 20px; }
.popup-order-history-buy .noidung { line-height:20px; }
.popup-order-history-buy .noidung .item { text-decoration:underline;}
.popup-order-history-buy .noidung .item-outline { padding:3px 0;}
/* #endregion */


/* #region order-history-detail  ------------------------------- */
/* #region mobile  ------------------------------- */
.mobile-order-history-detail.top { margin-top:168px; }
.mobile-order-history-detail .thong-tin-don-hang { padding:30px 30px;border-radius:10px;display:flex;justify-content:space-between; }
.mobile-order-history-detail .trang-thai .noi-dung { margin:14px auto 0 auto;border-radius:10px;padding:26px 32px; }
/*b-gregray40,cl-gregray400*/
.mobile-order-history-detail .trang-thai .tien-do.hinh { margin-top:14px; }
/* 
.mobile-order-history-detail .don-hang { margin-top:0; }
.mobile-order-history-detail .don-hang .cot { margin-top:10px;border-radius:10px;padding:26px 32px; }
.mobile-order-history-detail .don-hang .cot .txt-1 { margin-top:5px;line-height:21px; }
.mobile-order-history-detail .don-hang .cot .txt-2 { margin-top:5px;line-height:21px; }
.mobile-order-history-detail .chi-tiet-don-hang { margin-top:10px;padding:26px 32px;border-radius:10px; }
.mobile-order-history-detail .chi-tiet-don-hang .dong { display:flex;justify-content:space-between;margin-top:18px; }
.mobile-order-history-detail .chi-tiet-don-hang .dong.header { margin-top:0; }
.mobile-order-history-detail .chi-tiet-don-hang .dong.header > div { margin-top:0; }
.mobile-order-history-detail .chi-tiet-don-hang .dong > div { line-height:21px;margin-top:5px; }
.mobile-order-history-detail .chi-tiet-don-hang .dong > .tieu-de { width:580px; }
.mobile-order-history-detail .chi-tiet-don-hang .dong > .soluong { width:20px; }
.mobile-order-history-detail .chi-tiet-don-hang .dong > .hinh { width:70px;margin-top:0; }
.mobile-order-history-detail .chi-tiet-don-hang .dong > .ten-sp { width:calc(100% - 80px); }
.mobile-order-history-detail .chi-tiet-don-hang .dong .gia { display:flex;justify-content:space-between; }
.mobile-order-history-detail .tong-don-hang { margin-top:0; }
.mobile-order-history-detail .tong-don-hang > div { border-radius:10px;padding:26px 32px; }
.mobile-order-history-detail .tong-don-hang > div.vat { margin-top:10px; }
.mobile-order-history-detail .tong-don-hang .cart-total { margin-top:15px;padding:20px 20px;border-radius:9px; }
.mobile-order-history-detail .tong-don-hang .cart-total .list-sub { padding-top:10px; }
.mobile-order-history-detail .tong-don-hang .cart-total .list-sub .sub { display:flex;justify-content: space-between;margin-top:10px; }
.mobile-order-history-detail .tong-don-hang .cart-total .dat-hang { margin-top:20px;width:100%; border:none;border-radius:15px;padding:8px 0;text-transform:uppercase; }
.mobile-order-history-detail .tong-don-hang .cart-total .line { margin-top:20px; }
.mobile-order-history-detail .tong-don-hang .cart-total .list-sub .sub-2 { display:flex;justify-content: space-between;margin-top:20px; }
 */
.mobile-order-history-detail .don-hang {text-align:left;}
.mobile-order-history-detail .don-hang .thong-tin {margin-top:0;}
.mobile-order-history-detail .don-hang .thong-tin > div { margin-top:14px;padding:20px 20px;border-radius:9px;line-height:22px; }
.mobile-order-history-detail .don-hang .thong-tin .top { margin-top:15px; }
.mobile-order-history-detail .don-hang .san-pham { margin-top:15px;padding:30px 30px; }
.mobile-order-history-detail .don-hang .san-pham .tieu-de { display:flex;justify-content:space-between;border-radius:9px; }
.mobile-order-history-detail .don-hang .san-pham .tieu-de .name {width:570px;}
.mobile-order-history-detail .don-hang .san-pham .tieu-de .soluong {width:75px;}
.mobile-order-history-detail .don-hang .san-pham .tieu-de .thanhtien {width:100px;}
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product { display:flex;justify-content:space-between;margin-top:20px; }
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product .image {width:70px;}
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product .image img {width:70px;height:70px;}
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product .name { width:calc(100% - 80px);}
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product .name .text { line-height:21px; }
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product .name .text-2 {display:flex;justify-content:space-between;line-height:21px;}
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product .soluong {width:20px;}
.mobile-order-history-detail .don-hang .san-pham.anchitiet .chi-tiet-outline {position: relative; overflow: hidden; height: 80px;}
.mobile-order-history-detail .don-hang .san-pham .gradient { display:none; }
.mobile-order-history-detail .don-hang .san-pham.anchitiet .gradient { display:block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 80px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7));}
.mobile-order-history-detail .don-hang .san-pham .xem-them { margin-top:16px;text-align:center; }
.mobile-order-history-detail .don-hang .san-pham .xem-them button { background:none;border:none; }
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-title > button { background:none;border:none; }
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .line { font-size:1px;line-height:1px;margin:35px 0 20px 0; }
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data { display:none;padding:14px 14px;border-radius:10px; }
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product-gift.hienthi .product-gift-data { display:block; }
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong { display:flex;justify-content:space-between;margin-top:20px; }
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong:first-child { margin-top:0; }
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .image {width:70px;}
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .image img {width:70px;height:70px;}
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .name { width:calc(100% - 80px);}
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .name .text { line-height:21px; }
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .name .text-2 {display:flex;justify-content:space-between;line-height:21px;}
.mobile-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong .soluong {width:20px;}
.mobile-order-history-detail .don-hang .tong-ket {margin-top:15px;}
.mobile-order-history-detail .don-hang .vat { padding:20px 20px;border-radius:9px;line-height:20px; }
.mobile-order-history-detail .don-hang .vat > div { margin-top:10px; }
.mobile-order-history-detail .don-hang .vat > div:first-child { margin-top:0; }
.mobile-order-history-detail .don-hang .ghichu { margin-top:15px;padding:20px 20px;border-radius:9px;line-height:20px; }
.mobile-order-history-detail .don-hang .ghichu > div { margin-top:10px; }
.mobile-order-history-detail .don-hang .ghichu > div:first-child { margin-top:0; }
.mobile-order-history-detail .don-hang .cart-total { margin-top:15px;padding:20px 20px;border-radius:9px; }
.mobile-order-history-detail .don-hang .cart-total .list-sub { padding-top:10px; }
.mobile-order-history-detail .don-hang .cart-total .list-sub .sub { display:flex;justify-content: space-between;margin-top:10px; }
.mobile-order-history-detail .don-hang .cart-total .dat-hang { margin-top:20px;width:100%; border:none;border-radius:15px;padding:8px 0;text-transform:uppercase; }
.mobile-order-history-detail .don-hang .cart-total .line { margin-top:20px; }
.mobile-order-history-detail .don-hang .cart-total .list-sub .sub-2 { display:flex;justify-content: space-between;margin-top:20px; }
 
/* #endregion mobile */
.page-order-history-detail .right .thongtin { border-radius:10px;padding:0 20px; }
.page-order-history-detail .user-manage .thong-tin-don-hang { padding:30px 30px;display:flex;justify-content:space-between; }
.page-order-history-detail .user-manage .thong-tin-don-hang > button { display:flex;border-radius:31px;padding:7px 18px;border:none; }
.page-order-history-detail .user-manage .thong-tin-don-hang > button > img { margin-right:10px;margin-top:0;width:16px;height:16px; }
.page-order-history-detail .trang-thai .noi-dung { border-radius:10px;padding:30px 30px; }
.page-order-history-detail .trang-thai .tien-do.hinh { margin-top:14px; }
.page-order-history-detail .trang-thai .tien-do.hinh .tien-do-header { width:calc(100% - 3px); }
.page-order-history-detail .trang-thai .tien-do .tien-do-header .txt.txt-12 { text-align:right; }

/*.page-order-history-detail .don-hang { display:flex;justify-content:space-between;margin-top:16px; }
.page-order-history-detail .don-hang .cot { width:calc(33.3% - 11px);border-radius:10px;padding:30px 30px; }
.page-order-history-detail .don-hang .cot .txt-1 { margin-top:5px;line-height:21px; }
.page-order-history-detail .don-hang .cot .txt-2 { margin-top:5px;line-height:21px; }
.page-order-history-detail .user-manage .danhsach { padding:0; }
.page-order-history-detail .chi-tiet-don-hang { padding:30px 30px;border-radius:10px;margin-top:16px; }
.page-order-history-detail .chi-tiet-don-hang .dong { display:flex;justify-content:space-between;margin-top:18px; }
.page-order-history-detail .chi-tiet-don-hang .dong.header { margin-top:0; }
.page-order-history-detail .chi-tiet-don-hang .dong.header > div { margin-top:0; }
.page-order-history-detail .chi-tiet-don-hang .dong > div { line-height:21px;margin-top:10px; }
.page-order-history-detail .chi-tiet-don-hang .dong > .tieu-de { width:580px; }
.page-order-history-detail .chi-tiet-don-hang .dong > .soluong { width:70px; }
.page-order-history-detail .chi-tiet-don-hang .dong > .thanhtien { width:110px;text-align:center; }
.page-order-history-detail .chi-tiet-don-hang .dong > .hinh { width:70px;margin-top:0; }
.page-order-history-detail .chi-tiet-don-hang .dong > .ten-sp { width:500px; }
.page-order-history-detail .tong-don-hang { display:flex;justify-content:space-between;margin-top:16px; }
.page-order-history-detail .tong-don-hang > div { border-radius:10px;padding:30px 30px; }
.page-order-history-detail .tong-don-hang > div.vat { width:calc(100% - 516px); }
.page-order-history-detail .tong-don-hang .cart-total { padding:30px;border-radius:9px;width:500px; }
.page-order-history-detail .tong-don-hang .cart-total .list-sub { padding-top:10px; }
.page-order-history-detail .tong-don-hang .cart-total .list-sub .sub { display:flex;justify-content: space-between;margin-top:10px; }
.page-order-history-detail .tong-don-hang .cart-total .dat-hang { margin-top:20px;width:100%; border:none;border-radius:15px;padding:8px 0;text-transform:uppercase; }
.page-order-history-detail .tong-don-hang .cart-total .line { margin-top:20px; }
.page-order-history-detail .tong-don-hang .cart-total .list-sub .sub-2 { display:flex;justify-content: space-between;margin-top:20px; }*/

.page-order-history-detail .don-hang {text-align:left;margin-top:16px;}
.page-order-history-detail .don-hang .thong-tin {display:flex;justify-content:space-between;}
.page-order-history-detail .don-hang .thong-tin > div { padding:25px 25px;width:274px;border-radius:9px;line-height:22px; }
.page-order-history-detail .don-hang .thong-tin .top { margin-top:15px; }
.page-order-history-detail .don-hang .san-pham { margin-top:15px;padding:30px 30px; }
.page-order-history-detail .don-hang .san-pham .tieu-de { display:flex;justify-content:space-between;border-radius:9px; }
.page-order-history-detail .don-hang .san-pham .tieu-de .name {width:570px;}
.page-order-history-detail .don-hang .san-pham .tieu-de .soluong {width:75px;}
.page-order-history-detail .don-hang .san-pham .tieu-de .thanhtien {width:100px;}
.page-order-history-detail .don-hang .san-pham .chi-tiet .product { display:flex;justify-content:space-between;margin-top:20px; }
.page-order-history-detail .don-hang .san-pham .chi-tiet .product .name {width:570px;display:flex;justify-content:space-between;}
.page-order-history-detail .don-hang .san-pham .chi-tiet .product .name .image {width:70px;}
.page-order-history-detail .don-hang .san-pham .chi-tiet .product .name .image img {width:70px;height:70px;}
.page-order-history-detail .don-hang .san-pham .chi-tiet .product .name .text { width: calc(100% - 80px);line-height:30px; }
.page-order-history-detail .don-hang .san-pham .chi-tiet .product .soluong {width:75px;}
.page-order-history-detail .don-hang .san-pham .chi-tiet .product .thanhtien {width:100px;}
.page-order-history-detail .don-hang .san-pham.anchitiet .chi-tiet-outline {position: relative; overflow: hidden; height: 80px;}
.page-order-history-detail .don-hang .san-pham .gradient { display:none; }
.page-order-history-detail .don-hang .san-pham.anchitiet .gradient { display:block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 80px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7));}
.page-order-history-detail .don-hang .san-pham .xem-them { margin-top:16px;text-align:center; }
.page-order-history-detail .don-hang .san-pham .xem-them button { background:none;border:none; }
.page-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-title > button { background:none;border:none; }
.page-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .line { font-size:1px;line-height:1px;margin:35px 0 20px 0; }
.page-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data { display:none;padding:14px 14px;border-radius:10px; }
.page-order-history-detail .don-hang .san-pham .chi-tiet .product-gift.hienthi .product-gift-data { display:block; }
.page-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .dong { display:flex;justify-content:space-between;margin-top:10px; }
.page-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .name { width:550px;display:flex;justify-content:space-between;}
.page-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .name .image {width:70px;}
.page-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .name .image img {width:70px;height:70px;}
.page-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .name .text { width: calc(100% - 80px);line-height:30px; }
.page-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .soluong {width:75px;}
.page-order-history-detail .don-hang .san-pham .chi-tiet .product-gift .product-gift-data .thanhtien {width:83px;}
.page-order-history-detail .don-hang .tong-ket {display:flex;justify-content:space-between;margin-top:15px;}
.page-order-history-detail .don-hang .tong-ket .cot-trai { width: calc(100% - 515px); }
.page-order-history-detail .don-hang .tong-ket .cot-trai > div { margin-top:18px; }
.page-order-history-detail .don-hang .tong-ket .cot-trai > div:first-child { margin-top:0; }
.page-order-history-detail .don-hang .tong-ket .cot-phai { width:500px; }
.page-order-history-detail .don-hang .tong-ket .vat { padding:30px;border-radius:9px;line-height:20px; }
.page-order-history-detail .don-hang .tong-ket .vat > div { margin-top:10px; }
.page-order-history-detail .don-hang .tong-ket .vat > div:first-child { margin-top:0; }
.page-order-history-detail .don-hang .tong-ket .ghichu { padding:30px;border-radius:9px;line-height:20px; }
.page-order-history-detail .don-hang .tong-ket .ghichu.first { margin-top:0; }
.page-order-history-detail .don-hang .tong-ket .ghichu > div { margin-top:10px; }
.page-order-history-detail .don-hang .tong-ket .ghichu > div:first-child { margin-top:0; }
.page-order-history-detail .don-hang .tong-ket .cart-total { padding:30px;border-radius:9px; }
.page-order-history-detail .don-hang .tong-ket .cart-total .list-sub { padding-top:10px; }
.page-order-history-detail .don-hang .tong-ket .cart-total .list-sub .sub { display:flex;justify-content: space-between;margin-top:10px; }
.page-order-history-detail .don-hang .tong-ket .cart-total .dat-hang { margin-top:20px;width:100%; border:none;border-radius:15px;padding:8px 0;text-transform:uppercase; }
.page-order-history-detail .don-hang .tong-ket .cart-total .line { margin-top:20px; }
.page-order-history-detail .don-hang .tong-ket .cart-total .list-sub .sub-2 { display:flex;justify-content: space-between;margin-top:20px; }

/* #endregion */



.cl-event1,a.cl-event1:hover,.cl-event1 > a,.cl-event1 > a:hover {color:#464004;}
.cl-event2,a.cl-event2:hover,.cl-event2 > a,.cl-event2 > a:hover {color:#393302;}
.cl-event3,a.cl-event3:hover,.cl-event3 > a,.cl-event3 > a:hover {color:#ffcd29;}
.cl-event4,a.cl-event4:hover,.cl-event4 > a,.cl-event4 > a:hover {color:#4a0809;}
.cl-event5,a.cl-event5:hover,.cl-event5 > a,.cl-event5 > a:hover {color:#083011;}
.cl-event6,a.cl-event6:hover,.cl-event6 > a,.cl-event6 > a:hover {color:#655c5c;}
.cl-event7,a.cl-event7:hover,.cl-event7 > a,.cl-event7 > a:hover {color:#877a7b;}
.cl-event8,a.cl-event8:hover,.cl-event8 > a,.cl-event8 > a:hover {color:#91050b;}
.cl-event9,a.cl-event9:hover,.cl-event9 > a,.cl-event9 > a:hover {color:#6e5151;}
.cl-event10,a.cl-event10:hover,.cl-event10 > a,.cl-event10 > a:hover {color:#634e4e;}
.cl-event11,a.cl-event11:hover,.cl-event11 > a,.cl-event11 > a:hover {color:#fff9f9;}
.cl-event12,a.cl-event12:hover,.cl-event12 > a,.cl-event12 > a:hover {color:#433637;}
.cl-event13,a.cl-event13:hover,.cl-event13 > a,.cl-event13 > a:hover {color:#600605;}
.cl-event14,a.cl-event14:hover,.cl-event14 > a,.cl-event14 > a:hover {color:#251516;}
.cl-event15,a.cl-event15:hover,.cl-event15 > a,.cl-event15 > a:hover {color:#675e5e;}
.cl-event16,a.cl-event16:hover,.cl-event16 > a,.cl-event16 > a:hover {color:#bf1d1a;}
.cl-event17,a.cl-event17:hover,.cl-event17 > a,.cl-event17 > a:hover {color:#595354;}
.cl-event18,a.cl-event18:hover,.cl-event18 > a,.cl-event18 > a:hover {color:#251516;}

.b-event16 {background:#bf1d1a;}

.event-japanmall-2024-bottom { text-align:center;padding:5px 0; }
.event-japanmall-2024-action { display:flex;justify-content:center;position:fixed;z-index:9999;bottom:0;left:calc(50% - 200px);width:400px;border-radius:20px 20px 0 0;box-shadow: 0 0 5px 0 #e0e3dc; }
.event-japanmall-2024-action .item { text-align:center;margin-top:12px;margin-bottom:12px;margin-left:20px; }
.event-japanmall-2024-action .item:first-child { margin-left:0; }
.event-japanmall-2024-action .item .text { margin-top:3px; }
.event-japanmall-2024-action .item img { width:18px;height:18px; }
.event-japanmall-2024 .product-top { display:flex;justify-content: space-between; }
.event-japanmall-2024 .product-top .title { display:flex; }
.event-japanmall-2024 .product-top .title .tieude { min-width:320px;margin-top:5px; }
.event-japanmall-2024 .seo { margin:70px auto 0 auto;max-width:756px; }
.event-japanmall-2024 .seo .tieude { line-height:53px;text-align: center; }
.event-japanmall-2024 .seo .tomtat { line-height:24px;text-align: center;margin-top:10px; }
.event-japanmall-2024 .thuonghieu { margin-top:67px; }
.event-japanmall-2024 .thuonghieu .tieude { text-align: center; }
.event-japanmall-2024 .thuonghieu .danhsach { margin-top:30px;display:flex;flex-wrap:wrap;justify-content:center; }
.event-japanmall-2024 .thuonghieu .danhsach .item { text-align: center;margin-top:30px; }
.event-japanmall-2024 .thuonghieu .danhsach .item > a { display:block;cursor:pointer; }
.event-japanmall-2024 .sanphamhot { margin-top:90px; }
.event-japanmall-2024 .sanphamhot .danhsach { margin-top:16px; }
.event-japanmall-2024 .sanphamhot .danhsach .item { position: relative;width:433px;height:665px; }
.event-japanmall-2024 .sanphamhot .danhsach .item a.cart-fast { position:absolute;bottom:34px;left:0;width:100%;height:37px;cursor:pointer; }
.event-japanmall-2024 .sanphamhot .danhsach .item .sapxep-bg { border-radius:20px;position: absolute;width:31px;height:18px;top:26px;right:26px;opacity:0.8; }
.event-japanmall-2024 .sanphamhot .danhsach .item .sapxep { position: absolute;top:26px;right:26px;width:31px;text-align:center; }
.event-japanmall-2024 .banner-2 { margin-top:60px;border-radius:30px; }
.event-japanmall-2024 .sanphamthuonghieu { margin-top:40px; }
.event-japanmall-2024 .sanphamthuonghieu .product-tabs { margin-top:13px; }
.event-japanmall-2024 .sanphamthuonghieu .product-tabs .item { padding: 0 0 10px 0;text-align:center;margin-left:15px;border-bottom:2px solid #fff; }
/* b-event3 */
.event-japanmall-2024 .sanphamthuonghieu .product-tabs .item.active { border-bottom:2px solid #FFCD29; }
.event-japanmall-2024 .sanphamthuonghieu .product-tabs .item button { border:none;background:transparent;border-radius: unset;outline:none; }
.event-japanmall-2024 .sanphamthuonghieu .product-tabs .item button .text { display:block;margin-top:4px;line-height:30px; }
/*cl-event3*/
.event-japanmall-2024 .sanphamthuonghieu .product-tabs .item.active button .text { color:#FFCD29;font-size:28px;font-weight:800;line-height:26px; }
.event-japanmall-2024 .sanphamthuonghieu .product-tabs .item span.icon { font-size:25px; }
.event-japanmall-2024 .sanphamthuonghieu .xemthem { margin-top:23px; }
.event-japanmall-2024 .sanphamthuonghieu .xemthem .xemthem-outline { display:flex;justify-content:center; }
.event-japanmall-2024 .sanphamthuonghieu .xemthem button { border-radius:31px;padding:6px 18px;display:flex;background:none; }
.event-japanmall-2024 .sanphamthuonghieu .xemthem button img { width:10px;height:6px;margin-left:4px;margin-top:7px; }
.event-japanmall-2024 .sanphamkhuyenmai { margin-top:100px; }
.event-japanmall-2024 .sanphamkhuyenmai .product-list { display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px; }
.event-japanmall-2024 .sanphamkhuyenmai .product-list .product-item-outline { flex:0 0 auto;width:auto;padding-right:12px;padding-left:12px; }
.event-japanmall-2024 .sanphamkhuyenmai .product-list .product-item { width:270px;height:400px; }
.event-japanmall-2024 .sanphamkhuyenmai .product-top .dropdown { margin-top:10px; }
.event-japanmall-2024 .sanphamkhuyenmai .product-top .dropdown > button:focus { box-shadow:none; }
.event-japanmall-2024 .sanphamkhuyenmai .product-top .dropdown > button:active { box-shadow:none; }
.event-japanmall-2024 .sanphamkhuyenmai .product-top .dropdown > button { border-radius:20px;padding:9px 20px;background:none;box-shadow:none; }
.event-japanmall-2024 .sanphamkhuyenmai .xemthem { margin-top:23px;text-align:center; }
.event-japanmall-2024 .sanphamkhuyenmai .xemthem a { cursor: pointer; }
.event-japanmall-2024 .sanphamcombo { margin-top:100px; }
.event-japanmall-2024 .sanphamcombo .danhsach .item { position:relative;width:100%;height:632px; }
.event-japanmall-2024 .sanphamcombo .danhsach .item img { width:100%;height:632px; }
.event-japanmall-2024 .sanphamcombo .danhsach .item a.cart-fast { position:absolute;bottom:45px;left:0;width:100%;height:45px;cursor:pointer; }
.event-japanmall-2024 .sanphamcombo .danhsach .item .sapxep-bg { border-radius:20px;position: absolute;width:59px;height:32px;top:26px;left:calc(50% - 30px);opacity:0.8; }
.event-japanmall-2024 .sanphamcombo .danhsach .item .sapxep { position: absolute;top:31px;left:calc(50% - 30px);width:59px;text-align:center; }
.event-japanmall-2024 .sanphamdanhmuc { margin-top:40px; }
.event-japanmall-2024 .sanphamdanhmuc .product-tabs { margin-top:13px; }
.event-japanmall-2024 .sanphamdanhmuc .product-tabs .item { padding: 0 0 10px 0;text-align:center;border-bottom:2px solid #fff; }
/* b-event3 */
.event-japanmall-2024 .sanphamdanhmuc .product-tabs .item.active { border-bottom:2px solid #FFCD29; }
.event-japanmall-2024 .sanphamdanhmuc .product-tabs .item button { color:#464004;border:none;background:transparent;border-radius: unset;outline:none;line-height:30px; }
/*cl-event3*/
.event-japanmall-2024 .sanphamdanhmuc .product-tabs .item.active button { color:#FFCD29;font-size:28px;font-weight:800;line-height:26px; }
.event-japanmall-2024 .sanphamdanhmuc .product-list { display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px; }
.event-japanmall-2024 .sanphamdanhmuc .product-list .product-item-outline { flex:0 0 auto;width:auto;padding-right:12px;padding-left:12px; }
.event-japanmall-2024 .sanphamdanhmuc .product-list .product-item { width:270px;height:400px; }
.event-japanmall-2024 .sanphamdanhmuc .xemthem { margin-top:23px;text-align:center; }
.event-japanmall-2024 .sanphamdanhmuc .xemthem a { cursor: pointer; }
.event-japanmall-2024 .tin-tuc { margin-top:50px; }
.event-japanmall-2024 .tin-tuc .noiduong-outline { margin:0 auto;max-width:836px; }
.event-japanmall-2024 .tin-tuc .noiduong-outline .chitiet { margin-top:20px;line-height:26px; }
.event-japanmall-2024 .tin-tuc .noiduong-outline .chitiet h1 { line-height:49px; }
.event-japanmall-2024 .tin-tuc .noiduong-outline .chitiet h2 { line-height:49px; }
.event-japanmall-2024 .tin-tuc .noiduong-outline .chitiet h3 { line-height:49px; }
.event-japanmall-2024 .tin-tuc .noiduong-outline .chitiet img { margin:15px 0; }
.event-japanmall-2024 .tin-tuc .noiduong-outline .chitiet-outline .chitiet.anchitiet { position: relative; overflow: hidden; height: 300px;}
.event-japanmall-2024 .tin-tuc .noiduong-outline .chitiet-outline .gradient { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7));}
.event-japanmall-2024 .tin-tuc .noiduong-outline .chitiet-outline .xemthem { margin-top:16px;text-align:center; }
.event-japanmall-2024 .tin-tuc .noiduong-outline .chitiet-outline .xemthem a{ cursor:pointer; }
.event-japanmall-2024 .tin-tuc .noiduong-outline .chitiet-outline .xemthem a:hover{ text-decoration:underline; }
.event-japanmall-2024 .tin-tuc .tieude { margin-top:50px;line-height:49px;text-align:center; }
.event-japanmall-2024 .tin-tuc .banner { margin-top:20px;text-align:center; }
.event-japanmall-2024 .tin-tuc .thoigian { margin-top:40px; }
.event-japanmall-2024 .coupon { margin-top:40px;padding:60px 0; }
.event-japanmall-2024 .coupon .tieude { text-align:center; }
.event-japanmall-2024 .coupon .hinh { display:flex;justify-content:center;margin-top:30px; }
.event-japanmall-2024 .coupon .hinh img:first-child { margin-right:10px; }
.event-japanmall-2024 .cac-lien-ket { padding:30px 0; }
.event-japanmall-2024 .cac-lien-ket .logo { text-align:center; }
.event-japanmall-2024 .cac-lien-ket .tieude { text-align:center;margin-top:10px; }
.event-japanmall-2024 .cac-lien-ket .tieude-sub { text-align:center;margin-top:2px; }
.event-japanmall-2024 .cac-shop { display:flex;justify-content:center;padding:30px 0; }
.event-japanmall-2024 .cac-shop img { margin-left:10px; }
.event-japanmall-2024 .cac-chinh-sach { padding:20px 0; }
.event-japanmall-2024 .cac-chinh-sach .danhsach { display:flex;justify-content:space-between;margin-right:-12px;margin-left:-12px; }
.event-japanmall-2024 .cac-chinh-sach .danhsach .item { flex:0 0 auto;width:auto;padding-right:12px;padding-left:12px;text-align:center;line-height:20px; }
.event-japanmall-2024 .cac-chinh-sach .danhsach .item:first-child { margin-left:60px; }
.event-japanmall-2024 .cac-chinh-sach .danhsach .item:last-child { margin-right:60px; }
.event-japanmall-2024 .cac-chinh-sach .danhsach .item .img { margin-top: 25px; }
.event-japanmall-2024 .cac-chinh-sach .danhsach .item .name { margin-top: 10px; }
.event-japanmall-2024 .line { background-color:#e6e1e0;font-size:1px;height:1px;line-height:1px; }

/* #region mobile  ------------------------------- */
.mobile-japanmall-2024 .product-top { display:flex;justify-content: space-between; }
.mobile-japanmall-2024 .product-top .title { display:flex; }
.mobile-japanmall-2024 .product-top .title .tieude { min-width:320px;margin-top:8px; }
.mobile-japanmall-2024 .seo { margin-top:30px;padding:0 10px; }
.mobile-japanmall-2024 .seo .tieude { line-height:35px;text-align: center; }
.mobile-japanmall-2024 .seo .tomtat { line-height:22px;text-align: center; }
.mobile-japanmall-2024 .thuonghieu { margin-top:30px; }
.mobile-japanmall-2024 .thuonghieu .tieude { text-align: center; }
.mobile-japanmall-2024 .thuonghieu .danhsach { margin-top:10px;padding:0 10px; }
.mobile-japanmall-2024 .thuonghieu .danhsach .item { text-align: center;margin-top:30px; }
.mobile-japanmall-2024 .thuonghieu .danhsach .item > a { display:block;cursor:pointer; }
.mobile-japanmall-2024 .sanphamhot { margin-top:30px; }
.mobile-japanmall-2024 .sanphamhot .danhsach { margin-top:16px; }
.mobile-japanmall-2024 .sanphamhot .danhsach .item { position: relative;width:433px;height:665px; }
.mobile-japanmall-2024 .sanphamhot .danhsach .item a.cart-fast { position:absolute;bottom:34px;left:0;width:100%;height:37px;cursor:pointer; }
.mobile-japanmall-2024 .sanphamhot .danhsach .item .sapxep-bg { border-radius:20px;position: absolute;width:31px;height:18px;top:26px;right:26px;opacity:0.8; }
.mobile-japanmall-2024 .sanphamhot .danhsach .item .sapxep { position: absolute;top:26px;right:26px;width:31px;text-align:center; }
.mobile-japanmall-2024 .banner-2 { margin-top:30px;border-radius:30px; }
.mobile-japanmall-2024 .sanphamthuonghieu { margin-top:30px; }
.mobile-japanmall-2024 .sanphamthuonghieu h2.bookmark { font-size:1px;height:1px;line-height:1px; }
.mobile-japanmall-2024 .sanphamthuonghieu .product-tabs { margin-top:13px; }
.mobile-japanmall-2024 .sanphamthuonghieu .product-tabs .item { padding: 0 0 10px 0;text-align:center;margin-left:15px;border-bottom:2px solid #fff; }
/* b-event3 */
.mobile-japanmall-2024 .sanphamthuonghieu .product-tabs .item.active { border-bottom:2px solid #FFCD29; }
.mobile-japanmall-2024 .sanphamthuonghieu .product-tabs .item button { border:none;background:transparent;border-radius: unset;outline:none; }
.mobile-japanmall-2024 .sanphamthuonghieu .product-tabs .item button .text { display:block;margin-top:4px; }
/*cl-event3*/
.mobile-japanmall-2024 .sanphamthuonghieu .product-tabs .item.active button .text { color:#FFCD29; }
.mobile-japanmall-2024 .sanphamthuonghieu .product-tabs .item span.icon { font-size:25px; }
.mobile-japanmall-2024 .sanphamkhuyenmai { margin-top:30px; }
.mobile-japanmall-2024 .sanphamkhuyenmai .product-list { display:flex;flex-wrap:wrap;margin-right:-6px;margin-left:-6px; }
.mobile-japanmall-2024 .sanphamkhuyenmai .product-list .product-item-outline { flex:0 0 auto;width:auto;padding-right:6px;padding-left:6px; }
.mobile-japanmall-2024 .sanphamkhuyenmai .product-list .product-item { width:165px;height:319px; }
.mobile-japanmall-2024 .sanphamkhuyenmai .product-top .dropdown { margin-top:10px; }
.mobile-japanmall-2024 .sanphamkhuyenmai .product-top .dropdown > button:focus { box-shadow:none; }
.mobile-japanmall-2024 .sanphamkhuyenmai .product-top .dropdown > button:active { box-shadow:none; }
.mobile-japanmall-2024 .sanphamkhuyenmai .product-top .dropdown > button { border-radius:20px;padding:9px 20px;background:none;box-shadow:none; }
.mobile-japanmall-2024 .sanphamkhuyenmai .xemthem { margin-top:23px;text-align:center; }
.mobile-japanmall-2024 .sanphamkhuyenmai .xemthem a { cursor: pointer; }
.mobile-japanmall-2024 .sanphamdanhmuc { margin-top:30px; }
.mobile-japanmall-2024 .sanphamdanhmuc .product-tabs { margin-top:13px; }
.mobile-japanmall-2024 .sanphamdanhmuc .product-tabs .item { padding: 0 0 10px 0;text-align:center;margin-left:15px;border-bottom:2px solid #fff; }
/* b-event3 */
.mobile-japanmall-2024 .sanphamdanhmuc .product-tabs .item.active { border-bottom:2px solid #FFCD29; }
.mobile-japanmall-2024 .sanphamdanhmuc .product-tabs .item button { border:none;background:transparent;border-radius: unset;outline:none; }
.mobile-japanmall-2024 .sanphamdanhmuc .product-tabs .item button .text { display:block;margin-top:4px; }
/*cl-event3*/
.mobile-japanmall-2024 .sanphamdanhmuc .product-tabs .item.active button .text { color:#FFCD29; }
.mobile-japanmall-2024 .sanphamdanhmuc .product-list { display:flex;flex-wrap:wrap;margin-right:-6px;margin-left:-6px; }
.mobile-japanmall-2024 .sanphamdanhmuc .product-list .product-item-outline { flex:0 0 auto;width:auto;padding-right:6px;padding-left:6px; }
.mobile-japanmall-2024 .sanphamdanhmuc .product-list .product-item { width:165px;height:319px; }
.mobile-japanmall-2024 .sanphamdanhmuc .xemthem { margin-top:23px;text-align:center; }
.mobile-japanmall-2024 .sanphamdanhmuc .xemthem a { cursor: pointer; }
.mobile-japanmall-2024 .tin-tuc { margin-top:40px;padding:0 10px; }
.mobile-japanmall-2024 .tin-tuc .tieude { line-height:30px;text-align:center; }
.mobile-japanmall-2024 .tin-tuc .thoigian { margin-top:8px; }
.mobile-japanmall-2024 .tin-tuc .chitiet { margin-top:20px;line-height:28px; }
.mobile-japanmall-2024 .coupon { margin-top:30px;padding:0 10px 20px 10px; }
.mobile-japanmall-2024 .coupon .tieude { text-align:center;margin-top:20px;line-height:25px; }
.mobile-japanmall-2024 .coupon .hinh { display:flex;justify-content:space-between;margin-top:20px; }
.mobile-japanmall-2024 .coupon .hinh img { width:49%; }
.mobile-japanmall-2024 .cac-lien-ket { margin-top:30px;padding-bottom:30px; }
.mobile-japanmall-2024 .cac-lien-ket .tieude { text-align:center;margin-top:30px;line-height:25px; }
.mobile-japanmall-2024 .cac-lien-ket .tieude-sub { text-align:center;margin-top:2px;line-height:22px; }
.mobile-japanmall-2024 .cac-lien-ket .hinh { display:flex;justify-content:center;margin-top:30px; }
.mobile-japanmall-2024 .cac-lien-ket .hinh img:first-child { margin-left:0; }
.mobile-japanmall-2024 .cac-lien-ket .hinh img { margin-left:10px; }
.mobile-japanmall-2024 .cac-chinh-sach { margin-top:20px; }
.mobile-japanmall-2024 .cac-chinh-sach .danhsach { display:flex;justify-content:space-between;flex-wrap:wrap; }
.mobile-japanmall-2024 .cac-chinh-sach .danhsach .item { text-align: center;line-height:20px;width:50%; }
.mobile-japanmall-2024 .cac-chinh-sach .danhsach .item .img { margin-top: 25px; }
.mobile-japanmall-2024 .cac-chinh-sach .danhsach .item .name { margin-top: 10px; }
/* #endregion mobile */

.event-japanmall-2024 .sanphamthuonghieu .product-list .owl-carousel .owl-prev { left:0; }
.event-japanmall-2024 .sanphamthuonghieu .product-list .owl-carousel .owl-next { right:0; }
.event-japanmall-2024 .sanphamthuonghieu .product-list .owl-carousel .owl-prev,.event-japanmall-2024 .sanphamthuonghieu .product-list .owl-carousel .owl-next { padding:7px 11px;color:#abafa5;border:1px solid #abafa5;border-radius:50% 50%; background-color: rgba(255,255,255, 0.18);}
.event-japanmall-2024 .sanphamthuonghieu .product-list .owl-carousel .owl-prev:hover,.event-japanmall-2024 .sanphamthuonghieu .product-list .owl-carousel .owl-next:hover { border:1px solid #0B3011;background-color: #268f3b;}
.event-japanmall-2024 .sanphamthuonghieu .product-list .owl-carousel .owl-prev:hover span:before,.event-japanmall-2024 .sanphamthuonghieu .product-list .owl-carousel .owl-next:hover span:before { color: #0B3011;}

@media(min-height: 900px) {
  .page-header .search-input div.dropdown-menu { max-height:inherit;overflow-x:inherit; }
  .page-header-menu .menu-data .outline .left .category { max-height:inherit;overflow-x:inherit; }
  .page-header-menu .menu-data .outline .left .category > ul .li-item-nav:hover .haschilds { left: 320px; }
  .page-header-menu .menu-data .outline .left .category > ul .li-item-nav.active .haschilds { left: 320px; }

  .hachi-modal .modal .modal-body { max-height:700px; }
}


.event-japanmall-2025-action { display:flex;justify-content:center;position:fixed;z-index:9999;bottom:0;left:calc(50% - 200px);width:400px;border-radius:20px 20px 0 0;box-shadow: 0 0 5px 0 #e0e3dc; }
.event-japanmall-2025-action .item { text-align:center;margin-top:12px;margin-bottom:12px;margin-left:20px; }
.event-japanmall-2025-action .item:first-child { margin-left:0; }
.event-japanmall-2025-action .item .text { margin-top:3px; }
.event-japanmall-2025-action .item img { width:22px;height:22px; }

.event-japanmall-2025 .dropdown-menu .dropdown-item { padding:6px 15px;line-height:18px; }
.event-japanmall-2025 .tieu-de { display:flex; }
.event-japanmall-2025 .tieu-de > img { height:41px;width:auto; }
.event-japanmall-2025 .tieu-de > .h2 { line-height:41px; }
.event-japanmall-2025 .tieu-de-sort { display:flex;justify-content:space-between; }
.event-japanmall-2025 .tieu-de-sort > .tieu-de { min-width:550px; }
.event-japanmall-2025 .tieu-de-sort .dropdown { margin-top:10px; }
.event-japanmall-2025 .tieu-de-sort .dropdown > button:focus { box-shadow:none; }
.event-japanmall-2025 .tieu-de-sort .dropdown > button:active { box-shadow:none; }
.event-japanmall-2025 .tieu-de-sort .dropdown > button { border-radius:20px;padding:9px 20px;background:none;box-shadow:none; }
.event-japanmall-2025 .product-list.owl-carousel .product-item { width:273px;height:390px; }
.event-japanmall-2025 .product-list .product-item { width:100%;height:390px; }
.event-japanmall-2025 .product-list .product-item .img { margin-top:0;position:relative; }
.event-japanmall-2025 .product-list .product-item .img .imgbackground { position:absolute;bottom:3px;right:3px;width:calc(100% - 55px); }
.event-japanmall-2025 .product-list .product-item .img .imgbackgroundncc1 { position:absolute;bottom:6px;right:6px;width:180px; }
.event-japanmall-2025 .product-list .product-item .img .imgbackgroundncc2 { position:absolute;top:60px;left:10px;height:50%; }
.event-japanmall-2025 .product-list .product-item .img .imgbackgroundncc2 > img { width:auto;height:100%; }
.event-japanmall-2025 .product-list .product-item .name { margin-top:13px;padding:0 14px;line-height:19px; }
.event-japanmall-2025 .product-list .product-item .price-sub { padding:0 14px; }
.event-japanmall-2025 .product-list .product-item .price { padding:0 14px; }
.event-japanmall-2025 .san-pham .danh-sach.product-list .col-lg-3.hide { display:none; }
.event-japanmall-2025 .san-pham.show .danh-sach.product-list .col-lg-3.hide { display:block; }
.event-japanmall-2025 .san-pham .xem-them { text-align:center;margin-top:20px; }
.event-japanmall-2025 .san-pham .xem-them button { background:none;border:none; }
.event-japanmall-2025 .san-pham.show .xem-them { display:none; }
.event-japanmall-2025 article.noidung { margin-top:26px;line-height:21px; }
.event-japanmall-2025 article.noidung p > img { border-radius:20px; }

.event-japanmall-2025 .banner-1 { height:450px;background-repeat: no-repeat; background-position: center center; }
.event-japanmall-2025 .text-top-1 .tieude { line-height:53px;text-align: center;margin-top:70px; }
.event-japanmall-2025 .text-top-1 .tomtat { line-height:23px;text-align: center;margin-top:10px; }
.event-japanmall-2025 .text-top-1 .tomtat .dong2 { margin-top:10px; }
.event-japanmall-2025 .thuonghieu .tieude { line-height:40px;text-align: center;margin-top:67px; }
.event-japanmall-2025 .thuonghieu .danhsach > div { margin-top:30px;display:flex;justify-content:center; }
.event-japanmall-2025 .thuonghieu .danhsach > div > div { margin-left:20px; }
.event-japanmall-2025 .thuonghieu .danhsach > div > div:first-child { margin-left:0; }
.event-japanmall-2025 .thuonghieu .danhsach > div a { text-align:center;display: block; }
.event-japanmall-2025 .thuonghieu .danhsach > div a span { display: block; }
.event-japanmall-2025 .flashsale { margin-top:90px; }
/* .event-japanmall-2025 .banner-2 > img { margin-top:60px;border-radius:30px; } */
.event-japanmall-2025 .banner-2 { margin-top:60px; }
.event-japanmall-2025 .banner-2 .danhsach .item > img { height:450px;border-radius:30px; }
.event-japanmall-2025 .khuyen-mai {margin-top:95px;}
.event-japanmall-2025 .danhmuc { width:100%;margin-top:30px; }
.event-japanmall-2025 .danhmuc.type3 .owl-carousel .owl-nav button { margin-top:10px; }
.event-japanmall-2025 .danhmuc.type3 .owl-carousel .owl-nav .owl-prev {background: none;left:-30px;position:absolute;}
.event-japanmall-2025 .danhmuc.type3 .owl-carousel .owl-nav .owl-next {background: none;text-align:right;left:auto;right:-30px;position:absolute;}

.event-japanmall-2025 .danhmuc .danhmuc-data { width:calc(100% - 70px);margin:0 auto; }
.event-japanmall-2025 .danhmuc .danhmuc-data .item { padding: 0 0 10px 0;text-align:center;border-bottom:2px solid #fff; }
/* b-event8 */
.event-japanmall-2025 .danhmuc .danhmuc-data .item.active { border-bottom:2px solid #634e4e; }
.event-japanmall-2025 .danhmuc .danhmuc-data .item button { border:none;background:transparent;border-radius: unset;outline:none; }
/*cl-event10,sibold600*/
.event-japanmall-2025 .danhmuc .danhmuc-data .item button .text { display:block;margin-top:4px;color:#634e4e;font-weight:600;font-style:normal;font-stretch:normal; }
/*cl-event8,bold700*/
.event-japanmall-2025 .danhmuc .danhmuc-data .item.active button .text { color:#91050b;font-weight:700;font-style:normal;font-stretch:normal; }
.event-japanmall-2025 .danhmuc .danhmuc-data .item span.icon { font-size:25px; }
.event-japanmall-2025 .danhmuc-product .product-list .product-item .name { margin-top:10px;height:33px; }
.event-japanmall-2025 .danhmuc-product { min-height:200px; }
.event-japanmall-2025 .danhmuc-product .emptydata { padding-top:70px;display: flex;justify-content:center;line-height:21px; }
.event-japanmall-2025 .danhmuc-product .emptydata img { margin-right:7px; }

.event-japanmall-2025 .sanphamthuonghieu { margin-top:50px; }
.event-japanmall-2025 .sanphamdanhmuc { margin-top:60px; }
.event-japanmall-2025 .sanphamdanhmuc .danhmuc .danhmuc-data { width:calc(100% - 1px);margin:0 auto; }
.event-japanmall-2025 .sanphamdanhmuc .danh-sach.product-list { min-height:800px; }
.event-japanmall-2025 .combo-tiet-kiem { margin-top:80px; }
.event-japanmall-2025 .combo-tiet-kiem .danh-sach .item { position:relative;width:100%; }
.event-japanmall-2025 .combo-tiet-kiem .danh-sach .item .cart-fast { position:absolute;bottom:50px;left:0;width:100%;height:100px;cursor:pointer;background:none;border:none; }
.event-japanmall-2025 .combo-tiet-kiem .danh-sach .item .sapxep-bg { border-radius:20px;position: absolute;width:59px;height:32px;top:26px;left:calc(50% - 30px);opacity:0.8; }
.event-japanmall-2025 .combo-tiet-kiem .danh-sach .item .sapxep { position: absolute;top:31px;left:calc(50% - 30px);width:59px;text-align:center; }
.event-japanmall-2025 .coupon { margin-top:40px;padding:40px 0; }
.event-japanmall-2025 .coupon .tieude { text-align:center; }
.event-japanmall-2025 .coupon .hinh { display:flex;justify-content:center;margin-top:30px; }
.event-japanmall-2025 .coupon .danh-sach-nen { text-align:center; }
.event-japanmall-2025 .cac-lien-ket { padding:30px 0; }
.event-japanmall-2025 .cac-lien-ket .logo { text-align:center; }
.event-japanmall-2025 .cac-lien-ket .tieude { text-align:center;margin-top:10px; }
.event-japanmall-2025 .cac-lien-ket .tieude-sub { text-align:center;margin-top:2px; }
.event-japanmall-2025 .cac-shop { display:flex;justify-content:center;padding:30px 0;line-height:18px; }
.event-japanmall-2025 .cac-shop .txt {line-height:30px;}
.event-japanmall-2025 .cac-shop img { margin-left:10px; }
.event-japanmall-2025 .cac-chinh-sach { padding:20px 0; }
.event-japanmall-2025 .cac-chinh-sach .danhsach { display:flex;justify-content:space-between;margin-right:-12px;margin-left:-12px; }
.event-japanmall-2025 .cac-chinh-sach .danhsach .item { flex:0 0 auto;width:auto;padding-right:12px;padding-left:12px;text-align:center;line-height:20px; }
.event-japanmall-2025 .cac-chinh-sach .danhsach .item:first-child { margin-left:60px; }
.event-japanmall-2025 .cac-chinh-sach .danhsach .item:last-child { margin-right:60px; }
.event-japanmall-2025 .cac-chinh-sach .danhsach .item .img { margin-top: 25px; }
.event-japanmall-2025 .cac-chinh-sach .danhsach .item .name { margin-top: 10px; }
.event-japanmall-2025 .line { background-color:#e6e1e0;font-size:1px;height:1px;line-height:1px; }
.event-japanmall-2025 .tin-tuc { margin-top: 47px; }
.event-japanmall-2025 .tin-tuc .tin-tuc-outline { margin:0 auto;width:836px; }
.event-japanmall-2025 .tin-tuc .tieude { padding-top:70px;line-height:49px;text-align:center; }
.event-japanmall-2025 .tin-tuc .hinh { margin-top:37px; }
.event-japanmall-2025 .tin-tuc .hinh img { width:836px;border-radius:20px; }
.event-japanmall-2025 .tin-tuc .thoigian { margin-top:26px; }
.event-japanmall-2025 .tin-tuc .noidung-outline { margin:0 auto;width:673px; }
.event-japanmall-2025 .tin-tuc .noidung-outline .noidung.anchitiet { position: relative; overflow: hidden; height: 300px;}
.event-japanmall-2025 .tin-tuc .noidung-outline .noidung .gradient { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7));}
.event-japanmall-2025 .tin-tuc .noidung-outline .xemthem { margin-top:16px;text-align:center; }
.event-japanmall-2025 .tin-tuc .noidung-outline .xemthem button { border:none;background:none; }
.event-japanmall-2025 .tin-tuc article { line-height:21px; }
.event-japanmall-2025 .tin-tuc article p > img { border-radius:20px; }
.event-japanmall-2025 .tin-tuc .product-blog { border-radius:10px;padding:20px 10px 20px 20px;margin:5px 0; }
.event-japanmall-2025 .tin-tuc .product-blog .product-item { display:flex;justify-content:space-between; }
.event-japanmall-2025 .tin-tuc .product-blog .product-item .info { width:calc(100% - 150px); }
.event-japanmall-2025 .tin-tuc .product-blog .product-item .img { width:125px; }
.event-japanmall-2025 .tin-tuc .product-blog .product-item .img img { width:125px;height:125px; }
.event-japanmall-2025 .tin-tuc .product-blog .product-item .info .price { margin-top:5px; }
.event-japanmall-2025 .tin-tuc .product-blog .product-item .info .sale { text-decoration:line-through;margin-left:7px; }
.event-japanmall-2025 .tin-tuc .product-blog .product-item .info .action { margin-top:40px; }

.event-japanmall-2025-mobile .dropdown-menu .dropdown-item { padding:6px 15px;line-height:18px; }
.event-japanmall-2025-mobile .product-list .product-item .name { line-height:19px; }
.event-japanmall-2025-mobile .tieu-de { display:flex; }
.event-japanmall-2025-mobile .tieu-de > img { height:28px;width:auto; }
.event-japanmall-2025-mobile .tieu-de > .h2 { line-height:30px; }
.event-japanmall-2025-mobile .tieu-de-sort .dropdown-outline { text-align: right; }
.event-japanmall-2025-mobile .tieu-de-sort .dropdown { margin-top:10px; }
.event-japanmall-2025-mobile .tieu-de-sort .dropdown > button:focus { box-shadow:none; }
.event-japanmall-2025-mobile .tieu-de-sort .dropdown > button:active { box-shadow:none; }
.event-japanmall-2025-mobile .tieu-de-sort .dropdown > button { border-radius:20px;padding:9px 20px;background:none;box-shadow:none; }
.event-japanmall-2025-mobile .danhmuc { width:100%;margin-top:30px; }
.event-japanmall-2025-mobile .danhmuc .danhmuc-data { width:calc(100% - 10px);margin:0 auto; }
.event-japanmall-2025-mobile .danhmuc .danhmuc-data .item { padding: 0 0 10px 0;text-align:center;border-bottom:2px solid #fff; }
/* b-event8 */
.event-japanmall-2025-mobile .danhmuc .danhmuc-data .item.active { border-bottom:2px solid #634e4e; }
.event-japanmall-2025-mobile .danhmuc .danhmuc-data .item button { border:none;background:transparent;border-radius: unset;outline:none; }
/*cl-event10,sibold600*/
.event-japanmall-2025-mobile .danhmuc .danhmuc-data .item button .text { display:block;margin-top:4px;color:#634e4e;font-weight:600;font-style:normal;font-stretch:normal; }
/*cl-event8,bold700*/
.event-japanmall-2025-mobile .danhmuc .danhmuc-data .item.active button .text { color:#91050b;font-weight:700;font-style:normal;font-stretch:normal; }
.event-japanmall-2025-mobile .danhmuc .danhmuc-data .item span.icon { font-size:25px; }
.event-japanmall-2025-mobile .danhmuc-product { min-height:175px; }
.event-japanmall-2025-mobile .danhmuc-product .xemthem .xemthem-outline { text-align:center;margin-top:10px; }
.event-japanmall-2025-mobile .danhmuc-product .xemthem .xemthem-outline button { border:none;background:none; }
.event-japanmall-2025-mobile .danh-sach .xemthem .xemthem-outline { text-align:center;margin-top:10px; }
.event-japanmall-2025-mobile .danh-sach .xemthem .xemthem-outline button { border:none;background:none; }

.event-japanmall-2025-mobile .danhmuc-product .emptydata { padding-top:40px;display: flex;justify-content:center;line-height:21px; }
.event-japanmall-2025-mobile .danhmuc-product .emptydata img { margin-right:7px; }

.event-japanmall-2025-mobile .banner-1 { height:400px;background-repeat: no-repeat; background-position: center center; }
.event-japanmall-2025-mobile .text-top-1 { margin-top:30px; }
.event-japanmall-2025-mobile .text-top-1 .tieude { line-height:35px;text-align:center; }
.event-japanmall-2025-mobile .text-top-1 .tomtat { line-height:22px;margin-top:10px;text-align:center; }
.event-japanmall-2025-mobile .text-top-1 .tomtat .dong2 { margin-top:10px; }
.event-japanmall-2025-mobile .thuonghieu { margin-top:49px; }
.event-japanmall-2025-mobile .thuonghieu .tieude { line-height:35px;text-align:center; }
.event-japanmall-2025-mobile .thuonghieu .danh-sach { margin-top:20px; }
.event-japanmall-2025-mobile .thuonghieu .danh-sach .item a { text-align:center; }
.event-japanmall-2025-mobile .thuonghieu .danh-sach .item a span { display: block; }
.event-japanmall-2025-mobile .thuonghieu .danh-sach .item a img { height:71px;width:auto; }
.event-japanmall-2025-mobile .flashsale-mobile { margin-top:49px; }
.event-japanmall-2025-mobile .banner-2 { margin-top:50px; }
.event-japanmall-2025-mobile .banner-2 .danhsach .item > img { max-height:400px;border-radius:5px; }
.event-japanmall-2025-mobile .khuyen-mai { margin-top:30px; }
.event-japanmall-2025-mobile .combo-tiet-kiem { margin-top:40px; }
.event-japanmall-2025-mobile .combo-tiet-kiem .danh-sach .item { position:relative;width:100%;height:300px; }
.event-japanmall-2025-mobile .combo-tiet-kiem .danh-sach .item img { width:100%;height:300px; }
.event-japanmall-2025-mobile .combo-tiet-kiem .danh-sach .item .cart-fast { position:absolute;bottom:20px;left:0;width:100%;height:30px;cursor:pointer;background:none;border:none; }
.event-japanmall-2025-mobile .combo-tiet-kiem .danh-sach .item .sapxep-bg { border-radius:20px;position: absolute;width:59px;height:32px;top:26px;left:calc(50% - 30px);opacity:0.8; }
.event-japanmall-2025-mobile .combo-tiet-kiem .danh-sach .item .sapxep { position: absolute;top:31px;left:calc(50% - 30px);width:59px;text-align:center; }
.event-japanmall-2025-mobile .sanphamdanhmuc { margin-top:30px; }
.event-japanmall-2025-mobile .tin-tuc { margin-top:40px;padding-top:20px; }
.event-japanmall-2025-mobile .tin-tuc .tieude { text-align:center; }
.event-japanmall-2025-mobile .tin-tuc .hinh { margin-top:10px; }
.event-japanmall-2025-mobile .tin-tuc .hinh img { border-radius:20px; }
.event-japanmall-2025-mobile .tin-tuc .thoigian { margin-top:10px; }
.event-japanmall-2025-mobile .tin-tuc .noidung-outline .noidung.anchitiet { position: relative; overflow: hidden; height: 300px;}
.event-japanmall-2025-mobile .tin-tuc .noidung-outline .noidung .gradient { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7));}
.event-japanmall-2025-mobile .tin-tuc .noidung-outline .xemthem { margin-top:16px;text-align:center; }
.event-japanmall-2025-mobile .tin-tuc .noidung-outline .xemthem button { border:none;background:none; }
.event-japanmall-2025-mobile .tin-tuc article { line-height:21px; }
.event-japanmall-2025-mobile .tin-tuc article p > img { border-radius:20px; }
.event-japanmall-2025-mobile .tin-tuc .product-blog { border-radius:10px;padding:20px 10px 20px 20px;margin:5px 0; }
.event-japanmall-2025-mobile .tin-tuc .product-blog .product-item { display:flex;justify-content:space-between; }
.event-japanmall-2025-mobile .tin-tuc .product-blog .product-item .info { width:calc(100% - 150px); }
.event-japanmall-2025-mobile .tin-tuc .product-blog .product-item .img { width:125px; }
.event-japanmall-2025-mobile .tin-tuc .product-blog .product-item .img img { width:125px;height:125px; }
.event-japanmall-2025-mobile .tin-tuc .product-blog .product-item .info .price { margin-top:5px; }
.event-japanmall-2025-mobile .tin-tuc .product-blog .product-item .info .sale { text-decoration:line-through;margin-left:7px; }
.event-japanmall-2025-mobile .tin-tuc .product-blog .product-item .info .action { margin-top:25px; }

.event-japanmall-2025-mobile .coupon { margin-top:40px;padding:30px 0; }
.event-japanmall-2025-mobile .coupon .tieude { text-align:center; }
.event-japanmall-2025-mobile .coupon .danh-sach { margin-top:20px; }
.event-japanmall-2025-mobile .coupon .danh-sach .item { width:261px; }
.event-japanmall-2025-mobile .coupon .danh-sach-nen { text-align:center;margin-top:5px; }
.event-japanmall-2025-mobile .cac-lien-ket { padding-bottom:30px; }
.event-japanmall-2025-mobile .cac-lien-ket .logo { padding-top:30px;text-align:center; }
.event-japanmall-2025-mobile .cac-lien-ket .tieude { text-align:center;padding-top:20px;line-height:25px; }
.event-japanmall-2025-mobile .cac-lien-ket .tieude-sub { text-align:center;margin:15px 0;line-height:22px; }
.event-japanmall-2025-mobile .cac-lien-ket .hinh { display:flex;justify-content:center; }
.event-japanmall-2025-mobile .cac-lien-ket .hinh img:first-child { margin-left:0; }
.event-japanmall-2025-mobile .cac-lien-ket .hinh img { margin-left:10px; }
.event-japanmall-2025-mobile .cac-chinh-sach { margin-top:20px; }
.event-japanmall-2025-mobile .cac-chinh-sach .danhsach { display:flex;justify-content:space-between;flex-wrap:wrap; }
.event-japanmall-2025-mobile .cac-chinh-sach .danhsach .item { text-align: center;line-height:20px;width:50%; }
.event-japanmall-2025-mobile .cac-chinh-sach .danhsach .item .img { margin-top: 25px; }
.event-japanmall-2025-mobile .cac-chinh-sach .danhsach .item .name { margin-top: 10px; }
.event-japanmall-2025-mobile .line { background-color:#e6e1e0;font-size:1px;height:1px;line-height:1px; }


/* hamper tet 2025 */
.event-hamper-tet-2025 { background: #FFFEF6;  padding-bottom: 152px;}
.event-hamper-tet-2025 .cl-primary { color: #600605; }
.event-hamper-tet-2025 .cl-secondary { color: #251516; }
.event-hamper-tet-2025 .row { margin-right: 0; margin-left: 0;}
.event-hamper-tet-2025 .header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-top: 8px;}
.event-hamper-tet-2025 .header div { display: flex; column-gap: 56px;}
.event-hamper-tet-2025 .header div a,.event-hamper-tet-2025 .header div span { color: #251516; cursor: pointer;}
.event-hamper-tet-2025 .header div a img,.event-hamper-tet-2025 .header div span img { margin-right: 5px;}
.event-hamper-tet-2025 .seo { text-align: center;}
.event-hamper-tet-2025 .seo .tieude { margin-top: 64px; margin-bottom: 11px;}
.event-hamper-tet-2025.mobile .seo .tieude { margin-top: 30px;}
.event-hamper-tet-2025 .seo div.text { margin-bottom: 72px; margin-top: 5px; line-height: 30px;}
.event-hamper-tet-2025 .intro { margin-bottom: 32px; }
.event-hamper-tet-2025 .intro .column { text-align: center; line-height: 23px;}
.event-hamper-tet-2025 .intro .column .name { margin-top: 11px; margin-bottom: 4px; line-height: 30px;}
.event-hamper-tet-2025 .banner-coupon { margin-top: 31px;}
.event-hamper-tet-2025 .banner-promo { margin-top: 40px;}
.event-hamper-tet-2025 .chitiet-outline .chitiet.anchitiet { position: relative; overflow: hidden; }
.event-hamper-tet-2025 .chitiet-outline .gradient {  position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; background-image: url('/v2/Sources/assets/css/images/event_hamper_tet_2025/radial.png'); background-repeat: no-repeat; background-position: bottom center;}
.event-hamper-tet-2025 .list-hamper .item-hamper { margin-top: 40px; background: linear-gradient(105.23deg, #D0B868 -38.33%, #D5BE70 -1.44%, #F2D9A4 32.29%, #FFF7DD 62.01%, #FFFCEF 102.35%); padding: 45px 39px; border-radius: 20px;}
.event-hamper-tet-2025 .list-hamper.list-hamper-2 .item-hamper {  background: linear-gradient(84.35deg, #FFFCEF -37.02%, #FFF7DD 30.04%, #F2D9A4 70.47%, #D5BE70 122.74%, #D0B868 160.22%);}
.event-hamper-tet-2025 .list-hamper .item-hamper .imgthumb { width: 500px; height: 500px; border-radius: 20px;}
.event-hamper-tet-2025 .list-hamper .item-hamper .info { display: flex; flex-direction: column;}
.event-hamper-tet-2025 .list-hamper .item-hamper .name { line-height: 38px;}
.event-hamper-tet-2025 .list-hamper .item-hamper .barcode { line-height: 21px; margin-top: 4px; display: flex; column-gap: 1px;}
.event-hamper-tet-2025 .list-hamper .item-hamper .price { display: flex; line-height: 21px; align-items: flex-end; column-gap: 12px; white-space: nowrap;}
.event-hamper-tet-2025 .list-hamper .item-hamper .unitprice { color: #BF1D1A;}
.event-hamper-tet-2025 .list-hamper .item-hamper .discount { background: #BF1D1A; padding: 1px 3px; border-radius: 4px; margin-bottom: 2px;}
.event-hamper-tet-2025 .list-hamper .item-hamper .khtt { background: #FFFBF0; border-radius: 20px; padding: 1px 20px; flex-shrink: 0;}
.event-hamper-tet-2025 .list-hamper .item-hamper .khtt img { margin-right: 5px;}
.event-hamper-tet-2025 .list-hamper .item-hamper .detail_list { margin-top: 24px; margin-bottom: 24px;}
.event-hamper-tet-2025 .list-hamper .item-hamper .detail_list .detail_item { margin-bottom: 8px; line-height: 21px; display: flex; align-items: center; column-gap: 7px;}
.event-hamper-tet-2025 .list-hamper .item-hamper .detail_list .detail_item div {  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.event-hamper-tet-2025 .list-hamper .item-hamper button { background: #BF1D1A; border-radius: 31px; padding: 9px 20px; border: none; margin-top: auto; width: fit-content; max-width: 253px; cursor: pointer;}
.event-hamper-tet-2025 .xemthem { cursor: pointer; text-align: center; margin: 32px auto 0;}
.event-hamper-tet-2025 .list-hamper .xemthem { background: #fff; width: 300px; height: 40px; border: 1px solid #E0E3DC; border-radius: 31px; color: #BF1D1A; font-weight: 700; padding: 7px 40px;}
.event-hamper-tet-2025 .blog { text-align: center;}
.event-hamper-tet-2025 .blog div { width: 801px; margin-left: auto; margin-right: auto; line-height: 30px;}
.event-hamper-tet-2025 .blog div.title { margin-top: 17px; margin-bottom: 11px;}
.event-hamper-tet-2025 .partner { margin-top: 145px; margin-bottom: 182px; border-radius: 8px; width: 100%; max-width: 1500px; display: block; margin-left: auto; margin-right: auto;}
.event-hamper-tet-2025 .partner .list { height: 100%; display: flex; column-gap: 39px; justify-content: center; align-items: flex-end;}
.event-hamper-tet-2025 .partner .list .item { background: white; border-radius: 20px 20px 0 0; padding: 19px 20px 0; width: 370px; display: flex; justify-content: space-between;}
.event-hamper-tet-2025 .partner .list .item .number { display: flex;}
.event-hamper-tet-2025 .partner .list .item .plus { padding-top: 3px; padding-left: 1px;}
.event-hamper-tet-2025 .catalog { margin-bottom: 155px;}
.event-hamper-tet-2025 .catalog .text { padding-top: 55px; padding-left: 91px; text-align: center;}
.event-hamper-tet-2025 .catalog form { padding:42px 32px 24px; border-radius:30px; box-shadow: 0px 4px 13px 0px #F3EDD2; max-width:405px; margin-top: -102px;}
.event-hamper-tet-2025 .catalog form .title { text-align:center; line-height: 26px;}
.event-hamper-tet-2025 .catalog form .captcha-input { position: relative;width: 111px; margin-top: 16px; padding-top: 6px; display: flex;justify-content: space-between;}
.event-hamper-tet-2025 .catalog form .captcha-input .image { height: 100%; }
.event-hamper-tet-2025 .catalog form .captcha-input > a { position: absolute; cursor: pointer; right:0; top:10px; }
.event-hamper-tet-2025 .catalog form .input { width:100%; border-radius:20px; position:relative; margin-top:16px; }
.event-hamper-tet-2025 .catalog form .input:has(input:focus),.event-hamper-tet-2025 .catalog form .input:has(textarea:focus) { border-color: #4F3C3E;}
.event-hamper-tet-2025 .catalog form .group:has(.error:not(:empty)) .input { border-color: #F55E50;}
.event-hamper-tet-2025 .catalog form .input img.icon { width:auto; height:auto; position:absolute; left:20px; top:11px; }
.event-hamper-tet-2025 .catalog form .input input,.event-hamper-tet-2025 .catalog form .input textarea { width:100%;padding:10px 5px 10px 48px; border:none; border-radius:20px; }
.event-hamper-tet-2025 .catalog form .input input::placeholder,.event-hamper-tet-2025 .catalog form .input textarea::placeholder { color:#87907d; }
.event-hamper-tet-2025 .catalog form .input-group { column-gap: 11px; display: flex; justify-content: space-between; }
.event-hamper-tet-2025 .catalog form button.btn-dangky { margin-top:29px; padding:9px 13px; width:185px; text-align:center; border:none; border-radius:20px; background: #BF1D1A; display: block; margin-left: auto; margin-right: auto;}
.event-hamper-tet-2025 .catalog form button.btn-dangky img { display: inline;}
.event-hamper-tet-2025 .catalog form button.btn-dangky img.btn-error  { display: none;}
.event-hamper-tet-2025 .catalog form .error { margin-top: 2px; display: flex; align-items: center; padding-left: 8px; column-gap: 4px;}
.event-hamper-tet-2025 .catalog form.haserror button.btn-dangky { background: #EFEFEF; color: #9E9E9E;}
.event-hamper-tet-2025 .catalog form.haserror button.btn-dangky img { display: none;}
.event-hamper-tet-2025 .catalog form.haserror button.btn-dangky img.btn-error { display: inline;}
.event-hamper-tet-2025 .list-hamper .info .gio-hang img,.event-hamper-tet-2025 .catalog form button.btn-dangky img { margin-top: -3px;}
.event-hamper-tet-2025 .news { text-align: center;}
.event-hamper-tet-2025 .news .title { padding-top: 70px; width:800px; margin: 0 auto 34px auto; }
.event-hamper-tet-2025 .news .date { color: #877A7B; width: 673px; margin-left: auto; margin-right: auto; text-align: left; margin-top: 29px; margin-bottom: 21px;}
.event-hamper-tet-2025 .news .noidung { width: 673px; margin-left: auto; margin-right: auto; text-align: left;}
.event-hamper-tet-2025 .footer { margin-top: 66px; text-align: center;}
.event-hamper-tet-2025-action { display:flex; justify-content:center; position:fixed; z-index:9999; bottom:0; left:calc(50% - 133px);border-radius:20px 20px 0 0; box-shadow: 0 0 5px 0 #e0e3dc; }
.event-hamper-tet-2025-action .item { text-align:center; margin-top:12px; margin-bottom:12px; cursor: pointer;}
.event-hamper-tet-2025-action .item .text { margin-top:3px; color: #251516;}
.event-hamper-tet-2025-action .item:hover .text { color: #BF1D1A;}
.event-hamper-tet-2025-action .item.home { margin-left:0; padding-left: 30px; padding-right: 15px;}
.event-hamper-tet-2025-action .item.btn-catalog { padding-left: 15px; padding-right: 15px;}
.event-hamper-tet-2025-action .item.cart { padding-right: 30px; padding-left: 15px;}
.event-hamper-tet-2025-action .item img { width:18px; height:18px; }
.event-hamper-tet-2025-popup-catalog .hachi-modal .modal .modal-dialog { width: 400px;}
.event-hamper-tet-2025-popup-catalog .hachi-modal .modal .modal-dialog .modal-body { padding: 24px;}
.event-hamper-tet-2025-popup-catalog .hachi-modal .modal .modal-dialog .modal-content { border-radius:10px; border: 1px solid #F0FAF2;}
.event-hamper-tet-2025-popup-catalog .hachi-modal .modal .modal-dialog .modal-content .cart-text { display: flex; margin-bottom: 3px;}
.event-hamper-tet-2025-popup-catalog .hachi-modal .modal .modal-dialog .modal-content .cart-text img { width:18px; height:18px; margin-left:auto; margin-top:3px; cursor: pointer;}
.event-hamper-tet-2025-popup-catalog .hachi-modal .modal .modal-dialog .modal-content .msg { line-height: 21px;}
.event-hamper-tet-2025-popup-catalog .hachi-modal .modal .modal-dialog .modal-content a { background: #BF1D1A; border-radius: 20px; padding: 9px 20px; border: none; width: fit-content; max-width: 243px; cursor: pointer; margin-top: 30px; display: block; color: white;}
.event-hamper-tet-2025-popup-catalog .hachi-modal .modal .modal-dialog .modal-content a img { margin-right: 4px; margin-top: -3px;}

.event-hamper-tet-2025.mobile .header { justify-content: center;}
.event-hamper-tet-2025.mobile .header img { height: 36px;}
.event-hamper-tet-2025.mobile .seo h1 { margin-top: 20px;}
.event-hamper-tet-2025.mobile .seo div.text { margin-bottom: 29px; line-height: 22px;}
.event-hamper-tet-2025.mobile .intro { row-gap: 27px;}
.event-hamper-tet-2025.mobile .intro .column { line-height: 21px;}
.event-hamper-tet-2025.mobile .intro .column .name { margin-top: 8px; margin-bottom: 3px;}
.event-hamper-tet-2025.mobile .banner-coupon { margin-top: 40px;}
.event-hamper-tet-2025.mobile .banner-promo { margin-top: 24px;}
.event-hamper-tet-2025.mobile .list-hamper { padding: 0 15px;}
.event-hamper-tet-2025.mobile .list-hamper .item-hamper button { margin-left: auto; margin-right: auto;}
.event-hamper-tet-2025.mobile .list-hamper .item-hamper { padding: 40px 21px; margin-top: 32px;}
.event-hamper-tet-2025.mobile .list-hamper .item-hamper .imgthumb { height: auto; width: 100%;}
.event-hamper-tet-2025.mobile .list-hamper .item-hamper .name { line-height: 22px; margin-top: 15px;}
.event-hamper-tet-2025.mobile .list-hamper .item-hamper .price { flex-wrap: wrap; row-gap: 16px;}
.event-hamper-tet-2025.mobile .list-hamper .item-hamper .detail_list { margin-top: 16px; margin-bottom: 22px;}
.event-hamper-tet-2025.mobile .list-hamper .item-hamper .detail_list .detail_item { line-height: 19px; margin-bottom: 6px;}
.event-hamper-tet-2025.mobile .xemthem { margin: 24px auto 0;}
.event-hamper-tet-2025.mobile .blog { margin-top: 41px;}
.event-hamper-tet-2025.mobile .blog div { padding: 0 22px; width: unset;}
.event-hamper-tet-2025.mobile .partner { margin-top: 38px; margin-bottom: 32px; border-radius: 0;}
.event-hamper-tet-2025.mobile .catalog { padding-bottom: 45px; margin-bottom: 54px; padding-top: 222px;}
.event-hamper-tet-2025.mobile .catalog form { margin: 0 15px; padding: 40px 21px;}
.event-hamper-tet-2025.mobile .news { padding: 0 15px;}
.event-hamper-tet-2025.mobile .news .title { padding: 21px 7px 15px;}
.event-hamper-tet-2025.mobile .news .date { margin-top: 14px; margin-bottom: 18px;}
.event-hamper-tet-2025.mobile .news .noidung { width: unset; font-size: 14px; line-height: 21px;}

@media (max-width: 375px) {
  .event-hamper-tet-2025 .list-hamper .item-hamper { background: linear-gradient(172.44deg, #BBA54B -4.7%, #ECD490 12.85%, #F2D9A4 28.89%, #FFF7DD 43.02%, #FFFCEF 62.2%) !important; }
  .event-hamper-tet-2025-action { bottom: 0; left: 0; width: 100%; justify-content: space-around; }
  body:has(.event-hamper-tet-2025) #scroll-to-top, body:has(.event-hamper-tet-2025) #social-network { bottom: 12%; }
}


.page-header-menu.event1 { width:100%;height:99px; }
.page-header-menu.event1.header-fixed { height:auto;position: fixed;left: 0;top: 0;right: 0;z-index: 9; transition: top 0.3s ease;box-shadow: 0 0 5px 0 #e0e3dc; }
.page-header-menu.event1.header-fixed .page-header { height:auto; }
.page-header-menu.event1.header-fixed .page-header .logo { margin-top:0; }
.page-header-menu.event1.header-fixed .page-header .right .top-icon { margin-top:15px;height:auto; }
.page-header-menu.event1.header-fixed .page-header .right .top-icon.cart { margin-top:7px; }

.event-tra-xanh-2025 .product-list .product-item { width:100%;height:390px; }
.event-tra-xanh-2025 .product-list .product-item .img { margin-top:0;position:relative; }
.event-tra-xanh-2025 .product-list .product-item .img .imgbackground { position:absolute;bottom:3px;right:3px;width:calc(100% - 55px); }
.event-tra-xanh-2025 .product-list .product-item .img .imgbackgroundncc1 { position:absolute;bottom:6px;right:6px;width:180px; }
.event-tra-xanh-2025 .product-list .product-item .img .imgbackgroundncc2 { position:absolute;top:60px;left:10px;height:50%; }
.event-tra-xanh-2025 .product-list .product-item .img .imgbackgroundncc2 > img { width:auto;height:100%; }
.event-tra-xanh-2025 .product-list .product-item .name { margin-top:13px;padding:0 14px; }
.event-tra-xanh-2025 .product-list .product-item .price-sub { padding:0 14px; }
.event-tra-xanh-2025 .product-list .product-item .price { padding:0 14px; }

.event-tra-xanh-2025-mobile .banner-1 { margin-top:66px; }
.event-tra-xanh-2025-mobile .banner-1 img { width:100%; }
.event-tra-xanh-2025-mobile .noidung-1 { margin-top:35px; }
.event-tra-xanh-2025-mobile .noidung-1 .tieu-de { line-height:38px;text-align:center; }
.event-tra-xanh-2025-mobile .noidung-1 .text { margin-top:7px;line-height:22px;text-align:center; }
.event-tra-xanh-2025-mobile .banner-2 { margin-top:40px; }
.event-tra-xanh-2025-mobile .banner-2 > div { text-align:center; }
.event-tra-xanh-2025-mobile .action-2 { margin-top:40px;display:flex;justify-content:center; }
.event-tra-xanh-2025-mobile .action-2 > a { line-height:21px;text-align:center;margin-left:20px; }
.event-tra-xanh-2025-mobile .action-2 > a:first-child { margin-left:0; }
.event-tra-xanh-2025-mobile .action-2 > a > img { height:104px; }
.event-tra-xanh-2025-mobile .action-2 .tra-bot img { width:63px; }
.event-tra-xanh-2025-mobile .action-2 .tra-bot div { text-align:left; }
.event-tra-xanh-2025-mobile .action-2 .tra-la img { width:63px; }
.event-tra-xanh-2025-mobile .action-2 .tra-la div { text-align:left;padding-left:7px; }
.event-tra-xanh-2025-mobile .action-2 .lien-quan img { width:63px; }
.event-tra-xanh-2025-mobile .flashsale-mobile { margin-top:40px; }
.event-tra-xanh-2025-mobile .flashsale-mobile .tieu-de { display: flex; }
.event-tra-xanh-2025-mobile .flashsale-mobile .tieu-de > img { width:35px;height:35px;margin-right:6px; }
.event-tra-xanh-2025-mobile .flashsale-mobile .tieu-de > .h2 { margin-top:7px; }
.event-tra-xanh-2025-mobile .banner-3 { margin-top:50px;text-align:center; }
.event-tra-xanh-2025-mobile .banner-3 img { width:100%; }
.event-tra-xanh-2025-mobile .kham-pha { margin-top:40px; }
.event-tra-xanh-2025-mobile .kham-pha .tieu-de { display: flex;line-height:30px; }
.event-tra-xanh-2025-mobile .kham-pha .tieu-de > img { width:28px;height:32px;margin-right:6px; }
.event-tra-xanh-2025-mobile .kham-pha .video-outline { margin-top:7px; }
.event-tra-xanh-2025-mobile .kham-pha .video-outline .video { display:flex;justify-content:center; }
.event-tra-xanh-2025-mobile .kham-pha .video-outline .video .video-bg { background-repeat:no-repeat;background-size:cover;width:270px;padding:10px 10px;border-radius:10px; }
.event-tra-xanh-2025-mobile .kham-pha .video-outline .video .video-bg > iframe { width:250px;height:444px;border:none;border-radius:10px; }
.event-tra-xanh-2025-mobile .kham-pha .video-outline .danh-sach { margin-top:10px; }
.event-tra-xanh-2025-mobile .kham-pha .video-outline .danh-sach .item { display:flex;justify-content:space-between; width:330px; }
.event-tra-xanh-2025-mobile .kham-pha .video-outline .danh-sach .item .img { width:160px; }
.event-tra-xanh-2025-mobile .kham-pha .video-outline .danh-sach .item .img img { width:160px;height:100px;border-radius:10px; }
.event-tra-xanh-2025-mobile .kham-pha .video-outline .danh-sach .item .txt { width:160px;text-align:left; }
.event-tra-xanh-2025-mobile .kham-pha .video-outline .danh-sach .item button { background:none;border:none; }
.event-tra-xanh-2025-mobile .mua-cang-nhieu { margin-top:40px; }
.event-tra-xanh-2025-mobile .mua-cang-nhieu .tieu-de { display: flex; }
.event-tra-xanh-2025-mobile .mua-cang-nhieu .tieu-de > img { width:39px;height:39px;margin-right:6px; }
.event-tra-xanh-2025-mobile .mua-cang-nhieu .tieu-de > .h2 { margin-top:6px; }
.event-tra-xanh-2025-mobile .mua-cang-nhieu .danh-sach .item { position:relative;width:100%;height:300px; }
.event-tra-xanh-2025-mobile .mua-cang-nhieu .danh-sach .item img { width:100%;height:300px; }
.event-tra-xanh-2025-mobile .mua-cang-nhieu .danh-sach .item .cart-fast { position:absolute;bottom:20px;left:0;width:100%;height:30px;cursor:pointer;background:none;border:none; }
.event-tra-xanh-2025-mobile .mua-cang-nhieu .danh-sach .item .sapxep-bg { border-radius:20px;position: absolute;width:59px;height:32px;top:26px;left:calc(50% - 30px);opacity:0.8; }
.event-tra-xanh-2025-mobile .mua-cang-nhieu .danh-sach .item .sapxep { position: absolute;top:31px;left:calc(50% - 30px);width:59px;text-align:center; }
.event-tra-xanh-2025-mobile .banner-4 { margin-top:40px; }
.event-tra-xanh-2025-mobile .banner-4 .tieu-de { text-align:center; }
.event-tra-xanh-2025-mobile .banner-4 .danh-sach { display:flex;justify-content:center;margin-top: 10px; }
.event-tra-xanh-2025-mobile .banner-4 .danh-sach img { width:243px; }
.event-tra-xanh-2025-mobile .banner-4 .gioi-thieu { margin-top:10px;text-align:center; }
.event-tra-xanh-2025-mobile .banner-5 { margin-top:40px; }
.event-tra-xanh-2025-mobile .banner-5 img { border-radius:12px; }
.event-tra-xanh-2025-mobile .san-pham { margin-top:30px; }
.event-tra-xanh-2025-mobile .san-pham .tieu-de { display: flex;line-height:30px; }
.event-tra-xanh-2025-mobile .san-pham .tieu-de > img { width:39px;height:39px;margin-right:6px; }
.event-tra-xanh-2025-mobile .san-pham .tieu-de > .h2 { margin-top:9px; }
.event-tra-xanh-2025-mobile .san-pham .danh-sach.product-list .product-item.hide { display:none; }
.event-tra-xanh-2025-mobile .san-pham.show .danh-sach.product-list .product-item.hide { display:block; }
.event-tra-xanh-2025-mobile .san-pham .xem-them { text-align:center;margin-top:10px; }
.event-tra-xanh-2025-mobile .san-pham .xem-them button { background:none;border:none; }
.event-tra-xanh-2025-mobile .san-pham.show .xem-them { display:none; }
.event-tra-xanh-2025-mobile .tin-tuc { margin-top:40px; }
.event-tra-xanh-2025-mobile .tin-tuc .danh-sach-outline { margin-top:16px; }
.event-tra-xanh-2025-mobile .tin-tuc .danh-sach-outline .noi-bat .hinh img { border-radius:10px; }
.event-tra-xanh-2025-mobile .tin-tuc .danh-sach-outline .noi-bat .noidung { margin-top:16px; }
.event-tra-xanh-2025-mobile .tin-tuc .danh-sach-outline .noi-bat .noidung > .h3 { line-height:30px; }
.event-tra-xanh-2025-mobile .tin-tuc .danh-sach-outline .noi-bat .noidung .danhmuc { line-height:19px; }
.event-tra-xanh-2025-mobile .tin-tuc .danh-sach-outline .noi-bat .noidung .tomtat { line-height:22px;margin-top:8px; }
.event-tra-xanh-2025-mobile .tin-tuc .danh-sach-outline .danh-sach .item { display:flex;justify-content:space-between;margin-top:32px; }
.event-tra-xanh-2025-mobile .tin-tuc .danh-sach-outline .danh-sach .item .left { width:158px; }
.event-tra-xanh-2025-mobile .tin-tuc .danh-sach-outline .danh-sach .item .left img { width:158px;height:95px;border-radius:8px; }
.event-tra-xanh-2025-mobile .tin-tuc .danh-sach-outline .danh-sach .item .right { width:calc(100% - 168px);line-height:22px; }
.event-tra-xanh-2025-mobile .cam-nhan { margin-top:40px; }
.event-tra-xanh-2025-mobile .cam-nhan .tieu-de { display:flex;justify-content:center; }
.event-tra-xanh-2025-mobile .cam-nhan .tieu-de > img { margin-right:6px;width:40px;height:40px; }
.event-tra-xanh-2025-mobile .cam-nhan .tieu-de > .h2 { line-height:30px;margin-top:7px; }
.event-tra-xanh-2025-mobile .cam-nhan .danh-sach { margin-top:10px; }
/* .event-tra-xanh-2025-mobile .cam-nhan .danh-sach img { width:304px;height:294px; }
.event-tra-xanh-2025-mobile .cam-nhan .danh-sach .item { position: relative;width:304px;height:294px; } */
.event-tra-xanh-2025-mobile .cam-nhan .danh-sach .item { position: relative; }
.event-tra-xanh-2025-mobile .cam-nhan .danh-sach .item .sapxep-bg { border-radius:20px;position: absolute;width:31px;height:18px;top:26px;right:26px;opacity:0.8; }
.event-tra-xanh-2025-mobile .cam-nhan .danh-sach .item .sapxep { position: absolute;top:26px;right:26px;width:31px;text-align:center; }
.event-tra-xanh-2025-mobile .tieu-chi { margin-top:23px;display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:26px;background-repeat: no-repeat; background-size: cover; }
.event-tra-xanh-2025-mobile .tieu-chi .item { margin-top: 26px;text-align: center;line-height:20px;padding: 0 10px;width:50%; }
.event-tra-xanh-2025-mobile .tieu-chi .item .name { margin-top: 7px; }
.event-tra-xanh-2025-mobile .tieu-chi .item .img img { height:70px; }

.event-tra-xanh-2025 .banner-1 { height: 600px;background-repeat: no-repeat; background-position: center center; }
.event-tra-xanh-2025 .noidung-1 { margin-top:40px; }
.event-tra-xanh-2025 .noidung-1 .tieu-de { line-height:51px;text-align:center; }
.event-tra-xanh-2025 .noidung-1 .text { line-height:26px;text-align:center; }
.event-tra-xanh-2025 .banner-2 { margin-top:60px; }
.event-tra-xanh-2025 .banner-2 > div { text-align:center; }
.event-tra-xanh-2025 .action-2 { margin-top:70px;display:flex;justify-content:center; }
.event-tra-xanh-2025 .action-2 > a { line-height:33px;text-align:center;margin-left:110px; }
.event-tra-xanh-2025 .action-2 > a:first-child { margin-left:0; }
.event-tra-xanh-2025 .action-2 > a > img { height:104px; }
.event-tra-xanh-2025 .flashsale { margin-top:90px; }
.event-tra-xanh-2025 .flashsale.type2 .owl-carousel .owl-prev {left: 0;}
.event-tra-xanh-2025 .flashsale.type2 .owl-carousel .owl-next {right: 0;padding-left: 13px;}
.event-tra-xanh-2025 .khuyen-mai { margin-top:60px; }
.event-tra-xanh-2025 .khuyen-mai .tieu-de { display: flex; }
.event-tra-xanh-2025 .khuyen-mai .tieu-de > img { width:39px;height:39px;margin-right:6px; }
.event-tra-xanh-2025 .khuyen-mai .danh-sach .product-list .product-item { width:274px;height:390px; }
.event-tra-xanh-2025 .banner-3 { margin-top:40px;text-align:center; }
.event-tra-xanh-2025 .kham-pha { margin-top:80px; }
.event-tra-xanh-2025 .kham-pha .tieu-de { display: flex; }
.event-tra-xanh-2025 .kham-pha .tieu-de > img { width:39px;height:39px;margin-right:6px; }
.event-tra-xanh-2025 .kham-pha .video-outline { display:flex;justify-content:space-between; }
.event-tra-xanh-2025 .kham-pha .video-outline .video { width:580px; }
/* .event-tra-xanh-2025 .kham-pha .video-outline .video .video-bg { margin-top:10px;background-repeat:no-repeat;background-size:cover;width:500px;padding:15px 15px;border-radius:20px; }
.event-tra-xanh-2025 .kham-pha .video-outline .video .video-bg > iframe { border:none;border-radius:20px;width:470px;height:835px; } */
.event-tra-xanh-2025 .kham-pha .video-outline .video .video-bg { margin-top:10px;background-repeat:no-repeat;background-size:cover;width:580px;padding:15px 15px;border-radius:20px;display:flex;justify-content:center; }
.event-tra-xanh-2025 .kham-pha .video-outline .video .video-bg > iframe { border:none;border-radius:20px;width:345px;height:613px; }
.event-tra-xanh-2025 .kham-pha .video-outline .danh-sach { width:520px; }
.event-tra-xanh-2025 .kham-pha .video-outline .danh-sach .item { display:flex;justify-content:space-between;margin-top:8px;padding:5px 1px; }
/* .b-gregray40 */
.event-tra-xanh-2025 .kham-pha .video-outline .danh-sach .item.active { border-radius:10px;background:#f4f6f1; }
.event-tra-xanh-2025 .kham-pha .video-outline .danh-sach .item .img { width:160px; }
.event-tra-xanh-2025 .kham-pha .video-outline .danh-sach .item .img img { width:140px;height:90px;border-radius:10px; }
.event-tra-xanh-2025 .kham-pha .video-outline .danh-sach .item .txt { width:calc(100% - 170px);text-align:left; }
.event-tra-xanh-2025 .kham-pha .video-outline .danh-sach .item button { background:none;border:none; }
.event-tra-xanh-2025 .mua-cang-nhieu { margin-top:80px; }
.event-tra-xanh-2025 .mua-cang-nhieu .tieu-de { display: flex; }
.event-tra-xanh-2025 .mua-cang-nhieu .tieu-de > img { width:39px;height:39px;margin-right:6px; }
.event-tra-xanh-2025 .mua-cang-nhieu .danh-sach .item { position:relative;width:100%; }
.event-tra-xanh-2025 .mua-cang-nhieu .danh-sach .item .cart-fast { position:absolute;bottom:50px;left:0;width:100%;height:100px;cursor:pointer;background:none;border:none; }
.event-tra-xanh-2025 .mua-cang-nhieu .danh-sach .item .sapxep-bg { border-radius:20px;position: absolute;width:59px;height:32px;top:26px;left:calc(50% - 30px);opacity:0.8; }
.event-tra-xanh-2025 .mua-cang-nhieu .danh-sach .item .sapxep { position: absolute;top:31px;left:calc(50% - 30px);width:59px;text-align:center; }
.event-tra-xanh-2025 .san-pham { margin-top:60px; }
.event-tra-xanh-2025 .san-pham .tieu-de { display: flex; }
.event-tra-xanh-2025 .san-pham .tieu-de > img { width:39px;height:39px;margin-right:6px; }
.event-tra-xanh-2025 .san-pham .tieu-de > h2 { margin-top:6px; }
.event-tra-xanh-2025 .san-pham .danh-sach.product-list .col-lg-3.hide { display:none; }
.event-tra-xanh-2025 .san-pham.show .danh-sach.product-list .col-lg-3.hide { display:block; }
.event-tra-xanh-2025 .san-pham .xem-them { text-align:center;margin-top:20px; }
.event-tra-xanh-2025 .san-pham .xem-them button { background:none;border:none; }
.event-tra-xanh-2025 .san-pham.show .xem-them { display:none; }
.event-tra-xanh-2025 .banner-5 { margin-top:100px; }
.event-tra-xanh-2025 .banner-5 img { border-radius:40px; }
.event-tra-xanh-2025 .tin-tuc { margin-top:100px; }
.event-tra-xanh-2025 .tin-tuc .danh-sach-outline { display:flex;justify-content:space-between;margin-top:16px; }
.event-tra-xanh-2025 .tin-tuc .danh-sach-outline .noi-bat { width:769px; }
.event-tra-xanh-2025 .tin-tuc .danh-sach-outline .danh-sach { width:357px; }
.event-tra-xanh-2025 .tin-tuc .danh-sach-outline .noi-bat .hinh img { border-radius:20px; }
.event-tra-xanh-2025 .tin-tuc .danh-sach-outline .noi-bat .noidung { margin-top:16px; }
.event-tra-xanh-2025 .tin-tuc .danh-sach-outline .noi-bat .noidung > h3 { line-height:35px; }
.event-tra-xanh-2025 .tin-tuc .danh-sach-outline .noi-bat .noidung .danhmuc { line-height:19px; }
.event-tra-xanh-2025 .tin-tuc .danh-sach-outline .noi-bat .noidung .tomtat { line-height:22px;margin-top:8px; }
.event-tra-xanh-2025 .tin-tuc .danh-sach-outline .danh-sach .item { display:flex;justify-content:space-between;margin-top:28px; }
.event-tra-xanh-2025 .tin-tuc .danh-sach-outline .danh-sach .item:first-child { margin-top:0; }
.event-tra-xanh-2025 .tin-tuc .danh-sach-outline .danh-sach .item .left { width:121px; }
.event-tra-xanh-2025 .tin-tuc .danh-sach-outline .danh-sach .item .left img { width:121px;height:75px;border-radius:10px; }
.event-tra-xanh-2025 .tin-tuc .danh-sach-outline .danh-sach .item .right { width:211px;line-height:22px; }
.event-tra-xanh-2025 .cam-nhan { margin-top:60px; }
.event-tra-xanh-2025 .cam-nhan .tieu-de { display:flex;justify-content:center; }
.event-tra-xanh-2025 .cam-nhan .tieu-de > img { margin-right:6px;width:90px;height:90px; }
.event-tra-xanh-2025 .cam-nhan .tieu-de > h2 { margin-top:44px; }
.event-tra-xanh-2025 .cam-nhan .danh-sach { margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:row; }
.event-tra-xanh-2025 .cam-nhan .danh-sach img { width:375px;height:362px; }
.event-tra-xanh-2025 .banner-last { margin-top:50px;height:165px;border-radius: 10px; }
.event-tra-xanh-2025 .banner-last > div { text-align: center;line-height:20px; }
.event-tra-xanh-2025 .banner-last > div:first-child { margin-left:60px; }
.event-tra-xanh-2025 .banner-last > div:last-child { margin-right:60px; }
.event-tra-xanh-2025 .banner-last .img { margin-top: 25px; }
.event-tra-xanh-2025 .banner-last .name { margin-top: 10px; }
.event-tra-xanh-2025 .banner-4 { margin-top:60px; }
.event-tra-xanh-2025 .banner-4 .tieu-de { text-align:center; }
.event-tra-xanh-2025 .banner-4 .danh-sach { margin-top: 20px; }
.event-tra-xanh-2025 .banner-4 .danh-sach img { width:380px; }
.event-tra-xanh-2025 .banner-4 .gioi-thieu { margin-top:20px;text-align:center; }


.cl-blue400,a.cl-blue400:hover,.cl-blue400 > a,.cl-blue400 > a:hover {color:#0d55c8;}
.cl-blue650,a.cl-blue650:hover,.cl-blue650 > a,.cl-blue650 > a:hover {color:#0f4191;}
.cl-blue900,a.cl-blue900:hover,.cl-blue900 > a,.cl-blue900 > a:hover {color:#0d2042;}

.event-kenkogen-2025 .product-list .product-item { width:100%;height:380px; }
.event-kenkogen-2025 .banner-1 { height: 600px;background-repeat: no-repeat; background-position: center center; }
.event-kenkogen-2025 .banner-2 { height: 570px;background-repeat: no-repeat; background-position: center bottom;text-align:center; }
.event-kenkogen-2025 .banner-2 .tieu-de { line-height:51px;padding-top:80px; }
.event-kenkogen-2025 .banner-2 .noi-dung { line-height:26px; }
.event-kenkogen-2025 .banner-2 .noi-dung > div { margin-top:12px; }
.event-kenkogen-2025 .banner-3 { height:431px;text-align:center;background-repeat: no-repeat;background-size:contain; background-position: center center;margin-top:68px; }
.event-kenkogen-2025 .banner-3 .tieu-de-top { width:640px;padding-top:50px; }
.event-kenkogen-2025 .banner-3 .tieu-de { line-height:51px;width:640px; }
.event-kenkogen-2025 .banner-3 .noi-dung { line-height:26px;width:640px; }
.event-kenkogen-2025 .banner-4 { height:656px;background-repeat: no-repeat;background-size:contain; background-position: center center;margin-top:65px;display:flex;justify-content:space-between; }
.event-kenkogen-2025 .banner-4 > div.right { width:490px;margin-right:30px; }
.event-kenkogen-2025 .banner-4 .tieu-de { line-height:42px;padding-top:80px;text-align:center; }
.event-kenkogen-2025 .banner-4 .noi-dung { line-height:26px;text-align:center; }
.event-kenkogen-2025 .banner-4 .noi-dung .dong { display:flex;margin-top:16px; }
.event-kenkogen-2025 .banner-4 .noi-dung .dong:first-child { margin-top:30px; }
.event-kenkogen-2025 .banner-5 { margin-top:82px; }
.event-kenkogen-2025 .banner-6 img { border-radius:40px; }
.event-kenkogen-2025 .data-6 { margin-top:111px;text-align:center; }
.event-kenkogen-2025 .data-6 .tieu-de { line-height:51px; }
.event-kenkogen-2025 .data-6 .noi-dung { line-height:26px; }
.event-kenkogen-2025 .data-6 .noi-dung > div { margin-top:9px; }
/* b-green100 */
.event-kenkogen-2025 .data-6 .noi-dung .underline { text-decoration:underline;text-decoration-color:#baff2d;text-decoration-thickness:6px; }
.event-kenkogen-2025 .khuyen-mai { margin-top:70px;background-repeat: no-repeat;background-position: center center;padding:40px 0; }
.event-kenkogen-2025 .khuyen-mai .tieu-de { display:flex;padding-bottom:10px; }
/* b-green100 */
.event-kenkogen-2025 .khuyen-mai .tieu-de .underline { text-decoration:underline;text-decoration-color:#e9fcc2;text-decoration-thickness:6px; }
.event-kenkogen-2025 .combo { margin-top:68px; }
.event-kenkogen-2025 .combo .tieu-de { display:flex;padding-bottom:10px; }
.event-kenkogen-2025 .combo .tieu-de > h2 { margin-top:5px;margin-left:10px; }
.event-kenkogen-2025 .ecoupon { margin-top:56px;position: relative; }
.event-kenkogen-2025 .ecoupon .tieu-de { text-align:center; }
.event-kenkogen-2025 .ecoupon .danh-sach-nen { text-align:center;position:absolute;bottom:10px;width:100%;z-index:10; }
.event-kenkogen-2025 .ecoupon .danh-sach.owl-carousel { margin-top:20px; }
.event-kenkogen-2025 .ecoupon .danh-sach.owl-carousel .item { border-radius:20px; }
.event-kenkogen-2025 .banner-7 { margin-top:121px; }
.event-kenkogen-2025 .comment { margin-top:111px; }
.event-kenkogen-2025 .comment .tieu-de { text-align:center; }
.event-kenkogen-2025 .banner-8 { margin-top:72px; }
.event-kenkogen-2025 .banner-9 { margin-top:74px; }
.event-kenkogen-2025 .banner-9 .tieu-de { margin-top:12px; }
.event-kenkogen-2025 .banner-9 .danh-sach.owl-carousel { margin-top:12px; }
.event-kenkogen-2025 .banner-9 .danh-sach.owl-carousel .item { width:370px; }
.event-kenkogen-2025 .kham-pha { margin-top:107px; }
.event-kenkogen-2025 .kham-pha .tieu-de { display:flex; }
.event-kenkogen-2025 .kham-pha .tieu-de > img { width:39px;height:39px;margin-right:6px; }
.event-kenkogen-2025 .kham-pha .tieu-de > h2 { margin-top:3px;margin-left:10px; }
.event-kenkogen-2025 .kham-pha .video-outline { display:flex;justify-content:space-between; }
.event-kenkogen-2025 .kham-pha .video-outline .video { width:580px; }
.event-kenkogen-2025 .kham-pha .video-outline .video .video-bg { margin-top:10px;background:#f2f4f8;background-repeat:no-repeat;background-size:cover;width:580px;padding:15px 15px;border-radius:20px;display:flex;justify-content:center; }
.event-kenkogen-2025 .kham-pha .video-outline .video .video-bg > iframe { border:none;border-radius:20px;width:345px;height:613px; }
.event-kenkogen-2025 .kham-pha .video-outline .danh-sach { width:520px;display:flex;align-items:center;flex-wrap:wrap; }
.event-kenkogen-2025 .kham-pha .video-outline .danh-sach .item { display:flex;justify-content:space-between;margin-top:8px;padding:5px 1px;width:100%; }
.event-kenkogen-2025 .kham-pha .video-outline .danh-sach .item.active { border-radius:10px;background:#ebeef9; }
.event-kenkogen-2025 .kham-pha .video-outline .danh-sach .item .img { width:160px; }
.event-kenkogen-2025 .kham-pha .video-outline .danh-sach .item .img img { width:140px;height:90px;border-radius:10px; }
.event-kenkogen-2025 .kham-pha .video-outline .danh-sach .item .txt { width:calc(100% - 170px);text-align:left; }
.event-kenkogen-2025 .kham-pha .video-outline .danh-sach .item button { background:none;border:none; }
.event-kenkogen-2025 .cau-hoi { margin-top:79px;display: flex;justify-content:center;flex-wrap: wrap; }
.event-kenkogen-2025 .cau-hoi .tieu-de { width:782px; }
.event-kenkogen-2025 .cau-hoi .tieu-de > img { border-radius:20px; }
.event-kenkogen-2025 .cau-hoi .danh-sach { width:782px; }
.event-kenkogen-2025 .cau-hoi .danh-sach .item { margin-top:20px; }
.event-kenkogen-2025 .cau-hoi .danh-sach .item:first-child { margin-top:23px; }
/* cl-blue900 */
.event-kenkogen-2025 .cau-hoi .danh-sach .item button { color:#0d2042;width:100%;display:flex;justify-content:space-between;background:none;border:none;padding:0;line-height:29px; }
.event-kenkogen-2025 .cau-hoi .danh-sach .item button img { width:19px;height:19px; }
.event-kenkogen-2025 .cau-hoi .danh-sach .item button img.show { display:block; }
.event-kenkogen-2025 .cau-hoi .danh-sach .item button img.hide { display:none; }
.event-kenkogen-2025 .cau-hoi .danh-sach .item.show button img.show { display:none; }
.event-kenkogen-2025 .cau-hoi .danh-sach .item.show button img.hide { display:block; }
/* cl-blue400 */
.event-kenkogen-2025 .cau-hoi .danh-sach .item.show button { color:#0d55c8; }
.event-kenkogen-2025 .cau-hoi .danh-sach .item .summary { display:none;line-height:29px;margin-top:15px; }
.event-kenkogen-2025 .cau-hoi .danh-sach .item.show .summary { display:block; }
.event-kenkogen-2025 .mua-cang-nhieu { margin-top:57px; }
.event-kenkogen-2025 .mua-cang-nhieu .tieu-de { display: flex; }
.event-kenkogen-2025 .mua-cang-nhieu .tieu-de > img { width:39px;height:39px;margin-right:6px; }
.event-kenkogen-2025 .mua-cang-nhieu .danh-sach .item { position:relative;width:100%; }
.event-kenkogen-2025 .mua-cang-nhieu .danh-sach .item .cart-fast { position:absolute;bottom:80px;left:0;width:100%;height:100px;cursor:pointer;background:none;border:none; }
.event-kenkogen-2025 .mua-cang-nhieu .danh-sach .item .sapxep-bg { border-radius:20px;position: absolute;width:59px;height:32px;top:26px;left:calc(50% - 30px);opacity:0.8; }
.event-kenkogen-2025 .mua-cang-nhieu .danh-sach .item .sapxep { position: absolute;top:31px;left:calc(50% - 30px);width:59px;text-align:center; }

.event-kenkogen-2025-mobile .banner-1 { margin-top:66px; }
.event-kenkogen-2025-mobile .banner-1 img { width:100%; }
.event-kenkogen-2025-mobile .banner-2 { height: 540px;background-repeat: no-repeat; background-position: center bottom;text-align:center; }
.event-kenkogen-2025-mobile .banner-2 .tieu-de { line-height:26px;padding-top:30px;width:90%;margin:0 auto; }
.event-kenkogen-2025-mobile .banner-2 .noi-dung { line-height:22px;padding:0 8px;text-align:left;}
.event-kenkogen-2025-mobile .banner-2 .noi-dung .dong { display:flex;margin-top:16px; }
.event-kenkogen-2025-mobile .banner-3 { height:614px;text-align:center;background-repeat: no-repeat;background-size:cover;background-position: center bottom;margin-top:22px;border-radius:16px; }
.event-kenkogen-2025-mobile .banner-3 .tieu-de { line-height:26px;padding-top:16px; }
.event-kenkogen-2025-mobile .banner-3 .noi-dung { line-height:22px;padding:0 8px;text-align:left; }
.event-kenkogen-2025-mobile .banner-3 .noi-dung .dong { display:flex;margin-top:8px; }
.event-kenkogen-2025-mobile .banner-4 { height:760px;background-repeat: no-repeat;background-size:cover;background-position: center center;margin-top:22px;border-radius:20px; }
.event-kenkogen-2025-mobile .banner-4 .tieu-de { line-height:26px;padding-top:25px;text-align:center;width:90%;margin:0 auto; }
.event-kenkogen-2025-mobile .banner-4 .noi-dung { line-height:26px;text-align:left;width:90%;margin:0 auto; }
.event-kenkogen-2025-mobile .banner-4 .noi-dung > div { margin-top:15px; }
.event-kenkogen-2025-mobile .banner-5 { margin-top:22px; }
.event-kenkogen-2025-mobile .data-6 { margin-top:40px;text-align:center; }
.event-kenkogen-2025-mobile .data-6 .tieu-de { line-height:26px; }
.event-kenkogen-2025-mobile .data-6 .noi-dung { line-height:26px; }
.event-kenkogen-2025-mobile .data-6 .noi-dung > div { margin-top:9px; }
.event-kenkogen-2025-mobile .data-6 .noi-dung .underline { text-decoration:underline;text-decoration-color:#baff2d;text-decoration-thickness:3px; }
.event-kenkogen-2025-mobile .khuyen-mai { margin-top:40px;background-repeat: no-repeat;background-size:cover;background-position: center center;padding:20px 0; }
.event-kenkogen-2025-mobile .khuyen-mai .tieu-de { display:flex; }
.event-kenkogen-2025-mobile .khuyen-mai .tieu-de > img { width:33px; }
.event-kenkogen-2025-mobile .khuyen-mai .tieu-de > div { padding-left:5px; }
.event-kenkogen-2025-mobile .combo { margin-top:40px; }
.event-kenkogen-2025-mobile .combo .tieu-de { display:flex; }
.event-kenkogen-2025-mobile .combo .tieu-de > img { width:28px; }
.event-kenkogen-2025-mobile .combo .tieu-de > div { padding-left:5px; }
.event-kenkogen-2025-mobile .combo .product-list.owl-carousel .product-item { width:180px; }
.event-kenkogen-2025-mobile .ecoupon { margin-top:34px;position: relative; }
.event-kenkogen-2025-mobile .ecoupon .tieu-de { text-align:center; }
.event-kenkogen-2025-mobile .ecoupon .danh-sach { margin-top:32px; }
.event-kenkogen-2025-mobile .ecoupon .danh-sach .item { width:173px;height:144px; }
.event-kenkogen-2025-mobile .ecoupon .danh-sach-nen { text-align:center;position:absolute;bottom:10px;width:100%;z-index:10; }
.event-kenkogen-2025-mobile .banner-7 { margin-top:22px; }
.event-kenkogen-2025-mobile .mua-cang-nhieu { margin-top:50px; }
.event-kenkogen-2025-mobile .mua-cang-nhieu .tieu-de { display: flex; }
.event-kenkogen-2025-mobile .mua-cang-nhieu .tieu-de > img { width:39px;height:39px;margin-right:6px; }
.event-kenkogen-2025-mobile .mua-cang-nhieu .danh-sach .item { position:relative;width:100%; }
.event-kenkogen-2025-mobile .mua-cang-nhieu .danh-sach .item .cart-fast { position:absolute;bottom:80px;left:0;width:100%;height:100px;cursor:pointer;background:none;border:none; }
.event-kenkogen-2025-mobile .mua-cang-nhieu .danh-sach .item .sapxep-bg { border-radius:20px;position: absolute;width:59px;height:32px;top:26px;left:calc(50% - 30px);opacity:0.8; }
.event-kenkogen-2025-mobile .mua-cang-nhieu .danh-sach .item .sapxep { position: absolute;top:31px;left:calc(50% - 30px);width:59px;text-align:center; }
.event-kenkogen-2025-mobile .comment { margin-top:50px; }
.event-kenkogen-2025-mobile .comment .tieu-de { text-align:center; }
.event-kenkogen-2025-mobile .comment .danh-sach .item { width:350px;height:359px; }
.event-kenkogen-2025-mobile .comment .danh-sach .item .sapxep-bg { border-radius:20px;position: absolute;width:59px;height:32px;top:26px;right:30px;opacity:0.8; }
.event-kenkogen-2025-mobile .comment .danh-sach .item .sapxep { position: absolute;top:31px;right:30px;width:59px;text-align:center; }
.event-kenkogen-2025-mobile .banner-8 { margin-top:22px; }
.event-kenkogen-2025-mobile .kham-pha { margin-top:40px; }
.event-kenkogen-2025-mobile .kham-pha .tieu-de { display: flex;line-height:26px; }
.event-kenkogen-2025-mobile .kham-pha .tieu-de > img { width:28px;height:32px; }
.event-kenkogen-2025-mobile .kham-pha .tieu-de > div { padding-left:11px; }
.event-kenkogen-2025-mobile .kham-pha .video-outline { margin-top:7px; }
.event-kenkogen-2025-mobile .kham-pha .video-outline .video { display:flex;justify-content:center; }
.event-kenkogen-2025-mobile .kham-pha .video-outline .video .video-bg { background:#f2f4f8;background-repeat:no-repeat;background-size:cover;width:270px;padding:10px 10px;border-radius:10px; }
.event-kenkogen-2025-mobile .kham-pha .video-outline .video .video-bg > iframe { width:250px;height:444px;border:none;border-radius:10px; }
.event-kenkogen-2025-mobile .kham-pha .video-outline .danh-sach { margin-top:10px; }
.event-kenkogen-2025-mobile .kham-pha .video-outline .danh-sach .item { display:flex;justify-content:space-between; width:290px;border-radius:6px;padding:8px 8px; }
.event-kenkogen-2025-mobile .kham-pha .video-outline .danh-sach .item.active { background:#ebeef9; }
.event-kenkogen-2025-mobile .kham-pha .video-outline .danh-sach .item .img { width:109px; }
.event-kenkogen-2025-mobile .kham-pha .video-outline .danh-sach .item .img img { width:109px;height:73px;border-radius:6px; }
.event-kenkogen-2025-mobile .kham-pha .video-outline .danh-sach .item .txt { width:calc(100% - 120px);text-align:left; }
.event-kenkogen-2025-mobile .kham-pha .video-outline .danh-sach .item button { background:none;border:none;padding:0;margin:0; }
.event-kenkogen-2025-mobile .cau-hoi { margin-top:50px; }
.event-kenkogen-2025-mobile .cau-hoi .tieu-de > img { border-radius:8px; }
.event-kenkogen-2025-mobile .cau-hoi .danh-sach .item { margin-top:20px; }
.event-kenkogen-2025-mobile .cau-hoi .danh-sach .item:first-child { margin-top:33px; }
/* cl-blue900 */
.event-kenkogen-2025-mobile .cau-hoi .danh-sach .item button { color:#0d2042;width:100%;display:flex;justify-content:space-between;background:none;border:none;padding:0;line-height:22px; }
.event-kenkogen-2025-mobile .cau-hoi .danh-sach .item button span { text-align: left;padding-right:5px; }
.event-kenkogen-2025-mobile .cau-hoi .danh-sach .item button img { width:16px;height:16px; }
.event-kenkogen-2025-mobile .cau-hoi .danh-sach .item button img.show { display:block; }
.event-kenkogen-2025-mobile .cau-hoi .danh-sach .item button img.hide { display:none; }
.event-kenkogen-2025-mobile .cau-hoi .danh-sach .item.show button img.show { display:none; }
.event-kenkogen-2025-mobile .cau-hoi .danh-sach .item.show button img.hide { display:block; }
/* cl-blue400 */
.event-kenkogen-2025-mobile .cau-hoi .danh-sach .item.show button { color:#0d55c8; }
.event-kenkogen-2025-mobile .cau-hoi .danh-sach .item .summary { display:none;line-height:21px;margin-top:10px; }
.event-kenkogen-2025-mobile .cau-hoi .danh-sach .item.show .summary { display:block; }

.event-kenkogen-2025-mobile .banner-9 { margin-top:40px; }
.event-kenkogen-2025-mobile .banner-9 .tieu-de { display: flex;line-height:26px; }
.event-kenkogen-2025-mobile .banner-9 .tieu-de > img { width:28px; }
.event-kenkogen-2025-mobile .banner-9 .tieu-de > div { padding-left:11px; }
.event-kenkogen-2025-mobile .banner-9 .danh-sach { margin:30px auto 0 auto;width:calc(100% - 30px); }
.event-kenkogen-2025-mobile .mobile-outline .banner-9 .danh-sach.owl-carousel .owl-prev { left: -30px; }
.event-kenkogen-2025-mobile .mobile-outline .banner-9 .danh-sach.owl-carousel .owl-next {right: -30px;}
.event-kenkogen-2025-mobile .banner-9 .danh-sach .item { width:380px;height:490px; }

.event-kenkogen-2025-mobile .mobile-outline .owl-carousel .owl-stage-outer {z-index: 1;}
.event-kenkogen-2025-mobile .mobile-outline .owl-carousel .owl-nav { margin: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: space-between; }
.event-kenkogen-2025-mobile .mobile-outline .owl-carousel .owl-nav.disabled { display: none;}
.event-kenkogen-2025-mobile .mobile-outline .owl-carousel .owl-nav .owl-next, .event-kenkogen-2025-mobile .mobile-outline .owl-carousel .owl-nav .owl-prev,
.event-kenkogen-2025 .page-outline .owl-carousel .owl-nav .owl-next, .event-kenkogen-2025 .page-outline .owl-carousel .owl-nav .owl-prev 
{ top: 42%; z-index: 1; width: 40px; height: 40px; background: none;border: none; }
.event-kenkogen-2025-mobile .mobile-outline .owl-carousel .owl-prev,.event-kenkogen-2025-mobile .mobile-outline .owl-carousel .owl-next,
.event-kenkogen-2025 .page-outline .owl-carousel .owl-prev, .event-kenkogen-2025 .page-outline .owl-carousel .owl-next 
{ visibility: unset;border-radius:0; position: absolute; top: 45%; padding: 0; background: none;border: none;}
.event-kenkogen-2025-mobile .mobile-outline .owl-carousel .owl-nav .owl-next img, .event-kenkogen-2025-mobile .mobile-outline .owl-carousel .owl-nav .owl-prev img,
.event-kenkogen-2025 .page-outline .owl-carousel .owl-nav .owl-next img, .event-kenkogen-2025 .page-outline .owl-carousel .owl-nav .owl-prev img 
{ width:40px;height:40px;}
.event-kenkogen-2025-mobile .mobile-outline .owl-carousel .owl-prev, .event-kenkogen-2025 .page-outline .owl-carousel .owl-prev {left: -20px;}
.event-kenkogen-2025-mobile .mobile-outline .owl-carousel .owl-next, .event-kenkogen-2025 .page-outline .owl-carousel .owl-next {right: -20px;}
.event-kenkogen-2025-mobile .mobile-outline .owl-carousel .owl-prev:hover,.event-kenkogen-2025-mobile .mobile-outline .owl-carousel .owl-next:hover,
.event-kenkogen-2025 .page-outline .owl-carousel .owl-prev:hover,.event-kenkogen-2025 .page-outline .owl-carousel .owl-next:hover 
{ background: none;}
.event-kenkogen-2025-mobile .mobile-outline .owl-carousel:hover .owl-next,.event-kenkogen-2025-mobile .mobile-outline .owl-carousel:hover .owl-prev,
.event-kenkogen-2025 .page-outline .owl-carousel:hover .owl-next,.event-kenkogen-2025 .page-outline .owl-carousel:hover .owl-prev 
{ visibility: unset; }


/* #region event-hamper-tet-2026 ------------------------------- */

.event-hamper-tet-2026-action { display:flex;justify-content:center;position:fixed;z-index:9999;bottom:0;left:calc(50% - 200px);width:400px;border-radius:20px 20px 0 0;box-shadow: 0 0 5px 0 #e0e3dc; }
.event-hamper-tet-2026-action .item { text-align:center;margin-top:12px;margin-bottom:12px;margin-left:20px; }
.event-hamper-tet-2026-action .item:first-child { margin-left:0; }
.event-hamper-tet-2026-action .item .text { margin-top:3px; }
.event-hamper-tet-2026-action .item img { width:22px;height:22px; }
.event-hamper-tet-2026 .event-hamper-tet-2026-action { background-repeat:no-repeat;background-size:cover;bottom:10px;background-position:center -11px;height:72px;width:400px;border-radius:0;box-shadow:none; }
.event-hamper-tet-2026-mobile .event-hamper-tet-2026-action { background-repeat:no-repeat;background-size:cover;background-position:center -14px;border-radius:0;box-shadow:none; }


.event-hamper-tet-2026 { background-color:#fffef6;overflow-x:hidden; }
.event-hamper-tet-2026 .banner-1 { height:700px;background-repeat: no-repeat; background-position: center center; }
.event-hamper-tet-2026 .banner-1 .outline { display:flex;justify-content:space-between; }
.event-hamper-tet-2026 .banner-1 .outline .left { margin-top:15px; }
.event-hamper-tet-2026 .banner-1 .outline .right { margin-top:50px;display:flex; }
.event-hamper-tet-2026 .banner-1 .outline .right .home { margin-right:10px; }
.event-hamper-tet-2026 .banner-1 .outline .right a { line-height:21px; }
.event-hamper-tet-2026 .banner-1 .outline .right .taifile { display:flex; }
.event-hamper-tet-2026 .banner-1 .outline .right .taifile img { height:18px; }
.event-hamper-tet-2026 .text-top-1 .tieude { line-height:53px;text-align: center;margin-top:64px; }
.event-hamper-tet-2026 .text-top-1 .tomtat { text-align: center; }
.event-hamper-tet-2026 .text-top-1 .tomtat .dong1 { margin-top:10px;line-height:35px; }
.event-hamper-tet-2026 .text-top-1 .tomtat .dong2 { margin-top:3px;line-height:30px; }
.event-hamper-tet-2026 .chip-1 { display:flex;justify-content:center;margin-top:90px; }
.event-hamper-tet-2026 .chip-1 .item { text-align: center;margin-left:70px; }
.event-hamper-tet-2026 .chip-1 .item:first-child { margin-left:0; }
.event-hamper-tet-2026 .chip-1 .item .hinh > img { height:99px; }
.event-hamper-tet-2026 .chip-1 .item .dong-1 { margin-top:15px;line-height:30px; }
.event-hamper-tet-2026 .chip-1 .item .dong-2 { margin-top:4px;line-height:23px; }
.event-hamper-tet-2026 .banner-2 > img { margin-top:90px;border-radius:20px; }
.event-hamper-tet-2026 .product-loai .danhsach .item { background-repeat: no-repeat; background-position: center center;margin-top:40px;border-radius:20px;height:560px;padding:30px 30px;display:flex;justify-content:space-between; }
.event-hamper-tet-2026 .product-loai .danhsach .item.big { height:660px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .left { width:500px; }
.event-hamper-tet-2026 .product-loai .danhsach .item.big .left { display:flex;align-items:center;flex-wrap:wrap; }
.event-hamper-tet-2026 .product-loai .danhsach .item .left img { width:500px;height:500px;border-radius:20px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right { width:calc(100% - 570px);display:flex;align-items:center;flex-wrap:wrap; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .ProductName { line-height:38px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .Barcode { line-height:21px;margin-top:2px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .Price { display:flex;margin-top:2px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .Price .khuyenmai { line-height:30px;margin-right:12px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .Price .base { line-height:30px;text-decoration:line-through;margin-right:12px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .Price .percent { border-radius:4px;padding:2px 4px;line-height:21px;display:inline-block;height:25px;margin-top:3px;margin-right:12px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .Price .khtt { border-radius:20px;padding:1px 12px;background:#fffbf0;display:flex; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .Price .khtt .icon { margin-top:5px;margin-right:2px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .Price .khtt .icon img { height:15px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .Price .khtt .lbl { margin-right:6px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .childs { padding-top:12px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .childs .child-item { margin-top:8px;display:flex; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .childs .child-item .icon { margin-right:5px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .childs .child-item .icon img { height:12px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .childs .child-item .lbl { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .action { margin-top:24px; }
/* cl-event16 */
.event-hamper-tet-2026 .product-loai .danhsach .item .right .action button.lien-he { border:none;background:#bf1d1a;display:flex;border-radius:30px;line-height:24px;padding:7px 26px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .action button.lien-he .icon { margin-right:10px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .action button.lien-he .icon img { height:20px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .action button.lien-he .txt { line-height:24px;margin-top:2px; }
/* cl-event16 */
.event-hamper-tet-2026 .product-loai .danhsach .item .right .action a.lien-he { border:none;background:#bf1d1a;display:flex;border-radius:30px;line-height:24px;padding:7px 26px;width:235px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .action a.lien-he .icon { margin-right:10px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .action a.lien-he .icon img { height:20px; }
.event-hamper-tet-2026 .product-loai .danhsach .item .right .action a.lien-he .txt { line-height:24px;margin-top:2px; }
.event-hamper-tet-2026 .product-loai .danhsach .item.hide { display:none; }
.event-hamper-tet-2026 .product-loai .xemthem .xemthem-outline { text-align:center;margin-top:30px;display:flex;justify-content:center; }
.event-hamper-tet-2026 .product-loai .xemthem button { background:none;border-radius:30px;line-height:24px;padding:7px 50px; }
.event-hamper-tet-2026 .product-loai .xemthem button.hasbg { border:none;border-radius:0;background-repeat:none;width:374px;height:48px;text-transform:uppercase;display:flex;justify-content:center;padding:0; }
.event-hamper-tet-2026 .product-loai .xemthem button.hasbg > span { margin-top:12px; }
.event-hamper-tet-2026 .product-loai .xemthem button.hasbg > img { margin-top:9px;height:34px; }
.event-hamper-tet-2026 .banner-3 > img { margin-top:50px;border-radius:20px; }
.event-hamper-tet-2026 .banner-4 > img { margin-top:50px;border-radius:20px; }
.event-hamper-tet-2026 .banner-5 { text-align:center; }
.event-hamper-tet-2026 .banner-5 > img { margin-top:100px; }
.event-hamper-tet-2026 .text-top-2 { margin-top:25px; }
.event-hamper-tet-2026 .text-top-2 .dong1 { line-height:51px;text-align:center; }
.event-hamper-tet-2026 .text-top-2 .dong2 { margin-top:11px;line-height:30px;text-align:center; }
.event-hamper-tet-2026 .banner-6 > img { margin-top:100px; }
.event-hamper-tet-2026 .catalog { height:559px;background-repeat: no-repeat; background-position: center center;margin-top:80px; }
.event-hamper-tet-2026 .catalog .catalog-form { display:flex;justify-content:right;padding-right:50px; }
.event-hamper-tet-2026 .catalog .catalog-form > form { width:405px;border-radius:30px;box-shadow: 0 0 5px 0 #e0e3dc;padding:34px 34px; }
.event-hamper-tet-2026 .catalog .catalog-form > form .tieu-de { line-height:30px;text-align:center; }
.event-hamper-tet-2026 .catalog .catalog-form > form .dong { margin-top:16px; }
.event-hamper-tet-2026 .catalog .catalog-form > form .dong div.error { display:flex;margin-top:3px; }
.event-hamper-tet-2026 .catalog .catalog-form > form .dong div.error > img { margin-right:5px; }
.event-hamper-tet-2026 .catalog .catalog-form > form .dong .input { width:100%;border-radius:20px;position:relative; }
.event-hamper-tet-2026 .catalog .catalog-form > form .dong .input input { width:100%;padding:12px 12px 12px 35px;border:none;border-radius:20px;line-height:20px; }
.event-hamper-tet-2026 .catalog .catalog-form > form .dong .input .ico { position:absolute;width:16px;height:16px;cursor: pointer;top:15px;left:15px; }
.event-hamper-tet-2026 .catalog .catalog-form > form .dong .input textarea { width:100%;border:none;border-radius:20px;line-height:20px;padding:12px 12px; }
.event-hamper-tet-2026 .catalog .catalog-form > form .dong .input.MaCapcha { display:flex;margin-top:10px; }
.event-hamper-tet-2026 .catalog .catalog-form > form .dong .input.MaCapcha > .image { margin-top:9px;width:100px; }
.event-hamper-tet-2026 .catalog .catalog-form > form .dong .input.MaCapcha button { width:16px;border:none;background:none;padding:0; }
.event-hamper-tet-2026 .catalog .catalog-form > form .dong .input.MaCapcha > input { border-radius:40px;width:calc(100% - 130px);padding:14px 15px;border:solid 1px #e0e3dc; }
.event-hamper-tet-2026 .catalog .catalog-form > form .action { margin-top:28px;display:flex;justify-content:center; }
.event-hamper-tet-2026 .catalog .catalog-form > form button.btn-dangky { border-radius:240px;padding:8px 20px;display:flex;border:none; }
.event-hamper-tet-2026 .catalog .catalog-form > form button.btn-dangky .ico { height:20px;margin-right:5px; }
.event-hamper-tet-2026 .catalog .catalog-form > form button.btn-dangky .lbl { line-height:21px; }
.event-hamper-tet-2026 .tin-tuc { margin-top: 47px;background-repeat: no-repeat; background-position: top center; }
.event-hamper-tet-2026 .tin-tuc .tin-tuc-outline { margin:0 auto;width:836px; }
.event-hamper-tet-2026 .tin-tuc .tieude { padding-top:70px;line-height:49px;text-align:center; }
.event-hamper-tet-2026 .tin-tuc .hinh { margin-top:37px; }
.event-hamper-tet-2026 .tin-tuc .hinh img { width:836px;border-radius:20px; }
.event-hamper-tet-2026 .tin-tuc .thoigian { margin-top:26px; }
.event-hamper-tet-2026 .tin-tuc .noidung-outline { margin:0 auto;width:673px; }
.event-hamper-tet-2026 .tin-tuc .noidung-outline .noidung.anchitiet { position: relative; overflow: hidden; height: 300px;}
.event-hamper-tet-2026 .tin-tuc .noidung-outline .noidung .gradient { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7));}
.event-hamper-tet-2026 .tin-tuc .noidung-outline .xemthem { margin-top:16px;text-align:center; }
.event-hamper-tet-2026 .tin-tuc .noidung-outline .xemthem button { border:none;background:none; }
.event-hamper-tet-2026 .tin-tuc article { line-height:21px; }
.event-hamper-tet-2026 .tin-tuc article p > img { border-radius:20px; }
.event-hamper-tet-2026 .tin-tuc .product-blog { border-radius:10px;padding:20px 10px 20px 20px;margin:5px 0; }
.event-hamper-tet-2026 .tin-tuc .product-blog .product-item { display:flex;justify-content:space-between; }
.event-hamper-tet-2026 .tin-tuc .product-blog .product-item .info { width:calc(100% - 150px); }
.event-hamper-tet-2026 .tin-tuc .product-blog .product-item .img { width:125px; }
.event-hamper-tet-2026 .tin-tuc .product-blog .product-item .img img { width:125px;height:125px; }
.event-hamper-tet-2026 .tin-tuc .product-blog .product-item .info .price { margin-top:5px; }
.event-hamper-tet-2026 .tin-tuc .product-blog .product-item .info .sale { text-decoration:line-through;margin-left:7px; }
.event-hamper-tet-2026 .tin-tuc .product-blog .product-item .info .action { margin-top:40px; }
.event-hamper-tet-2026 .gioi-thieu-day { margin-top:65px;text-align:center; }

.event-hamper-tet-2026-mobile { background-color:#fffef6; }
.event-hamper-tet-2026-mobile .banner-1 { position: relative; }
.event-hamper-tet-2026-mobile .banner-1 > img { width:100%; }
.event-hamper-tet-2026-mobile .banner-1 .logo { position: absolute;z-index:2;width:102px;height:36px;left:17px;top:17px; }
.event-hamper-tet-2026-mobile .text-top-1 { margin-top:20px; }
.event-hamper-tet-2026-mobile .text-top-1 .tieude { line-height:35px;text-align:center; }
.event-hamper-tet-2026-mobile .text-top-1 .tomtat { margin-top:10px;text-align:center; }
.event-hamper-tet-2026-mobile .text-top-1 .tomtat .dong1 { line-height:26px; }
.event-hamper-tet-2026-mobile .text-top-1 .tomtat .dong2 { line-height:22px;  }
.event-hamper-tet-2026-mobile .chip-1 { margin-top:26px; }
.event-hamper-tet-2026-mobile .chip-1 .dong { display:flex;justify-content:space-between;margin-top:20px; }
.event-hamper-tet-2026-mobile .chip-1 .dong:first-child { margin-top:0; }
.event-hamper-tet-2026-mobile .chip-1 .item { text-align: center; }
.event-hamper-tet-2026-mobile .chip-1 .item .hinh > img { height:99px; }
.event-hamper-tet-2026-mobile .chip-1 .item .dong-1 { margin-top:0;line-height:22px; }
.event-hamper-tet-2026-mobile .chip-1 .item .dong-2 { margin-top:4px;line-height:19px; }
.event-hamper-tet-2026-mobile .banner-2 > img { margin-top:40px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item { margin-top:30px;border-radius:10px;padding:20px 20px;background-repeat: no-repeat;background-size:cover; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .left img { border-radius:13px;height:300px;width:100%; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .ProductName { line-height:30px;margin-top:15px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .Barcode { line-height:21px;margin-top:2px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .Price { display:flex;margin-top:2px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .Price .khuyenmai { line-height:30px;margin-right:12px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .Price .base { line-height:30px;text-decoration:line-through;margin-right:12px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .Price .percent { border-radius:4px;padding:2px 4px;line-height:21px;display:inline-block;height:25px;margin-top:3px;margin-right:12px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .Price-khtt { display:flex;margin-top:16px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .Price-khtt .khtt { border-radius:20px;padding:1px 12px;background:#fffbf0;display:flex; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .Price-khtt .khtt .icon { margin-top:5px;margin-right:2px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .Price-khtt .khtt .icon img { height:15px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .Price-khtt .khtt .lbl { margin-right:6px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .childs { padding-top:12px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .childs .child-item { margin-top:8px;display:flex; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .childs .child-item .icon { margin-right:5px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .childs .child-item .lbl { width:calc(100% - 18px); }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .childs .child-item .icon img { height:12px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .action { margin-top:20px;display:flex;justify-content:center; }
/* cl-event16 */
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .action button.lien-he { border:none;background:#bf1d1a;display:flex;border-radius:30px;line-height:24px;padding:7px 26px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .action button.lien-he .icon { margin-right:10px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .action button.lien-he .icon img { height:20px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .action button.lien-he .txt { line-height:24px;margin-top:2px; }
/* cl-event16 */
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .action a.lien-he { border:none;background:#bf1d1a;display:flex;border-radius:30px;line-height:24px;padding:7px 26px;width:235px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .action a.lien-he .icon { margin-right:10px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .action a.lien-he .icon img { height:20px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item .right .action a.lien-he .txt { line-height:24px;margin-top:2px; }
.event-hamper-tet-2026-mobile .product-loai .danhsach .item.hide { display:none; }
.event-hamper-tet-2026-mobile .product-loai .xemthem .xemthem-outline { text-align:center;margin-top:24px;display:flex;justify-content:center; }
.event-hamper-tet-2026-mobile .product-loai .xemthem button { background:none;border-radius:30px;line-height:24px;padding:7px 50px; }
.event-hamper-tet-2026-mobile .product-loai .xemthem button.hasbg { border:none;border-radius:0;background-repeat:none;width:374px;height:48px;text-transform:uppercase;display:flex;justify-content:center;padding:0; }
.event-hamper-tet-2026-mobile .product-loai .xemthem button.hasbg > span { margin-top:12px; }
.event-hamper-tet-2026-mobile .product-loai .xemthem button.hasbg > img { margin-top:9px;height:34px; }
.event-hamper-tet-2026-mobile .banner-3 > img { margin-top:30px;width:100%; }
.event-hamper-tet-2026-mobile .banner-4 > img { margin-top:30px;width:100%; }
.event-hamper-tet-2026-mobile .banner-5 { text-align:center; }
.event-hamper-tet-2026-mobile .banner-5 > img { margin-top:40px; }
.event-hamper-tet-2026-mobile .text-top-2 { margin-top:20px; }
.event-hamper-tet-2026-mobile .text-top-2 .dong1 { line-height:35px;text-align:center; }
.event-hamper-tet-2026-mobile .text-top-2 .dong2 { margin-top:11px;line-height:22px;text-align:center; }
.event-hamper-tet-2026-mobile .banner-6 > img { margin-top:27px;width:100%; }
.event-hamper-tet-2026-mobile .catalog { background-repeat: no-repeat; background-position: top center;margin-top:30px; }
.event-hamper-tet-2026-mobile .catalog .catalog-form { padding-top:210px;padding-bottom:40px; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form { border-radius:30px;box-shadow: 0 0 5px 0 #e0e3dc;padding:34px 34px; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form .tieu-de { line-height:30px;text-align:center; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form .dong { margin-top:16px; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form .dong div.error { display:flex;margin-top:3px; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form .dong div.error > img { margin-right:5px; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form .dong .input { width:100%;border-radius:20px;position:relative; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form .dong .input input { width:100%;padding:12px 12px 12px 35px;border:none;border-radius:20px;line-height:20px; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form .dong .input .ico { position:absolute;width:16px;height:16px;cursor: pointer;top:15px;left:15px; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form .dong .input textarea { width:100%;border:none;border-radius:20px;line-height:20px;padding:12px 12px; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form .dong .input.MaCapcha { display:flex;margin-top:10px; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form .dong .input.MaCapcha > .image { margin-top:9px;width:100px; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form .dong .input.MaCapcha button { width:16px;border:none;background:none;padding:0; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form .dong .input.MaCapcha > input { border-radius:40px;width:calc(100% - 130px);padding:14px 15px;border:solid 1px #e0e3dc; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form .action { margin-top:28px;display:flex;justify-content:center; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form button.btn-dangky { border-radius:240px;padding:7px 15px;display:flex;border:none; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form button.btn-dangky .ico { height:20px;margin-right:5px; }
.event-hamper-tet-2026-mobile .catalog .catalog-form > form button.btn-dangky .lbl { line-height:21px; }
.event-hamper-tet-2026-mobile .tin-tuc { margin-top:40px;padding-top:20px;background-repeat: no-repeat; background-position: top center; }
.event-hamper-tet-2026-mobile .tin-tuc .tieude { text-align:center; }
.event-hamper-tet-2026-mobile .tin-tuc .hinh { margin-top:10px; }
.event-hamper-tet-2026-mobile .tin-tuc .hinh img { border-radius:20px; }
.event-hamper-tet-2026-mobile .tin-tuc .thoigian { margin-top:10px; }
.event-hamper-tet-2026-mobile .tin-tuc .noidung-outline .noidung.anchitiet { position: relative; overflow: hidden; height: 300px;}
.event-hamper-tet-2026-mobile .tin-tuc .noidung-outline .noidung .gradient { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7));}
.event-hamper-tet-2026-mobile .tin-tuc .noidung-outline .xemthem { margin-top:16px;text-align:center; }
.event-hamper-tet-2026-mobile .tin-tuc .noidung-outline .xemthem button { border:none;background:none; }
.event-hamper-tet-2026-mobile .tin-tuc article { line-height:21px; }
.event-hamper-tet-2026-mobile .tin-tuc article p > img { border-radius:20px; }
.event-hamper-tet-2026-mobile .tin-tuc .product-blog { border-radius:10px;padding:20px 10px 20px 20px;margin:5px 0; }
.event-hamper-tet-2026-mobile .tin-tuc .product-blog .product-item { display:flex;justify-content:space-between; }
.event-hamper-tet-2026-mobile .tin-tuc .product-blog .product-item .info { width:calc(100% - 150px); }
.event-hamper-tet-2026-mobile .tin-tuc .product-blog .product-item .img { width:125px; }
.event-hamper-tet-2026-mobile .tin-tuc .product-blog .product-item .img img { width:125px;height:125px; }
.event-hamper-tet-2026-mobile .tin-tuc .product-blog .product-item .info .price { margin-top:5px; }
.event-hamper-tet-2026-mobile .tin-tuc .product-blog .product-item .info .sale { text-decoration:line-through;margin-left:7px; }
.event-hamper-tet-2026-mobile .tin-tuc .product-blog .product-item .info .action { margin-top:25px; }
.event-hamper-tet-2026-mobile .gioi-thieu-day { margin-top:65px;text-align:center; }

.event-hamper-tet-2026-send-success .hachi-modal .modal .modal-dialog .modal-header button { background:none;border:none; }
.event-hamper-tet-2026-send-success .hachi-modal .modal .modal-dialog .modal-body { padding:20px 20px 0px 20px; }
.event-hamper-tet-2026-send-success .hachi-modal .modal .modal-dialog .modal-footer a { border-radius:240px;padding:7px 15px;display:flex;border:none; }
.event-hamper-tet-2026-send-success .hachi-modal .modal .modal-dialog .modal-footer a .ico { height:20px;margin-right:5px; }
.event-hamper-tet-2026-send-success .hachi-modal .modal .modal-dialog .modal-footer a .lbl { line-height:21px; }
/* #endregion event-hamper-tet-2026 ------------------------------- */