commit 0c1cd2d96bf1aa27f95562f55d0c46c40c83a511
Author: Tiệp Sunflower <tiepblogger@gmail.com>
Date:   Tue Mar 16 16:19:46 2021 +0700

    Push code 2021

diff --git a/asset/css/magiczoom.css b/asset/css/magiczoom.css
new file mode 100644
index 0000000..c38505a
--- /dev/null
+++ b/asset/css/magiczoom.css
@@ -0,0 +1,97 @@
+.MagicZoom,
+.MagicZoom:hover {
+    outline: 0 !important;
+    margin: auto;
+    display: block !important;
+}
+
+.MagicZoom img {
+    border: 0 !important;
+    outline: 0 !important;
+    margin: 0 !important;
+    padding: 0 !important
+}
+
+.MagicZoomHint {
+    background: url(/includes/images/hint.gif) no-repeat 2px 50%;
+    color: #444;
+    font-size: 8pt;
+    font-family: sans-serif;
+    line-height: 24px;
+    min-height: 24px;
+    text-align: left;
+    text-decoration: none;
+    margin: 0;
+    padding: 2px 2px 2px 20px !important
+}
+
+.MagicZoomExternalTitle {
+    display: none
+}
+
+.MagicZoomBigImageCont {
+    background: #fff;
+    border: 1px solid #999
+}
+
+.MagicZoomBigImageCont * {
+    display: inline
+}
+
+.MagicZoomBigImageCont img {
+    max-width: none !important;
+    max-height: none !important;
+    height: auto !important;
+    width: auto !important
+}
+
+.MagicZoomHeader {
+    background: #666;
+    color: #fff;
+    font-size: 10pt !important;
+    line-height: normal !important;
+    text-align: center !important
+}
+
+.MagicZoomPup {
+    background: #fff;
+    border: 1px solid #aaa;
+    cursor: move
+}
+
+.MagicZoomLoading {
+    background: #fff url(/includes/images/loader.gif) no-repeat 2px 50%;
+    border: 1px solid #ccc;
+    color: #444;
+    font-family: sans-serif;
+    font-size: 8pt;
+    line-height: 1.5em;
+    text-align: left;
+    text-decoration: none;
+    margin: 0;
+    padding: 4px 4px 4px 24px !important
+}
+
+/* Style of shadow effect behind zoomed image */
+.MagicBoxShadow {
+    -moz-box-shadow: 3px 3px 4px #888888;
+    -webkit-box-shadow: 3px 3px 4px #888888;
+    box-shadow: 3px 3px 4px #888888;
+    border-collapse: separate;
+    /* For IE 5.5 - 7 */
+    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;
+    /* For IE 8 */
+    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;
+}
+
+/* Style of glow effect behind zoomed image */
+.MagicBoxGlow {
+    -moz-box-shadow: 0px 0px 4px 4px #888888;
+    -webkit-box-shadow: 0px 0px 4px 4px #888888;
+    box-shadow: 0px 0px 4px 4px #888888;
+    border-collapse: separate;
+    /* For IE 5.5 - 7 */
+    filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;
+    /* For IE 8 */
+    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;
+}
\ No newline at end of file
diff --git a/asset/css/style-mobile.css b/asset/css/style-mobile.css
new file mode 100644
index 0000000..f928115
--- /dev/null
+++ b/asset/css/style-mobile.css
@@ -0,0 +1,770 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@600&display=swap');
+@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Roboto', sans-serif;
+}
+
+body {
+    color: #222;
+    font-family: 'Roboto', sans-serif;
+    background: #edeef2;
+    position: relative;
+    min-width: 1280px;
+    font-size: 14px;
+}
+
+a {
+    color: #222;
+    text-decoration: none;
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+}
+
+.ul,
+.ol {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.container-mb {
+    max-width: 640px;
+    margin: 0 auto;
+    padding: 0 auto;
+    overflow: hidden;
+}
+
+.container {
+    width: 100%;
+    padding-left: 8px;
+    padding-right: 8px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.header {
+    height: 48px;
+    width: 100%;
+    max-width: 640px;
+    margin: auto;
+    background-color: #546ce8;
+    position: relative;
+}
+
+.header .logo-mb {
+    float: left;
+    width: 39px;
+    height: 39px;
+    overflow: hidden;
+    margin: 4px 0;
+}
+
+.header .main-search {
+    border-radius: 4px;
+    background: #fff;
+    position: relative;
+    margin: 0 175px 0 40px;
+    display: block;
+    top: 7px;
+}
+
+.header .main-search input {
+    display: block;
+    padding: 0 10px;
+    background: #fff;
+    border: 0;
+    font-size: 14px;
+    width: calc(100% - 35px);
+    height: 34px;
+    border-radius: 3px;
+    line-height: 32px;
+}
+
+.header .main-search .btn-submit {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 7px 9px;
+    font-size: 14px;
+    color: #333;
+    text-transform: uppercase;
+    background: #fff;
+    border: 0;
+    border-radius: 0 3px 3px 0;
+    height: 34px;
+}
+
+.header .history-product {
+    width: 60px;
+    height: 47px;
+    position: absolute;
+    top: 0;
+    right: 99px;
+    color: #fff;
+    padding: 10px 3px;
+    font-size: 11px;
+    line-height: 1.3;
+}
+
+.header .history-product::before {
+    content: '';
+    width: 0;
+    height: 0;
+    border-top: 5px solid #fff;
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;
+    position: absolute;
+    right: 8px;
+    bottom: 13px;
+}
+
+.header .cart-item {
+    display: inline-block;
+    width: 35px;
+    height: 48px;
+    position: absolute;
+    top: 0;
+    right: 60px;
+    padding-left: 5px;
+}
+
+.header .cart-item::before {
+    position: absolute;
+    border-left: 1px solid #4b61d0;
+    border-right: 1px solid #657bea;
+    top: 0;
+    margin-left: 0;
+    width: 0;
+    height: 48px;
+    content: "";
+    left: 0;
+}
+
+.header .cart-item .fa-shopping-cart {
+    color: #fff;
+    width: 26px;
+    height: 20px;
+    display: block;
+    margin: 14px auto;
+    font-size: 20px;
+}
+
+.header .cart-item span {
+    width: 18px;
+    height: 18px;
+    background: #ffe401;
+    text-align: center;
+    font-size: 12px;
+    color: #333;
+    border-radius: 20px;
+    position: absolute;
+    top: 6px;
+    right: -3px;
+}
+
+.header .menu-mb {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 12;
+    background: #546ce8;
+    padding: 9px 0 4px;
+    width: 50px;
+    cursor: pointer;
+    height: 35px;
+    text-align: center;
+    color: #fff;
+}
+
+.header .menu-mb::before {
+    position: absolute;
+    border-left: 1px solid #4b61d0;
+    border-right: 1px solid #657bea;
+    top: 0;
+    margin-left: 0;
+    width: 0;
+    height: 48px;
+    content: "";
+    left: 0;
+}
+
+.header .menu-mb span {
+    display: block;
+    width: 27px;
+    height: 2px;
+    background: #fff;
+    margin: 3px auto;
+}
+
+.marquee {
+    width: 100%;
+    background-color: #334ac2;
+    height: 32px;
+    line-height: 32px;
+    color: #fff;
+}
+
+.list-category {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.list-category .item-category {
+    height: 35px;
+    border: 1px solid #546ce8;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 5px 5px 5px;
+    width: 25%;
+    border-radius: 5px;
+    color: #546ce8;
+    font-size: 12px;
+}
+
+.list-home-show {
+    display: flex;
+}
+
+.list-home-show .item-home {
+    width: 33.3%;
+    height: 35px;
+    border: 1px solid #546ce8;
+    margin: 0 5px 5px 5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 5px;
+    color: #546ce8;
+    background: #e7e7e7;
+    font-size: 12px;
+}
+
+.product-hot {
+    padding-top: 5px;
+}
+
+.product-hot .title {
+    color: red;
+    padding: 15px 0;
+}
+
+.product-hot .list-tab {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.list-tab .item-tab {
+    width: 18%;
+    height: 40px;
+    margin: 0 5px 5px 5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 12px;
+    padding: 10px;
+    text-align: center;
+    border-radius: 3px;
+    background: #e7e7e7;
+}
+
+.list-tab .item-tab.active {
+    background-color: red;
+    color: white;
+    border: 1px solid red;
+    font-weight: 600;
+}
+
+.product-content {
+    display: flex;
+    flex-wrap: wrap;
+    border-top: 1px solid rgb(216, 216, 216);
+    border-left: 1px solid rgb(216, 216, 216);
+}
+
+.item_product {
+    width: calc(100% / 3);
+    padding: 10px;
+    border-right: 1px solid rgb(216, 216, 216);
+    border-bottom: 1px solid rgb(216, 216, 216);
+}
+
+.item_product .item_img {
+    display: block;
+    position: relative;
+    padding-bottom: 200px;
+    margin-bottom: 5px;
+}
+
+.fix_img {
+    width: auto;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    max-width: 100%;
+    max-height: 100%;
+    margin: auto;
+}
+
+.item_product .icon_sale-hot {
+    background: url(../img/sale.png) no-repeat;
+    width: 55px;
+    height: 45px;
+    position: absolute;
+    top: 0;
+    left: -5%;
+    background-position: center;
+    background-size: cover;
+}
+
+.item_product .item-name {
+    display: block;
+    font-size: 13px;
+    height: 30px;
+    overflow: hidden;
+    text-decoration: none;
+    color: black;
+    margin: 6px 0;
+}
+
+.item_product .item-name:hover {
+    color: #3d52bf;
+}
+
+.item_product .content-price {
+    position: relative;
+    margin: 6px 0;
+    height: 45px;
+}
+
+.item_product .item-old-price {
+    display: block;
+    font-weight: bold;
+    color: #999999;
+}
+
+.item_product .item-discount {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 45px;
+    height: 45px;
+    background: url(../img/sale-product.png) no-repeat;
+    line-height: 45px;
+    text-align: center;
+    color: #fff;
+    font-weight: bold;
+}
+
+.item_product .item-price {
+    display: block;
+    font-size: 18px;
+    color: #fd3620;
+    font-weight: 700;
+}
+
+.show-all {
+    margin: 20px 0;
+    border: 1px solid #334ac2;
+    display: block;
+    text-align: center;
+    padding: 10px 0;
+    border-radius: 5px;
+    color: #334ac2;
+}
+
+.product-history {
+    margin: 10px 0;
+}
+
+.product-history .title {
+    color: black;
+    font-size: 18px;
+    padding: 10px 0;
+}
+
+.product-history .list-history {
+    display: flex;
+    overflow-y: hidden;
+    overflow-x: scroll;
+}
+
+.item-history {
+    width: 25%;
+    display: flex;
+    flex-direction: column;
+    padding-right: 10px;
+    align-items: center;
+    flex-shrink: 0;
+}
+.item-history img{
+    max-width: 75px;
+    object-fit: contain;
+    object-position: center;
+}
+.item-history .product-name{
+    margin: 8px 0;
+    font-size: 13px;
+    color: #222222;
+}
+.service .item{
+    background-color: #546ce8;
+    display: inline-block;
+    width: 100%;
+    height: 80px;
+}
+.service .item .border-item{
+    border: 1px solid #fff;
+    margin: 6px;
+    padding: 20px 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 70px;
+}
+.service .item .border-item .icon-policy1{
+    width: 65px;
+    height: 45px;
+    display: inline-block;
+    background: url(../img/icon-policy.png);
+}
+.service .item .border-item .icon-policy2 {
+    width: 65px;
+    height: 45px;
+    display: inline-block;
+    background: url(../img/icon-policy.png);
+    background-position: 0 109px;
+}
+.service .item .border-item .icon-policy3 {
+    width: 65px;
+    height: 45px;
+    display: inline-block;
+    background: url(../img/icon-policy.png);
+    background-position: 0 48px;
+}
+.service .item .border-item  span {
+    font-size: 20px;
+    text-transform: uppercase;
+    color: #fff;
+    font-weight: 600;
+    margin-left: 10px;
+}
+.custom-nav .owl-nav button i {
+    font-size: 24px;
+    padding: 5px;
+    color: #333;
+}
+.custom-nav .owl-nav .owl-prev {
+    left: 0;
+    border-radius: 0 4px 4px 0;
+    background: #e6e6e6 !important;
+}
+.custom-nav .owl-nav .owl-next {
+    right: 0;
+    border-radius: 0 4px 4px 0;
+    background: #e6e6e6 !important;
+}
+.custom-nav .owl-nav button {
+    position: absolute;
+    color: #999 !important;
+    top: 50%;
+    -webkit-transition: all 0.2s ease;
+    transition: all 0.2s ease;
+    outline: none;
+    z-index: 99999;
+    opacity: .5;
+    -webkit-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+}
+.blog-home .title{
+    padding: 13px 0;
+    display: block;
+    overflow: hidden;
+    font-weight: bold;
+    font-size: 16px;
+    color: #333;
+    border-bottom: 1px solid #e2e2e2;
+}
+.blog-home .read-all{
+     margin: 20px 0;
+     border: 1px solid #334ac2;
+     display: block;
+     text-align: center;
+     padding: 10px 0;
+     border-radius: 5px;
+     color: #334ac2;
+}
+.footer-main{
+    background-color: white;
+    overflow: hidden;
+    margin-top: 5px;
+}
+.footer-main .item{
+    width: 100%;
+}
+.footer-main .item h3{
+    position: relative;
+    background-color: #334ac2;
+    padding: 10px;
+    margin: 4px 0;
+    color: white;
+}
+.footer-main .item h3 i{
+    position: absolute;
+    font-size: 18px;
+    right: 5px;
+}
+.footer-about .item a {
+    display: block;
+    margin: 10px 0;
+}
+.footer-main .item i.fa-facebook-square {
+    color: #3b5999;
+    width: 30px;
+    margin-right: 5px;
+}
+.footer-main .item i.fa-youtube {
+    color: #ce0707;
+    width: 30px;
+    margin-right: 5px;
+}
+.footer-showroom{
+    margin-top: 2rem;
+}
+.item-showroom .red{
+    color: #334ac2;
+}
+.footer-bottom{
+    background: #f0eded;
+    overflow: hidden;
+    padding: 10px 0;
+}
+.footer-bottom a{
+    display: inline-block;
+}
+.footer-bottom .show-pc{
+    height: 36px;
+    border: solid 1px #546ce8;
+    display: inline-block;
+    line-height: 36px;
+    padding: 0 15px;
+    border-radius: 3px;
+    color: #546ce8;
+    background: #fff;
+    font-weight: 500;
+    margin-left: 1rem;
+}
+
+/* product-detail */
+.current {
+    padding-top: 10px;
+    color: #526ae7;
+}
+.product-detail{
+    padding: 10px 0;
+}
+.product-detail .name-product{
+    font-size: 18px;
+    margin-bottom: 10px;
+}
+.product-detail .star{
+    display: flex;
+    align-items: center;
+}
+.product-detail .star .img-star {
+    margin-left: 10px;
+    background: url(../img/star_sprite.png) no-repeat;
+    width: 100px;
+    height: 20px;
+    display: inline-block;
+    vertical-align: text-top;
+    background-position: 0 0;
+}
+.product-info{
+    padding: 10px 0;
+}
+
+.product-info .img-thumb {
+    overflow: hidden;
+    position: relative;
+    display: flex;
+    justify-content: center;
+    padding: 10px 0;
+}
+.img-thumb .item-thumb {
+    width: 70px;
+    height: 80px;
+    margin-right: 20px;
+    text-align: center;
+}
+.img-thumb .item-thumb .title{
+    padding-top: 5px;
+    font-size: 13px;
+}
+.img-thumb .item-thumb.active {
+    border: 1px solid red;
+    
+}
+.product-summary{
+    display: block;
+    padding: 10px 0;
+}
+.product-summary .item{
+    display: block;
+    margin-bottom: 10px;
+    color: #222;    
+}
+.product-summary .item i {
+    color: #ff9900;
+}
+.product-warranty{padding: 10px 0;}
+.product-showroom{padding-bottom: 10px;}
+.product-showroom .title{color: #222; font-weight: 700;margin-bottom: 10px;}
+.product-showroom .item-khohang{color: #3d52bf;margin-bottom: 5px;}
+
+.content-option {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    padding-top: 20px;
+}
+
+.info-option .item-option {
+    position: relative;
+    text-decoration: none;
+    background-color: #f9faff;
+    width: calc(100% / 2 - 10px);
+    margin: 0 10px 10px 0;
+    padding: 15px 5px;
+    text-align: center;
+    color: #222;
+    font-weight: 350;
+    border-radius: 5px;
+    border: 1px solid #e1e1e1;
+}
+
+.info-option .item-option.active {
+    border: 1px solid #526ae7;
+    background: #f9faff;
+    font-weight: bold;
+}
+
+.info-option .item-option .item-name {
+    display: block;
+    font-size: 16px;
+    text-transform: uppercase;
+    padding-bottom: 5px;
+}
+
+.info-option .item-option .item-name input {
+    position: absolute;
+    left: 5%;
+    top: 10%;
+}
+
+.info-option .item-option .variant-price {
+    color: red;
+    font-weight: 700;
+}
+.product-price{background-color: rgb(209, 209, 209);padding: 15px 20px;}
+.product-price .price-title {
+    display: flex;
+    align-items: center;
+}
+.product-spec {
+    padding: 10px 0;
+    border-bottom: 2px solid #334ac2;
+}
+.product-spec .title{color: #334ac2; font-size: 18px; font-weight: 700;}
+.product-desc {
+    padding: 10px 0;
+    border-bottom: 2px solid #334ac2;
+}
+
+.product-desc .title {
+    color: #334ac2;
+    font-size: 18px;
+    font-weight: 700;
+}
+
+
+
+.list-tintuc-new .blog-left {
+    display: flex;
+}
+
+.list-tintuc-new .link-title {
+    font-weight: 700;
+    color: black;
+    height: 45px;
+}
+
+.list-tintuc-new .link-title:hover {
+    color: red;
+}
+
+.list-tintuc-new .blog-new {
+    margin-bottom: 10px;
+}
+
+.list-tintuc-new .blog-left {
+    display: flex;
+}
+
+.content-left {
+    width: 225px;
+    margin-right: 5px;
+}
+
+.list-tintuc-new .content-left .info-tintuc {
+    margin-top: 1rem;
+}
+
+.list-tintuc-new .content-left .info-tintuc span {
+    margin: 0 0 0 12px;
+    font-size: 12px;
+}
+
+@media (max-width:375px){
+    .container-mb {
+        width: 375px;
+    }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/asset/css/style.css b/asset/css/style.css
new file mode 100644
index 0000000..75d4da7
--- /dev/null
+++ b/asset/css/style.css
@@ -0,0 +1,3157 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700');
+@charset "utf-8";
+body {color: #222;font-family: "Roboto", sans-serif;font-size: 14px;margin: 0;padding: 0;}
+@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
+* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Roboto', sans-serif;}
+body {color: #222;font-family: 'Roboto', sans-serif;background: #edeef2;position: relative;min-width: 1280px;font-size: 14px;}
+html {font-size: 100%;font-family: 'Roboto', sans-serif;}
+
+img {
+    max-width: 100%;
+    height: auto;
+}
+
+a {
+    text-decoration: none;
+    color: black;
+}
+
+.ul,
+.ol {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+table {
+    width: 100%;
+    height: 100% !important;
+}
+
+.clearfix {
+    clear: both;
+    margin-bottom: 1rem;
+}
+
+.clearfix::after {
+    display: block;
+    clear: both;
+    content: "";
+}
+
+.header {
+    max-width: 100%;
+    margin: 0 auto;
+    padding: 0;
+}
+
+.d-block {
+    display: block !important;
+}
+
+.d-none {
+    display: none !important;
+}
+
+.banner_top {
+    background-image: url(../images/banner_top.png);
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: auto;
+    height: 3rem;
+    width: 100%;
+}
+
+.container {
+    padding: 0 10px;
+    max-width: 1260px;
+    min-width: 1260px;
+    margin: 0 auto;
+}
+
+.header-top {
+    background-color: #3d52bf;
+}
+
+.text-run-top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 13px;
+}
+
+.text-run-top .text-left {
+    position: relative;
+}
+
+.text-run-top .text-left .icon {
+    position: absolute;
+    content: ".";
+    width: 8px;
+    height: 8px;
+    background-color: #ffe901;
+    top: 50%;
+    left: -4%;
+    transform: translateY(-50%);
+    border-radius: 50%;
+    border: 1px solid #ffe901;
+}
+
+.text-run-top .text-left .pulse {
+    position: absolute;
+    border: 1px solid #ffe901;
+    top: 19%;
+    left: -6%;
+    width: 24px;
+    height: 24px;
+    transform: translateY(-50%);
+    border-radius: 50%;
+    animation: pulse 1s linear infinite both;
+}
+
+@keyframes pulse {
+    0% {
+        transform: scale(1);
+    }
+
+    50% {
+        transform: scale(1.2);
+    }
+
+    100% {
+        transform: scale(1.5);
+    }
+}
+
+.text-run-top marquee {
+    color: white;
+    padding: 10px 0;
+}
+
+.text-run-top .text-right {
+    display: flex;
+    align-items: center;
+}
+
+.text-run-top .text-right a {
+    text-decoration: none;
+    color: white;
+    padding: 0 0 0 2rem;
+}
+
+.text-run-top .text-right span {
+    font-weight: normal;
+}
+
+.main_menu {
+    background-color: #546ce8;
+}
+
+.menu {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+}
+
+.menu .logo-img {
+    display: block;
+    width: 190px;
+    margin-right: 20px;
+    max-height: 70px;
+}
+
+.menu .logo-img img {
+    max-height: 70px;
+}
+
+.menu .logo-fix {
+    display: none;
+}
+
+.menu .icon_menu {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: calc(100% - 780px);
+    position: relative;
+}
+
+.menu .icon_menu .item a {
+    display: flex;
+    color: white;
+}
+
+.menu .icon_menu .item a.cart_icon {
+    position: relative;
+}
+
+.menu .icon_menu .item .count-cart {
+    background: #fd3620;
+    color: #fff;
+    border-radius: 50%;
+    font-size: 13px;
+    font-weight: 500;
+    width: 18px;
+    height: 18px;
+    line-height: 18px;
+    text-align: center;
+    position: absolute;
+    top: -3px;
+    right: -6px;
+}
+
+.form__input {
+    width: 550px;
+    margin-right: 20px;
+    position: relative;
+}
+
+.form__input .search-form {
+    border-radius: 4px;
+    overflow: hidden;
+}
+
+.form__input select {
+    border: 0;
+    width: 140px;
+    height: 38px;
+    padding-left: 3px;
+    float: left;
+    outline: none;
+}
+
+.form__input .submit-search {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    border: 0;
+    width: 95px;
+    height: 38px;
+    border-radius: 0 4px 4px 0;
+    font-weight: 300;
+}
+
+.form__input .fa-search {
+    font-size: 16px;
+    color: #777;
+    outline: none;
+}
+
+.form__input .text_search {
+    border: 0;
+    padding: 0 5px 0 10px;
+    width: calc(100% - 95px);
+    height: 100%;
+    outline: none;
+}
+
+.form__input .searh-form-container {
+    float: left;
+    width: calc(100% - 140px);
+    height: 38px;
+}
+
+.main_menu .header_icon_text {
+    float: left;
+}
+
+.main_menu .header_icon_text span {
+    display: block;
+}
+
+.menu .icon_menu .item img {
+    margin: 2px 8px 0 0;
+    width: 30px;
+    height: 30px;
+}
+
+.main_menu .bottom_menu,
+.main_menu .d-flex,
+.main_menu .d-flex .item_bottom_menu {
+    display: flex;
+    align-items: center;
+}
+
+.main_menu .bottom_menu {
+    width: 100%;
+    position: relative;
+}
+
+.main_menu .d-flex a {
+    text-decoration: none;
+}
+
+.main_menu .d-flex img {
+    max-height: 25px;
+    background-color: white;
+    padding: 4.5px;
+    border-radius: 50%;
+}
+
+.main_menu .category_main {
+    position: relative;
+    width: 190px;
+    margin-right: 20px;
+    padding: 8px 0;
+    font-size: 15px;
+    color: white;
+}
+
+.menu_holder {
+    position: absolute;
+    background-color: white;
+    color: black;
+    z-index: 10;
+    top: 100%;
+    width: 200px;
+    -webkit-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 30%);
+    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 30%);
+}
+
+.menu_holder .item {
+    height: 31.5px;
+    font-size: 13px;
+    font-weight: bolder;
+}
+
+.menu_holder .item a {
+    display: flex;
+    align-items: center;
+    padding: 5px 10px;
+    text-decoration: none;
+    color: black;
+}
+
+.menu_holder .item img {
+    margin-right: 7px;
+}
+
+.main_menu .category_main.nothome .menu_holder {
+    visibility: hidden;
+}
+
+.main_menu .category_main:hover .menu_holder {
+    visibility: visible;
+}
+
+.menu-hover {
+    opacity: 0;
+    visibility: hidden;
+    font-size: 13px;
+    font-weight: 300;
+    position: absolute;
+    background: #fff;
+    z-index: 1;
+    width: calc(1240px - 200px);
+    height: 410px;
+    overflow: auto;
+    padding: 15px 15px 15px 12px;
+    -webkit-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 30%);
+    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 30%);
+    top: 0;
+    left: 220px;
+    -webkit-transition: .4s all;
+    transition: .4s all;
+}
+
+.menu-hover .title-holder {
+    font-weight: bold;
+    color: #546ce8 !important;
+}
+
+.menu-hover .list-holder {
+    display: flex;
+    flex-wrap: wrap;
+    padding-left: 15px;
+    float: left;
+    width: calc(100% - 180px);
+}
+
+.menu-hover .list-holder .item-holder {
+    width: calc(100% / 5);
+
+}
+
+.menu-hover .list-holder .item-holder a {
+    padding: 0;
+    margin: 1rem 0;
+}
+
+.menu-hover .list-holder .holder-last {
+    line-height: 1;
+}
+
+.menu-hover .holder-img {
+    float: left;
+    width: 180px;
+}
+
+.main_menu .item:hover .item-cate {
+    background: #546ce8;
+    color: #fff;
+}
+
+.main_menu .item:hover .menu-hover {
+    opacity: 1;
+    visibility: visible;
+    -webkit-transition: .4s all;
+    transition: .4s all;
+    left: 200px;
+}
+
+.main_menu .category_main i {
+    margin-right: 0.5rem;
+}
+
+.main_menu .d-flex {
+    width: calc(100% - 210px);
+    justify-content: space-between;
+}
+
+.main_menu .d-flex .item_bottom_menu {
+    position: relative;
+    color: #fff;
+}
+
+.main_menu .d-flex img,
+.main_menu .d-flex i {
+    margin-right: 0.3rem;
+}
+
+/* fix-header */
+.header.header-fix {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 99;
+}
+
+.header.header-fix .banner_top {
+    display: none;
+}
+
+.header.header-fix .header-top {
+    display: none;
+}
+
+.header.header-fix .main_menu .header_icon_text {
+    display: none;
+}
+
+.header.header-fix .main_menu .category_main {
+    background-color: white;
+    color: black;
+    width: 200px;
+    position: absolute;
+    top: -54px;
+    left: 100px;
+    text-align: center;
+    font-weight: 400;
+    font-size: 15px;
+    border-radius: 5px;
+    padding: 10px 0;
+}
+
+.header.header-fix .main_menu .d-flex {
+    display: none;
+}
+
+.header.header-fix .menu .logo .logo-fix {
+    display: block;
+    padding-right: 20px;
+    max-height: 70px;
+}
+
+.header.header-fix .menu .logo-img {
+    display: none;
+}
+
+.header.header-fix .form__input {
+    left: 235px;
+}
+
+.header.header-fix .menu .icon_menu {
+    width: 340px;
+    left: 250px;
+}
+
+.header.header-fix .menu_holder {
+    display: none;
+}
+
+.header.header-fix .category_main:hover .menu_holder {
+    display: block;
+}
+
+/* banner */
+.banner_home {
+    width: calc(100% - 210px);
+    margin: auto 0 auto auto;
+}
+
+.banner_home .banner_left {
+    width: 725px;
+    margin-right: 10px;
+    float: left;
+}
+
+.banner_home .banner_right {
+    float: left;
+    width: calc(100% - 735px);
+}
+
+.banner_home .banner_right a {
+    display: block;
+}
+
+.homepage .banner_sale {
+    align-items: center;
+    margin-top: 1rem;
+}
+
+.banner_sale a {
+    text-decoration: none;
+}
+
+.homepage .banner_sale img {
+    width: 33%;
+}
+
+/* product_sale */
+.product_sale {
+    position: relative;
+}
+
+.product_sale .text_giasoc {
+    width: 100%;
+}
+
+.product_sale .text_giasoc img {
+    display: block;
+    margin: 0 auto;
+    text-align: center;
+}
+
+.product_container {
+    background-color: white;
+    border: 2px solid #fc6900;
+}
+
+.product_list {
+    display: flex;
+    flex-wrap: wrap;
+    padding-top: 0.5rem;
+}
+
+.item_product {
+    padding: 10px 15px 10px 20px;
+}
+
+.container-product {
+    width: 100%;
+    position: relative;
+}
+
+.item_product .item_img {
+    display: block;
+    position: relative;
+    padding-bottom: 200px;
+    margin-bottom: 5px;
+}
+
+.product_list_hot {
+    display: flex;
+    flex-wrap: wrap;
+    padding-top: 0.5rem;
+}
+
+.product_list_hot .item_product {
+    padding: 10px 15px 10px 20px;
+    width: calc(100% / 5);
+}
+
+.product_list_hot .item_product .item_img {
+    display: block;
+    position: relative;
+    padding-bottom: 200px;
+    margin-bottom: 5px;
+}
+
+.fix_img {
+    width: auto;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    max-width: 100%;
+    max-height: 100%;
+    margin: auto;
+}
+
+.item_product .icon_sale-hot {
+    background: url(../images/sale.png) no-repeat;
+    width: 55px;
+    height: 45px;
+    position: absolute;
+    top: 0;
+    left: -5%;
+    background-position: center;
+    background-size: cover;
+}
+
+.item_product .item-name {
+    display: block;
+    font-size: 14px;
+    height: 35px;
+    overflow: hidden;
+    text-decoration: none;
+    color: black;
+    margin: 6px 0;
+}
+
+.item_product .item-name:hover {
+    color: #3d52bf;
+}
+
+.item_product .content-price {
+    position: relative;
+    margin: 6px 0;
+    height: 45px;
+}
+
+.item_product .item-old-price {
+    display: block;
+    font-weight: bold;
+    color: #999999;
+}
+
+.item_product .item-discount {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 45px;
+    height: 45px;
+    background: url(../images/discound.png) no-repeat;
+    line-height: 45px;
+    text-align: center;
+    color: #fff;
+    font-weight: bold;
+}
+
+.item_product .item-price {
+    display: block;
+    font-size: 18px;
+    color: #fd3620;
+    font-weight: 700;
+}
+
+.product_container .show-all-sale {
+    display: block;
+    width: 230px;
+    text-align: center;
+    color: #fc6900;
+    border: 1px solid #fc6900;
+    padding: 6px;
+    text-transform: uppercase;
+    font-style: italic;
+    margin: 22px auto 17px auto;
+    text-decoration: none;
+}
+
+.product_container .show-all-sale:hover {
+    background: #fc6900;
+    color: white;
+}
+
+/* top product */
+.top-product-list {
+    position: relative;
+    border-top: 3.2px solid #3d52bf;
+    margin: 2rem 0;
+    background: white;
+    padding-bottom: 0.5rem;
+}
+
+.top-product-list::before {
+    content: "";
+    position: absolute;
+    left: 156px;
+    top: -17px;
+    height: 8px;
+    width: 140px;
+    border-bottom: 6px solid #3d52bf;
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+}
+
+.content-title {
+    display: flex;
+    align-items: center;
+}
+
+.box-title {
+    position: relative;
+    background-color: #546ce8;
+    font-size: 16px;
+    text-transform: uppercase;
+    color: white;
+    margin: 0;
+    padding: 10px 28px 10px 15px;
+}
+
+.box-title::before {
+    position: absolute;
+    content: "";
+    top: 0;
+    bottom: 0;
+    right: -25px;
+    border-top: 39px solid #546ce8;
+    border-right: 25px solid transparent;
+}
+
+.tag-title a:first-child {
+    margin: 0 0 0 40px;
+    padding: 0;
+    border: 0;
+
+}
+
+.tag-title a {
+    text-decoration: none;
+    color: black;
+    font-weight: 300;
+    border-left: 1px solid #999;
+    text-transform: uppercase;
+    padding-left: 15px;
+    margin-left: 15px;
+}
+
+.tag-title a:hover {
+    color: #3d52bf;
+}
+
+.item_product .icon_sale {
+    background: url(../images/NEW.png) no-repeat;
+    width: 55px;
+    height: 25px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-position: center;
+    background-size: cover;
+}
+
+/* banner-product-hot */
+.banner-product-hot {
+    padding: 10px 20px;
+}
+
+.show-all-top {
+    display: block;
+    width: 230px;
+    text-align: center;
+    color: #546ce8;
+    border: 1px solid #546ce8;
+    padding: 6px;
+    text-transform: uppercase;
+    font-style: italic;
+    margin: 22px auto 17px auto;
+    text-decoration: none;
+}
+
+.show-all-top:hover {
+    background: #3d52bf;
+    color: white;
+}
+
+/* banner-product-hot */
+.banner-under-product-hot {
+    margin: 21px 0 25px 0;
+    display: flex;
+    justify-content: space-between !important;
+}
+
+.banner-under-product-hot a {
+    display: block;
+    width: calc(50% - 2px);
+}
+
+/* box-product */
+.box-product {
+    margin: 24px 0 20px 0;
+    border-top: 3.2px solid #3d52bf;
+    position: relative;
+    background-color: white;
+}
+
+.box-product::before {
+    content: "";
+    position: absolute;
+    left: 156px;
+    top: -17px;
+    height: 8px;
+    width: 140px;
+    border-bottom: 6px solid #3d52bf;
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+}
+
+.show-all {
+    color: #546ce8;
+    font-style: italic;
+    display: block;
+    border-top: 1px solid #edeef2;
+    text-align: center;
+    padding: 18px;
+    margin: 4px auto;
+    width: 100%;
+    text-decoration: none;
+}
+
+.hover-content-product,
+#tooltip {
+    display: none;
+    position: absolute;
+    background: #fff;
+    z-index: 999;
+    border: 1px solid #546ce8;
+    width: 395px;
+    -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.3);
+    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.3);
+}
+
+.hover-content-product .name-product,
+#tooltip .name-product {
+    background: #546ce8;
+    color: #fff;
+    font-size: 15px;
+    font-weight: bold;
+    padding: 12px 12px 12px 15px;
+    margin-bottom: 0;
+}
+
+.hover-content-product .hover-content,
+#tooltip .hover-content {
+    padding: 10px 13px 20px 13px;
+}
+
+.hover-content-product .hover-summary,
+#tooltip .hover-summary {
+    white-space: pre-line;
+    margin: 15px 0 20px 0;
+    max-height: 149px;
+    overflow: hidden;
+}
+
+.hover-summary .item .fa.fa-check-circle {
+    color: #ff9900;
+    margin-right: 5px;
+}
+
+.hover-content-product .hover-specialOffer,
+#tooltip .hover-specialOffer {
+    position: relative;
+    padding: 7px 0 12px 0;
+    border: 1px solid #ce0707;
+}
+
+.hover-content-product .hover-specialOffer ul,
+#tooltip .hover-specialOffer ul {
+    padding: 0 10px 0 5px;
+    margin-top: 14px;
+}
+
+.hover-content-product .title-text,
+#tooltip .title-text {
+    background: #e05353;
+    color: #fff;
+    font-weight: bold;
+    padding: 6px 58px 6px 32px;
+    display: inline-block;
+    position: relative;
+}
+
+.hover-content-product .title-text::before,
+#tooltip .title-text::before {
+    content: '';
+    background: url(../images/khuyenmai.png) no-repeat;
+    position: absolute;
+    left: 0;
+    top: 5px;
+    bottom: 0;
+    width: 20px;
+}
+
+.hover-content-product .title-text::after,
+#tooltip .title-text::after {
+    content: '';
+    position: absolute;
+    right: -21px;
+    top: 0;
+    bottom: 0;
+    width: 33px;
+    background: #fff;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+}
+
+.hover-content-product li,
+#tooltip li {
+    margin-bottom: 4px;
+}
+
+.hover-content-product li:last-child,
+#tooltip li:last-child {
+    margin: 0;
+}
+
+.hover-content-product li::after,
+#tooltip li::after {
+    content: '';
+    display: block;
+    clear: both;
+}
+
+.hover-content-product li .number,
+#tooltip li .number {
+    float: left;
+    width: 18px;
+    height: 18px;
+    line-height: 19px;
+    border-radius: 50%;
+    margin-right: 12px;
+    text-align: center;
+    background: #526ae7;
+    color: #fff;
+    font-size: 13px;
+    font-weight: bold;
+}
+
+.hover-content-product li .text,
+#tooltip li .text {
+    float: left;
+    width: calc(100% - 30px);
+    font-weight: 300;
+}
+
+.hover-content-product .spec-title,
+#tooltip .spec-title {
+    position: relative;
+}
+
+.hover-content-product .spec-title::before,
+#tooltip .spec-title::before {
+    content: '';
+    position: absolute;
+    width: 10px;
+    background: #e05353;
+    left: -10px;
+    top: 0;
+    bottom: 0;
+}
+
+.hover-content-product .spec-title::after,
+#tooltip .spec-title::after {
+    content: '';
+    position: absolute;
+    border-top: 13px solid #ce0707;
+    border-left: 10px solid transparent;
+    left: -10px;
+    bottom: -13px;
+}
+
+.hover-content-product .p-old-price,
+#tooltip .p-old-price {
+    display: block;
+    font-weight: bold;
+    color: #999999;
+}
+
+.hover-content-product .p-price,
+#tooltip .p-price {
+    display: block;
+    font-size: 18px;
+    color: #fd3620;
+    font-weight: 500;
+}
+
+.position-relative {
+    position: relative;
+}
+
+.hover-content-product .p-discount,
+#tooltip .p-discount {
+    background: url("../images/discound.png") no-repeat;
+    width: 45px;
+    height: 45px;
+    line-height: 45px;
+    text-align: center;
+    color: #fff;
+    font-weight: bold;
+    position: absolute;
+    top: 0;
+    right: 0;
+}
+
+/* footer */
+.content-footer {
+    background-color: white;
+}
+
+.top-footer {
+    background-color: #3d52bf;
+    color: white;
+    padding: 30px 0;
+}
+
+.contact-us {
+    display: flex;
+    justify-content: space-between;
+}
+
+.contact-us .item {
+    width: calc(100% / 3);
+}
+
+.contact-us .item .title {
+    font-weight: 400;
+    font-size: 15px;
+    margin-bottom: 20px;
+}
+
+.contact-us .social-media a {
+    position: relative;
+    font-size: 27px;
+    color: white;
+    text-decoration: none;
+    padding-right: 20px;
+}
+
+.contact-us .social-media .icon-zalo {
+    background: url(../images/zalo.png) no-repeat;
+    width: 100%;
+    bottom: 0;
+    background-position: 0 37px;
+    padding: 30px;
+}
+
+.contact-us .icon-pay {
+    background: url(../images/pay.png) no-repeat;
+    width: 360px;
+    height: 36px;
+}
+
+.contact-us .new-form {
+    position: relative;
+    border-radius: 3px;
+    overflow: hidden;
+}
+
+.contact-us .new-form input {
+    height: 45px;
+    padding: 0 90px 0 13px;
+    width: 100%;
+    border: 0;
+}
+
+.contact-us .submit-new {
+    color: #fff;
+    background: #ffe401;
+    font-weight: 500;
+    width: 85px;
+    border: 0;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    text-transform: uppercase;
+}
+
+.footer-tintuc {
+    padding: 20px 0;
+}
+
+.footer-tintuc .content-tintuc {
+    display: flex;
+    justify-content: space-between;
+}
+
+.footer-tintuc .content-tintuc .item-tintuc {
+    width: calc(50% - 10px);
+}
+
+.footer-tintuc .item-tintuc .title-tintuc {
+    font-weight: bold;
+    font-size: 18px;
+    border-bottom: 1px solid #d7d7d7;
+    padding-bottom: 3px;
+    margin-bottom: 16px;
+}
+
+.list-tintuc .item {
+    margin-bottom: 20px;
+    display: flex;
+}
+
+.item-tintuc-img {
+    position: relative;
+    width: 30%;
+}
+
+.item-tintuc-img img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    max-height: 100%;
+    width: 150px;
+    object-fit: cover;
+}
+
+.text-tintuc {
+    width: 70%;
+}
+
+.text-tintuc a {
+    font-weight: bold;
+    text-decoration: none;
+    color: black;
+}
+
+.text-tintuc a:hover {
+    color: #3d52bf;
+}
+
+.summary-tintuc {
+    max-height: 35px;
+    overflow: hidden;
+}
+
+.text-tintuc .info-tintuc {
+    margin: 4px 0 8px 12px;
+    color: #999999;
+    font-size: 12px;
+}
+
+.info-tintuc span {
+    position: relative;
+    margin-right: 20px;
+}
+
+.info-tintuc .time-tintuc::before {
+    position: absolute;
+    content: "";
+    background: url(../images/icon-comment.png);
+    background-repeat: no-repeat;
+    background-position: -4px -1px;
+    padding: 10px;
+    margin-right: 4px;
+    top: 0;
+    left: -14%;
+
+}
+
+.info-tintuc .comment-tintuc::before {
+    position: absolute;
+    content: "";
+    background: url(../images/icon-comment.png);
+    background-repeat: no-repeat;
+    background-position: -30px -1px;
+    padding: 10px;
+    margin-right: 4px;
+    top: 0;
+    left: -260%;
+}
+
+.info-tintuc .view-tintuc::before {
+    position: absolute;
+    content: "";
+    background: url(../images/icon-comment.png);
+    background-repeat: no-repeat;
+    background-position: -52px -1px;
+    padding: 10px;
+    margin-right: 4px;
+    top: 0;
+    left: -50%;
+}
+
+.list-tintuc-khuyenmai .item {
+    margin-bottom: 20px;
+    display: flex;
+}
+
+.footer-hotrokhachhang {
+    border-top: 1px solid #e5e5e5;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.content-hotrokhachhang {
+    display: flex;
+    justify-content: space-between;
+}
+
+.chinhsachgiaohang {
+    background: url(../images/icon-hotrokhachhang.png);
+    width: 22%;
+    height: 70px;
+}
+
+.doitradedang {
+    background: url(../images/icon-hotrokhachhang.png);
+    width: 22%;
+    height: 70px;
+    background-position: 0 -75px;
+}
+
+.thanhtoantienloi {
+    background: url(../images/icon-hotrokhachhang.png);
+    width: 22%;
+    height: 70px;
+    background-position: 0 -145px;
+}
+
+.hotronhiettinh {
+    background: url(../images/icon-hotrokhachhang.png);
+    width: 22%;
+    height: 70px;
+    background-position: 0 -215px;
+}
+
+/* footer-main */
+.footer-main {
+    margin-top: 1.5rem;
+}
+
+.footer-main .footer-info {
+    display: flex;
+    justify-content: space-between;
+}
+
+.footer-info .item-info {
+    width: 25%;
+}
+
+.footer-info .item-info .title-info {
+    font-size: 18px;
+    font-weight: 700;
+    text-transform: uppercase;
+    position: relative;
+    margin-bottom: 1.5rem;
+}
+
+.footer-info .item-info .title-info::before {
+    position: absolute;
+    content: "";
+    left: 0;
+    bottom: -7px;
+    width: 100px;
+    height: 1px;
+    background-color: #546ce8;
+}
+
+.footer-info .item-info a {
+    display: block;
+    padding: 0.5rem 0;
+    text-decoration: none;
+    color: black;
+    font-size: 13px;
+}
+
+.footer-info .item-info a:hover {
+    color: #546ce8;
+}
+
+.footer-info .item-info .click-mobile {
+    background-color: #546ce8;
+    padding: 10px;
+    color: white;
+    width: 200px;
+    border-radius: 3px;
+    text-align: center;
+}
+
+.footer-info .item-info .click-mobile:hover {
+    background-color: #3d52bf;
+    color: white;
+}
+
+.footer-showroom {
+    border-top: 1px solid rgb(235, 235, 235);
+    background-color: #f7f7f7;
+}
+
+.footer-showroom .content-showroom {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin-top: 2rem;
+}
+
+.footer-showroom .content-showroom .item-showroom {
+    width: calc(100% / 3);
+    margin-bottom: 2rem;
+}
+
+.footer-showroom .item-showroom .title {
+    color: #5f75e9;
+    font-size: 16px;
+    text-transform: uppercase;
+    font-weight: 700;
+    margin-bottom: 15px;
+}
+
+.footer-showroom .item-showroom ul li {
+    list-style: none;
+    font-size: 13px;
+}
+
+.footer-showroom .item-showroom li {
+    padding-left: 25px;
+    margin-bottom: 10px;
+    position: relative;
+}
+
+.footer-showroom .item-showroom i {
+    padding-right: 15px;
+    position: absolute;
+    left: 0;
+    top: 3px;
+}
+
+.footer-showroom .item-showroom a {
+    color: #5f75e9;
+    text-decoration: none;
+}
+
+.footer-bottom {
+    background-color: #edeef2;
+    border-top: 1px solid rgb(223, 223, 223);
+}
+
+.footer-bottom .content-company {
+    margin: 1rem 0;
+    font-size: 13px;
+}
+
+/* product-detail */
+.product-detail {
+    padding-bottom: 20px;
+}
+
+.product-detail .breadcrumb {
+    margin: 15px 0;
+    position: relative;
+}
+
+.breadcrumb li {
+    font-weight: lighter;
+    float: left;
+    position: relative;
+    z-index: 1;
+}
+
+.breadcrumb li::after {
+    content: '\f105';
+    font-family: Fontawesome;
+    padding: 0 10px;
+}
+
+.breadcrumb li:last-child {
+    font-weight: 300;
+    color: #999999;
+}
+
+.breadcrumb li:last-child a {
+    color: #999999;
+}
+
+.breadcrumb li:last-child::after {
+    content: none;
+}
+
+.breadcrumb h1 {
+    font-size: inherit;
+    font-weight: inherit;
+    margin: 0;
+    line-height: inherit;
+}
+
+.breadcrumb i {
+    padding: 0px 6px;
+}
+
+.breadcrumb a {
+    text-decoration: none;
+    color: black;
+    font-weight: 400;
+}
+
+.product-detail .product-detail-content {
+    background-color: white;
+    padding: 20px;
+    margin-bottom: 20px;
+}
+
+.product-detail-content {
+    display: flex;
+    justify-content: space-between;
+}
+
+.product-detail-content .product-detail-gallery {
+    width: 380px;
+}
+
+.product-detail-content .item-img-sp {
+    padding-bottom: 2.5rem;
+}
+
+.product-detail-content .view-album {
+    position: absolute;
+    bottom: -8px;
+    left: 50%;
+    width: 100%;
+    margin: 1rem auto;
+    transform: translate(-50%, 0);
+    color: #526ae7;
+    background-color: #f3f3f3;
+    text-decoration: none;
+    padding: 5px;
+    text-align: center;
+}
+
+.product-detail-gallery .product-detail-thumbnail {
+    padding: 0 0 20px 0;
+    border-bottom: 1px dashed #f0f0f0;
+    margin-bottom: 20px;
+}
+
+.product-detail-thumbnail .item-thumbnail {
+    display: block;
+    width: 70px;
+    margin-right: 7px;
+    text-align: center;
+    float: left;
+}
+
+.product-detail-thumbnail .item-thumbnail a {
+    text-decoration: none;
+    font-weight: bold;
+    color: black;
+    font-size: 13px;
+}
+
+.product-detail-thumbnail .item-thumbnail.active {
+    border: 1px solid #ce0707;
+}
+
+.product-detail-thumbnail .img {
+    display: block;
+    height: 63px;
+    position: relative;
+    margin-bottom: 7px;
+    border: 1px solid #e1e1e1;
+    border-radius: 5px;
+}
+
+.product-detail-thongso {
+    width: 380px;
+    overflow: hidden;
+}
+
+.product-detail-thongso .content-table-thongso {
+    max-height: 350px;
+}
+
+.product-detail-thongso .content-table-thongso {
+    position: relative;
+}
+
+.product-detail-thongso .content-table-thongso::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 100px;
+    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
+    background: linear-gradient(transparent, #fff);
+}
+
+.product-detail-thongso .tlqcontent tr td {
+    text-align: left !important;
+    font-weight: 500;
+}
+
+.product-detail-thongso .tlqcontent strong {
+    font-weight: 500;
+}
+
+.product-detail-thongso .tlqcontent tr:nth-child(even) {
+    background-color: #f2f2f2;
+}
+
+.show-full-thongso table {
+    height: 409px !important;
+}
+
+.show-full-thongso ..tlqcontent tr td {
+    text-align: left !important;
+    font-weight: 500;
+}
+
+.show-full-thongso .tlqcontent tr:nth-child(even) {
+    background-color: #f2f2f2;
+}
+
+.product-detail-info {
+    width: 505px;
+}
+
+a.show-thongso {
+    display: block;
+    text-align: center;
+    text-decoration: none;
+}
+
+.product-detail-info .name-info {
+    font-weight: 500;
+    font-size: 18px;
+    margin-bottom: 10px;
+}
+
+.product-detail-info .icon-star {
+    background: url(../images/star_sprite.png) no-repeat;
+    width: 100px;
+    height: 20px;
+    display: inline-block;
+    vertical-align: text-top;
+    background-position: 0 0;
+}
+
+.product-info-summary {
+    padding: 1rem 0;
+}
+
+.product-info-summary .item-info-summary {
+    list-style: none;
+    font-size: 13px;
+}
+
+.product-info-summary .item-info-summary i {
+    color: #ff9900;
+    margin-right: 5px;
+}
+
+.info-content-price {
+    background-color: #f1f1f1;
+    padding: 1rem;
+}
+
+.info-content-price .price-title {
+    display: flex;
+    align-items: center;
+}
+
+.info-offer {
+    padding: 20px 0;
+    font-size: 15px;
+}
+
+.info-showroom b {
+    padding: 10px 0;
+    font-size: 15px;
+}
+
+.info-showroom ul {
+    padding: 15px;
+}
+
+.info-showroom li {
+    color: #2a9ce2;
+}
+
+.content-option {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    padding-top: 20px;
+}
+
+.product-detail-info .item-option {
+    position: relative;
+    text-decoration: none;
+    background-color: #f9faff;
+    width: calc(100% / 2 - 10px);
+    margin: 0 10px 10px 0;
+    padding: 15px 10px;
+    text-align: center;
+    color: #222;
+    font-weight: 350;
+    border-radius: 5px;
+    border: 1px solid #e1e1e1;
+}
+
+.product-detail-info .item-option.active {
+    border: 1px solid #526ae7;
+    background: #f9faff;
+    font-weight: bold;
+}
+
+.product-detail-info .item-option .item-name {
+    display: block;
+    font-size: 13px;
+    text-transform: uppercase;
+    padding-bottom: 5px;
+}
+
+.product-detail-info .item-option .item-name .checkbox-option {
+    position: absolute;
+    left: 1%;
+    top: 3%;
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    display: inline-block;
+    background: #dddddd;
+}
+
+.product-detail-info .item-option .item-name .checkbox-option.checked {
+    background-color: #546ce8
+}
+
+.product-detail-info .item-option .variant-price {
+    color: red;
+    font-weight: 700;
+}
+
+.product-detail-info .info-khuyenmai {
+    border: 1px solid red;
+    margin-bottom: 20px;
+}
+
+.info-khuyenmai .title-khuyenmai {
+    padding: 6px 8px 7px 0;
+    border-bottom: 1px dashed #e1e1e1;
+    position: relative;
+}
+
+.title-khuyenmai {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.info-khuyenmai .title-khuyenmai::before {
+    content: '';
+    position: absolute;
+    width: 10px;
+    background: #e05353;
+    left: -10px;
+    top: 6px;
+    bottom: 0;
+    height: 30px;
+}
+
+.info-khuyenmai .title-khuyenmai::after {
+    content: '';
+    position: absolute;
+    border-top: 13px solid #ce0707;
+    border-left: 10px solid transparent;
+    left: -10px;
+    bottom: -7px;
+}
+
+.info-khuyenmai .title-khuyenmai .spec-price {
+    background: #e05353;
+    color: #fff;
+    font-weight: bold;
+    padding: 6px 58px 6px 32px;
+    display: inline-block;
+    position: relative;
+}
+
+.info-khuyenmai .title-khuyenmai .spec-price::before {
+    content: '';
+    background: url(../images/khuyenmai.png) no-repeat;
+    position: absolute;
+    left: 0;
+    top: 6px;
+    bottom: 0;
+    width: 20px;
+}
+
+.info-khuyenmai .title-khuyenmai .spec-price::after {
+    content: '';
+    position: absolute;
+    right: -21px;
+    top: 0;
+    bottom: 0;
+    width: 31px;
+    height: 32px;
+    background: #fff;
+    transform: rotate(45deg);
+}
+
+.info-khuyenmai ul {
+    padding: 15px 10px;
+}
+
+.product-detail-info .product-button {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    text-align: center;
+    flex-wrap: wrap;
+}
+
+.product-detail-info .product-button .btn-buynow {
+    background: #ce0707;
+    border-color: #ce0707;
+    width: 100%;
+}
+
+.product-detail-info .product-button a {
+    display: block;
+    width: calc(50% - 5px);
+    line-height: 1.4;
+    margin-bottom: 10px;
+    border-radius: 5px;
+    color: #fff;
+    padding: 6px;
+    border: 1px solid transparent;
+    text-decoration: none;
+}
+
+.product-detail-info .product-button .btn-addcart {
+    color: #526ae7;
+    border-color: #526ae7;
+}
+
+.product-detail-info .product-button .btn-payinstall {
+    background: #546ce8;
+    border-color: #546ce8;
+}
+
+.product-detail-info .product-button .text-18 {
+    font-size: 18px;
+    font-weight: 500;
+    text-transform: uppercase;
+}
+
+.product-detail-info .product-icon-payment {
+    margin: 20px 0 0 0;
+    color: #546ce8;
+}
+
+.product-detail-info .product-icon-payment .icon-payment {
+    background: url(../images/payment.png) no-repeat;
+    display: block;
+    height: 50px;
+}
+
+/* product-right */
+.product-detail-content .product-detail-right {
+    width: calc(100% - 909px);
+}
+
+.product-detail-right .address-showroom span {
+    display: block;
+    position: relative;
+    padding: 5px 0;
+}
+
+.product-detail-right .address-showroom span::before {
+    content: '';
+    background: #1b95e0;
+    width: 4px;
+    height: 4px;
+    border-radius: 50%;
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 5px;
+}
+
+.product-detail-right .color-showroom {
+    text-decoration: none;
+    color: #546ce8;
+    font-weight: 700;
+}
+
+.product-detail-right a {
+    color: #222;
+    text-decoration: none;
+}
+
+.product-description {
+    display: flex;
+    justify-content: space-between;
+    margin: 20px 0;
+    padding: 15px;
+    background-color: white;
+}
+
+.product-description .item-left {
+    width: 800px;
+    margin-right: 20px;
+}
+
+.product-description .item-left .title {
+    border-bottom: 1px solid #edeef2;
+    padding-bottom: 5px;
+    margin-bottom: 12px;
+    font-weight: bold;
+    font-size: 20px;
+}
+
+.product-description .item-left .content-description {
+    max-height: 380px;
+    overflow: hidden;
+    position: relative;
+}
+
+.product-description .item-left .content-description.active {
+    max-height: 100%;
+}
+
+.product-description .item-left .content-description::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 100px;
+    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
+    background: linear-gradient(transparent, #fff);
+}
+
+.item-btn {
+    font-weight: 700;
+    display: block;
+    text-align: center;
+    text-decoration: none;
+    color: #1b95e0;
+    font-size: 16px;
+    padding-top: 1rem;
+}
+
+.product-description .item-article-right {
+    width: 400px;
+}
+
+.item-article-right .title-article {
+    border-bottom: 1px solid #edeef2;
+    padding-bottom: 5px;
+    margin-bottom: 12px;
+    font-weight: bold;
+    font-size: 20px;
+}
+
+.item-article-right .content-article-new {
+    display: block;
+}
+
+.item-article-right .content-article-new .item {
+    width: 100%;
+}
+
+.item-article-right .content-article-new .article-img {
+    width: 120px;
+    float: left;
+    margin: 0 10px 0 0;
+    display: block;
+    margin-bottom: 20px;
+    position: relative;
+}
+
+.item-article-right .content-article-new .article-text {
+    width: calc(100% - 170px);
+    float: left;
+    font-weight: bold;
+}
+
+.content-article-new .article-text a {
+    text-decoration: none;
+    color: black;
+}
+
+.content-article-new .article-info {
+    margin: 5px 0 10px 12px;
+    color: #999999;
+    font-size: 13px;
+}
+
+.article-info span {
+    position: relative;
+    margin-right: 20px;
+}
+
+.article-info .time-article::before {
+    position: absolute;
+    content: "";
+    background: url(../images/icon-comment.png);
+    background-repeat: no-repeat;
+    background-position: -4px -1px;
+    padding: 10px;
+    margin-right: 4px;
+    top: 0;
+    left: -14%;
+
+}
+
+.article-info .comment-article::before {
+    position: absolute;
+    content: "";
+    background: url(../images/icon-comment.png);
+    background-repeat: no-repeat;
+    background-position: -28px -1px;
+    padding: 10px;
+    margin-right: 4px;
+    top: 0;
+    left: -260%;
+}
+
+.article-info .view-article::before {
+    position: absolute;
+    content: "";
+    background: url(../images/icon-comment.png);
+    background-repeat: no-repeat;
+    background-position: -52px -1px;
+    padding: 10px;
+    margin-right: 4px;
+    top: 0;
+    left: -90%;
+}
+
+.product-video {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.product-video .content-review {
+    width: 840px;
+}
+
+.content-review .item-video {
+    background-color: white;
+    padding: 20px;
+    margin-bottom: 1.5rem;
+}
+
+.content-review .item-video .title {
+    font-size: 20px;
+    font-weight: 700;
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid #edeef2;
+}
+
+.content-review .item-video .new-product-video,
+.content-review .product-comment .new-product-comment {
+    margin-top: 1rem;
+}
+
+.content-review .product-comment {
+    background-color: white;
+    padding: 20px;
+    margin-bottom: 2rem;
+}
+
+.content-review .product-comment .title {
+    font-size: 20px;
+    font-weight: 700;
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid #edeef2;
+}
+
+.new-product-comment {
+    box-sizing: border-box;
+}
+
+.new-product-comment .comment-form .img-avatar {
+    float: left;
+}
+
+.new-product-comment .comment-form form {
+    margin-left: 50px;
+}
+
+.relative {
+    position: relative;
+}
+
+.new-product-comment .comment-form textarea {
+    height: 80px;
+    padding: 5px 10px;
+    margin-bottom: 10px;
+    width: 100%;
+}
+
+.new-product-comment .form-input {
+    border: solid 1px #ddd;
+    position: absolute;
+    background: #fff;
+    width: 100%;
+    z-index: 99;
+    padding: 10px;
+    top: 81px;
+    display: none;
+}
+
+/* category */
+.product-category {
+    padding: 1rem;
+    margin-bottom: 2rem;
+}
+
+.product-category .banner-category {
+    margin-top: 1rem;
+}
+
+.product-category .product-category-desc {
+    background-color: white;
+    margin-top: 1rem;
+    padding: 1rem;
+}
+
+.product-category-desc .title {
+    margin-bottom: 1rem;
+    font-size: 20px;
+    font-weight: 700;
+}
+
+.product-category-desc .content-desc {
+    max-height: 200px;
+    overflow: hidden;
+    position: relative;
+}
+
+.product-category-desc .content-desc.active {
+    max-height: 100% !important;
+}
+
+.product-category-desc .content-desc::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 100px;
+    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
+    background: linear-gradient(transparent, #fff);
+}
+
+.product-category-desc .content-desc.active::after {
+    background: 0;
+}
+
+.product-filter {
+    background-color: white;
+    margin-top: 1rem;
+    padding-bottom: 1rem;
+}
+
+.product-filter .title {
+    font-size: 20px;
+    font-weight: 500;
+    margin-bottom: 1rem;
+    padding: 0.5rem 1rem;
+    background-color: #f7f7f7;
+}
+
+.product-filter .list-filter-content {
+    padding: 10px 0;
+    overflow: hidden;
+}
+
+.product-filter .list-filter-content.active {
+    height: auto !important;
+}
+
+.product-filter table tr {
+    display: block;
+    padding: 0 20px;
+}
+
+.product-filter table tr:hover {
+    background: rgba(247, 247, 247, .5);
+}
+
+.product-filter .filter-list {
+    padding-top: 5px;
+}
+
+.product-filter .filter-list {
+    overflow: hidden;
+    transition: .3s ease-in-out;
+}
+
+.product-filter .filter-list.show-filter {
+    height: auto !important;
+}
+
+.product-filter .filter-list a {
+    border: 1px solid #e1e1e1;
+    padding: 8px 18px;
+    margin: 0 8px 10px 0;
+    display: inline-block;
+    text-decoration: none;
+    color: #222;
+}
+
+.product-filter .filter-list.active a {
+    background-color: #546ce8;
+    color: white;
+}
+
+.product-filter .filter-list a:hover {
+    background-color: #546ce8;
+    color: white;
+}
+
+.product-list-filter {
+    margin: 20px 0;
+    background-color: white;
+}
+
+.product-list-filter .product-filter-sort {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 20px;
+}
+
+.product-list-filter .product-filter-sort .list-sort {
+    display: flex;
+    align-items: center;
+}
+
+.product-list-filter .product-filter-sort .list-sort a {
+    border: 1px solid #e1e1e1;
+    padding: 8px 18px;
+    margin: 8px 8px 10px 0;
+    display: inline-block;
+    text-decoration: none;
+    color: #222;
+}
+
+.product-list-filter .product-filter-sort .list-sort a:hover,
+.product-list-filter .product-filter-sort .list-sort a.current {
+    background-color: #546ce8;
+    color: white;
+}
+
+.product-list-filter .product_list {
+    border-top: 1px solid #edeef2;
+    position: relative;
+    margin-right: -2px;
+}
+
+.product-list-filter .product_list .item_product {
+    width: 20%;
+    border: 1px solid #edeef2;
+    border-left: 0;
+    border-top: 0;
+}
+
+.list-filter-content a.toggle-filter {
+    color: #c2c2c2;
+    border: 1px solid #c2c2c2;
+    border-radius: 50%;
+    font-size: 20px;
+    width: 24px;
+    height: 24px;
+    line-height: 24px;
+    text-align: center;
+    display: block;
+    margin: auto 0 auto auto;
+}
+
+.product_list .owl-nav button {
+    position: absolute;
+    top: 50%;
+    margin: 0 !important;
+    width: 27px;
+    height: 55px;
+    line-height: 55px !important;
+    border-radius: 0 50px 50px 0 !important;
+    background: #eee !important;
+    opacity: .5;
+    transition: .3s all;
+    transform: translateY(-50%);
+    outline: none;
+}
+
+.product_list .owl-nav button:hover {
+    transition: .3s all;
+    opacity: 1;
+}
+
+.product_list .owl-nav .owl-prev {
+    left: 0;
+}
+
+.product_list .owl-nav .owl-next {
+    right: 0;
+    border-radius: 50px 0 0 50px !important;
+}
+
+.tab-product-detail .tab-content {
+    background-color: white;
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    overflow: hidden;
+}
+
+.tab-product-detail .title-tab {
+    width: 100%;
+    display: flex;
+    ;
+    padding-left: 10px;
+}
+
+.tab-product-detail .title-tab li,
+.tab-product-detail .title-tab a {
+    list-style: none;
+    text-decoration: none;
+    color: black;
+}
+
+.tab-product-detail .title-tab-list {
+    width: 100%;
+    display: flex;
+    ;
+    margin-bottom: 10px;
+    border-bottom: solid 1px #acacac;
+}
+
+.tab-product-detail .title-tab-list li {
+    margin-right: 30px;
+}
+
+.tab-product-detail .title-tab-list li a {
+    font-size: 16px;
+    line-height: 42px;
+    border-bottom: solid 3px rgba(0, 0, 0, 0);
+    margin-bottom: -1px;
+    color: #222222;
+    font-weight: 500;
+}
+
+.tab-product-detail .title-tab-list li.active {
+    border-bottom: solid 3px #2b8ae0;
+}
+
+.tab-product-detail .content-product_list {
+    width: 100%;
+    display: flex;
+}
+
+.tab-product-detail .content-product_list .tab-list {
+    width: 100%
+}
+
+.tab-product-detail .content-product_list .tab-list .item-n {
+    width: 100%;
+}
+
+.tab-product-detail .owl-nav button {
+    position: absolute;
+    top: 50%;
+    margin: 0 !important;
+    width: 27px;
+    height: 55px;
+    line-height: 55px !important;
+    border-radius: 0 50px 50px 0 !important;
+    background: #eee !important;
+    opacity: .5;
+    transition: .3s all;
+    transform: translateY(-50%);
+    outline: none;
+}
+
+.tab-product-detail .owl-nav button:hover {
+    transition: .3s all;
+    opacity: 1;
+}
+
+.tab-product-detail .owl-nav .owl-prev {
+    left: 0;
+}
+
+.tab-product-detail .owl-nav .owl-next {
+    right: 0;
+    border-radius: 50px 0 0 50px !important;
+}
+
+.paging {
+    text-align: center;
+    padding: 25px 0;
+    border-bottom: 1px solid #edeef2;
+}
+
+.paging a {
+    display: inline-block;
+    margin-right: 3px;
+    padding: 4px 10px;
+    border-radius: 5px;
+    border: 1px solid #edeef2;
+    color: #888;
+    font-weight: 300;
+    text-decoration: none;
+}
+
+.paging a:hover,
+.paging a.current {
+    color: #fff;
+    background: #546ce8;
+    font-weight: 400;
+    border-color: #546ce8;
+}
+
+.category-article {
+    padding: 20px;
+}
+
+.category-article .title-article {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-bottom: 1rem;
+}
+
+.category-article .title-article .title {
+    font-size: 25px;
+}
+
+.category-article .title-article a {
+    text-decoration: none;
+}
+
+.category-article .category-content-article {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.category-article .item.clearfix {
+    width: calc(25% - 25px);
+}
+
+.category-article .article-img {
+    position: relative;
+    display: block;
+    margin-bottom: 20px;
+    padding-bottom: 50%;
+    overflow: hidden;
+}
+
+.category-article .fit-img {
+    width: auto;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    min-height: 100%;
+    margin: auto;
+    display: block;
+}
+
+.category-article .art-title {
+    display: block;
+    text-decoration: none;
+    color: black;
+}
+
+.category-article .article-info {
+    margin: 4px 0px 8px 15px;
+    color: #999999;
+    font-size: 12px;
+}
+
+.category-article .article-info span {
+    position: relative;
+    margin-right: 17px;
+}
+
+.category-article .article-info .time-article::before {
+    position: absolute;
+    content: "";
+    background: url(../images/icon-comment.png);
+    background-repeat: no-repeat;
+    background-position: -4px -1px;
+    padding: 8px;
+    margin-right: 8px;
+    top: 0;
+    left: -15%;
+    vertical-align: sub;
+}
+
+.category-article .article-info .comment-article::before {
+    position: absolute;
+    content: "";
+    background: url(../images/icon-comment.png);
+    background-repeat: no-repeat;
+    background-position: -26px -1px;
+    padding: 10px;
+    margin-right: 4px;
+    top: 0;
+    left: -24px;
+}
+
+.category-article .article-info .view-article::before {
+    position: absolute;
+    content: "";
+    background: url(../images/icon-comment.png);
+    background-repeat: no-repeat;
+    background-position: -52px -1px;
+    padding: 10px;
+    margin-right: 4px;
+    top: 0;
+    left: -19px;
+}
+
+.cart-page {
+    padding: 1rem 0;
+}
+
+.cart-content-main {
+    width: 790px;
+    margin: auto auto 20px auto;
+    background: #fff;
+    padding: 20px;
+}
+
+.voucher #discount_code {
+    width: 200px;
+    border-radius: 3px;
+    height: 29px;
+    margin-right: 2px;
+}
+
+.cart-select-quantity span,
+.cart-select-quantity a {
+    display: inline-block;
+    border: solid 1px #ccc;
+    width: 29px;
+    text-align: center;
+    line-height: 29px;
+    margin: 0 -4px;
+    vertical-align: top;
+    cursor: pointer;
+    font-size: 18px;
+    color: #888;
+}
+
+.cart-select-quantity input {
+    height: 31px;
+    width: 40px;
+    text-align: center;
+    border: solid 1px #ccc;
+    margin-right: 0;
+    border-right: 0;
+    border-left: 0;
+    border-right: 0;
+}
+
+.cart-select-quantity .minus {
+    border-radius: 3px 0 0 3px;
+}
+
+.cart-select-quantity .plus {
+    border-radius: 0 3px 3px 0;
+}
+
+.cart-select-quantity {
+    padding: 4px;
+}
+
+.cart-select-quantity span:hover {
+    background: #ccc;
+}
+
+#tbl_list_cart tr td {
+    border-top: solid 1px #ddd;
+    padding: 10px 5px;
+}
+
+.red {
+    color: #db0006 !important;
+}
+
+.list-btn-cart {
+    display: flex;
+    justify-content: space-between;
+}
+
+.btn-cart {
+    display: block;
+    background: #546CE8;
+    color: #fff;
+    text-transform: uppercase;
+    font-size: 18px;
+    font-weight: 500;
+    border-radius: 3px;
+    width: 100%;
+    text-align: center;
+    padding: 11px;
+}
+
+.btn-cart.btn-cart-orange {
+    background: #ff9900;
+    margin: 0;
+}
+
+.btn-cart:hover {
+    color: #fff;
+    opacity: 0.8;
+}
+
+.voucher_input,
+.button-check-discount {
+    width: 300px;
+    height: 35px;
+    border: solid 1px #ddd;
+    padding-left: 5px;
+    margin-right: 10px;
+    border-radius: 3px;
+}
+
+.hide,
+.none {
+    display: none;
+}
+
+.title_box_cart {
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 30px;
+    margin-bottom: 6px;
+}
+
+.box-cart-user-info .sex .radio {
+    display: inline-block;
+}
+
+.box-cart-user-info .sex {
+    overflow: hidden;
+    margin-bottom: 15px;
+    margin-top: 15px;
+}
+
+.table-shopping-cart {
+    border: 1px solid #ccc;
+    border-collapse: collapse;
+    width: 100%;
+    line-height: 19px;
+    font-weight: 700
+}
+
+.table-shopping-cart td {
+    padding: 5px 10px;
+    text-align: center;
+    border: 1px solid #ccc
+}
+
+td.cart_img {
+    vertical-align: top;
+    border-right: none
+}
+
+.cart_img img {
+    max-width: 60px;
+    max-height: 70px;
+    margin: 0 10px 0 0
+}
+
+
+
+.cart-page #btn-submit {
+    display: inline-block;
+    background: #ccc;
+    padding: 0 25px;
+    line-height: 30px;
+    white-space: nowrap;
+    color: #fff;
+    text-decoration: none;
+    font-weight: 700;
+    font-size: 13px;
+    border-radius: 3px;
+    border: solid 1px #D68731;
+    text-shadow: 1px 1px 2px #666;
+    border-color: #546CE8;
+    background-color: #546CE8;
+}
+
+.txt_center {
+    text-align: center;
+}
+
+.box-cart-user-info input[type="text"],
+.box-cart-user-info select,
+.box-cart-user-info textarea {
+    width: 100%;
+    height: 36px;
+    padding: 0 10px;
+    border-radius: 3px;
+    margin-bottom: 12px;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    border: 1px solid #ccc;
+}
+
+/* tin tức */
+.list-category {
+    display: flex;
+    align-items: center;
+    padding: 10px;
+}
+
+.tintuc .tintuc-main {
+    display: flex;
+    padding: 1rem 0;
+}
+
+.list-category .item {
+    padding-right: 2rem;
+    font-weight: 700;
+}
+
+.list-category .item a {
+    color: black;
+    text-transform: uppercase;
+}
+
+.list-category .item a:hover {
+    color: #1b95e0;
+}
+
+.tintuc-main .tintuc-left {
+    width: calc(65% - 10px);
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.tintuc-left .tintuc-noibat:first-child {
+    flex: 0 0 100%;
+    width: 100%;
+}
+
+.tintuc-left .tintuc-noibat {
+    flex: 0 0 33.3%;
+    width: 33.3%;
+    padding: 0 10px;
+}
+
+.tintuc-noibat .tintuc-big {
+    position: relative;
+}
+
+.tintuc-noibat .tintuc-big .blog-img {
+    display: inline-block;
+    width: 100%;
+}
+
+.tintuc-noibat .tintuc-big .tintuc-content {
+    padding: 1rem 0;
+}
+
+.tintuc-noibat .tintuc-big .tintuc-content a {
+    color: black;
+    font-weight: 700;
+}
+
+.tintuc-noibat .tintuc-big .info-tintuc {
+    padding-left: 15px;
+    margin-top: 7px;
+}
+
+.tintuc-noibat .tintuc-big .info-tintuc span {
+    margin-right: 13px;
+}
+
+.tintuc-noibat .tintuc-big .info-tintuc .comment-tintuc::before {
+    background-position: -30px 1px;
+    left: -15px;
+}
+
+.tintuc-noibat .tintuc-big .info-tintuc .view-tintuc::before {
+    background-position: -52px 0px;
+    left: -18px;
+}
+
+.tintuc-noibat:first-child .tintuc-big .blog-img::before {
+    content: '';
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
+}
+
+.tintuc-noibat:first-child .tintuc-big .tintuc-content {
+    color: white;
+    padding: 0 20px;
+    margin-bottom: 1rem;
+}
+
+.tintuc-noibat:first-child .tintuc-big .tintuc-content .title {
+    color: white;
+    font-size: 20px;
+    position: absolute;
+    bottom: 2%;
+    transition: 250ms;
+}
+
+.tintuc-noibat:first-child .tintuc-big .tintuc-content .info-tintuc {
+    position: absolute;
+    bottom: 0;
+    font-size: 13px;
+    transition: 250ms;
+    opacity: 0;
+}
+
+.tintuc-noibat:first-child .tintuc-big .tintuc-content .info-tintuc span {
+    margin: 0px 0 0 18px;
+}
+
+.tintuc-noibat:first-child .tintuc-big:hover .title {
+    bottom: 10%;
+    transition: 250ms;
+}
+
+.tintuc-noibat:first-child .tintuc-big:hover .info-tintuc {
+    bottom: 5%;
+    transition: 250ms;
+    opacity: 1;
+}
+
+.tintuc-noibat:first-child .item-thumb .content-title .info-tintuc {
+    font-size: 12px;
+    padding: 5px 0;
+    color: gray;
+    margin: 0px 0 0 18px;
+}
+
+.tintuc-noibat:first-child .tintuc-big .btn-new {
+    position: absolute;
+    background-color: red;
+    padding: 5px 10px;
+    font-weight: 700;
+    bottom: 18%;
+    transition: 250ms;
+}
+
+.tintuc-noibat:first-child .tintuc-big:hover .btn-new {
+    bottom: 25%;
+    transition: 250ms;
+}
+
+.tintuc-product .title {
+    color: black;
+    font-size: 18px;
+    font-weight: 700;
+    border-bottom: 1px solid rgb(197, 197, 197);
+    margin-bottom: 1rem;
+    padding-bottom: 1rem;
+    display: block;
+    position: relative;
+}
+
+.tintuc-right .blog-left .blog-img {
+    flex: 0 0 150px;
+    position: relative;
+}
+
+.tintuc-product .title::before {
+    position: absolute;
+    content: "";
+    border-top: 1px solid red;
+    width: 60px;
+    bottom: -1px;
+    left: 0;
+}
+
+.list-tintuc .item .tintuc-img {
+    width: calc(40% -15px);
+}
+
+.list-tintuc .item .tintuc-img {
+    width: calc(40% - 15px);
+    margin-right: 1rem;
+}
+
+.tintuc-product .btn-xemthem {
+    text-align: center;
+    overflow: hidden;
+    margin-top: 26px;
+    margin-bottom: 30px;
+}
+
+.tintuc-product .btn-xemthem a {
+    height: 38px;
+    line-height: 40px;
+    position: relative;
+    font-size: 14px;
+    padding: 10px 30px;
+    border: 1px solid #e0e0e0;
+    border-radius: 2px;
+    text-align: center;
+    color: #888888;
+    background: #fff;
+}
+
+.tintuc-product .btn-xemthem a:hover {
+    border: 1px solid #f70d28;
+    color: #f70d28;
+}
+
+.tintuc-product .btn-xemthem a::after,
+.tintuc-product .btn-xemthem a::before {
+    content: "";
+    height: 1px;
+    background: rgb(204, 204, 204);
+    width: 1000px;
+    margin: auto;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    display: block;
+    cursor: none;
+    pointer-events: none;
+}
+
+.tintuc-product .btn-xemthem a::before {
+    right: 100%;
+    margin-right: 20px;
+}
+
+.tintuc-product .btn-xemthem a::after {
+    left: 100%;
+    margin-left: 20px;
+}
+
+.tintuc-right {
+    margin-left: 1rem;
+    width: 30%
+}
+
+.tintuc-new .title {
+    color: black;
+    width: 100%;
+    font-size: 18px;
+    font-weight: 700;
+    border-bottom: 1px solid rgb(197, 197, 197);
+    margin-bottom: 1rem;
+    padding-bottom: 1rem;
+    display: block;
+    position: relative;
+}
+
+.tintuc-new .title a {
+    color: black;
+}
+
+.tintuc-new .title ::before {
+    position: absolute;
+    content: "";
+    border-top: 1px solid red;
+    width: 60px;
+    bottom: -1px;
+    left: 0;
+}
+
+.tintuc-right .list-tintuc-new .blog-left {
+    display: flex;
+}
+
+.list-tintuc-new .link-title {
+    font-weight: 700;
+    color: black;
+    height: 45px;
+}
+
+.list-tintuc-new .link-title:hover {
+    color: red;
+}
+
+.tintuc-right .list-tintuc-new .blog-new {
+    margin-bottom: 10px;
+}
+
+.tintuc-right .list-tintuc-new .blog-left {
+    display: flex;
+}
+
+.content-left {
+    width: 225px;
+    margin-right: 5px;
+}
+
+.list-tintuc-new .content-left .info-tintuc {
+    margin-top: 1rem;
+}
+
+.list-tintuc-new .content-left .info-tintuc span {
+    margin: 0 0 0 12px;
+    font-size: 12px;
+}
+
+.tintuc-product-content {
+    display: flex;
+    flex-wrap: wrap;
+    padding-top: 2rem
+}
+
+.tintuc-product-content .tintuc-product-left {
+    max-width: calc(65% - 10px);
+    margin-right: 1rem;
+}
+
+.tintuc-product-content .tintuc-product-right {
+    width: 34%;
+}
+
+.tintuc-product-right .title {
+    color: black;
+    font-size: 18px;
+    font-weight: 700;
+    border-bottom: 1px solid rgb(197, 197, 197);
+    margin-bottom: 1rem;
+    padding-bottom: 1rem;
+    display: block;
+    position: relative;
+}
+
+.tintuc-product-right .title a {
+    color: black;
+}
+
+.tintuc-product-right .title::before {
+    position: absolute;
+    content: "";
+    border-top: 1px solid red;
+    width: 60px;
+    bottom: -1px;
+    left: 0;
+}
+
+.content-feature .top-one {
+    margin-bottom: 1rem;
+}
+
+.list-feature .item-number:first-child {
+    display: flex;
+    padding-bottom: 8px;
+    border-bottom: 1px solid #acacac;
+    margin-bottom: 12px;
+}
+
+.list-feature .item-number:first-child .number {
+    font-size: 50px;
+    color: #cacaca;
+    font-weight: bold;
+    font-style: italic;
+    padding-right: 15px;
+    background: 0;
+}
+
+.list-feature .title-numer:first-child {
+    border-left: 1px solid #acacac;
+    padding-left: 20px;
+    font-weight: 700;
+    font-size: 16px;
+}
+
+.list-feature .item-number:first-child:hover .number {
+    color: #cacaca;
+    background: 0
+}
+
+.list-feature .item-number {
+    margin-bottom: 1rem;
+    display: flex;
+}
+
+.list-feature .item-number .number {
+    flex: 0 0 40px;
+    max-width: 40px;
+    height: 40px;
+    border-radius: 40px;
+    background-color: #cecece;
+    text-align: center;
+    line-height: 40px;
+    font-style: italic;
+    font-size: 16px;
+    font-weight: bold;
+    color: #222222;
+    margin-right: 18px;
+}
+
+.list-feature .item-number:hover .number {
+    background: red;
+    color: white;
+}
+
+.list-feature .item-number .title-numer {
+    border-left: 1px solid #acacac;
+    padding-left: 20px;
+    font-weight: 700;
+    font-size: 16px;
+}
+
+.list-feature .item-number .title-numer a:hover {
+    color: red;
+}
+
+.content-game .item-game {
+    margin-bottom: 23px;
+}
+
+.content-game .title-game {
+    font-size: 18px;
+    font-weight: 700;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    margin: 1rem 0;
+}
+
+.content-game .info-tintuc span {
+    margin: 0 20px 0 0;
+}
+
+.content-game .author {
+    font-weight: bold;
+    font-size: 13px;
+    text-transform: uppercase;
+}
+
+.content-game .info-tintuc .time-tintuc::before,
+.content-game .info-tintuc .comment-tintuc::before,
+.content-game .info-tintuc .view-tintuc::before {
+    background-position: -4px 1px;
+}
+
+.content-game p {
+    padding: 0.7rem 0;
+    margin: 0.7rem 0;
+}
+
+.content-game .click-more-game {
+    text-transform: uppercase;
+    margin-top: 1rem;
+    color: gray;
+    padding: 10px 25px;
+    border: 1px solid gray;
+}
+
+.content-game .click-more-game:hover {
+    color: red;
+    border: 1px solid red;
+}
+
+.list-blog-category {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.blog-item {
+    flex: calc(100% / 3);
+    max-width: calc(100% / 3);
+    padding: 0 9px;
+    margin-bottom: 30px;
+}
+
+.blog-item .blog-link {
+    display: block;
+    font-size: 18px;
+    font-weight: 700;
+    margin-bottom: 20px;
+}
+
+.list-blog-category .info-tintuc span {
+    margin: 0 20px 0 0;
+    color: gray;
+}
+
+.list-blog-category .info-tintuc i {
+    margin: 0 5px 0 0;
+}
+
+.content-detail {
+    display: flex;
+}
+
+.content-detail .left-detail {
+    flex: 0 0 70%;
+    max-width: 70%;
+}
+
+.content-detail .left-detail .title {
+    font-size: 30px;
+    font-weight: bold;
+    margin-bottom: 2rem;
+}
+
+.tintuc-game .title {
+    color: black;
+    width: 100%;
+    font-size: 18px;
+    font-weight: 700;
+    border-bottom: 1px solid rgb(197, 197, 197);
+    margin-bottom: 1rem;
+    padding-bottom: 1rem;
+    display: block;
+    position: relative;
+}
+
+.product-lienquan .pright-img {
+    float: left;
+    width: 80px;
+}
+
+.product-lienquan li {
+    overflow: hidden;
+    padding: 5px 0;
+    border: solid 1px #ffffffb3;
+    border-top: solid 1px #eee;
+    transition: all 0.5s ease;
+}
+
+.product-lienquan li:hover {
+    border: solid 1px #e00 !important;
+}
+
+.product-lienquan li:first-child {
+    border-color: #ffffff8a;
+}
+
+.pright-name {
+    line-height: 17px;
+    height: 51px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+}
+
+.pright-right {
+    margin-left: 90px;
+}
+
+.product-lienquan .item-price {
+    font-size: 18px;
+    font-weight: 700;
+    color: red;
+}
\ No newline at end of file
diff --git a/asset/img/05_Feba7004383d7438b8bdc521f1d0f5c0ac7.jpg b/asset/img/05_Feba7004383d7438b8bdc521f1d0f5c0ac7.jpg
new file mode 100644
index 0000000..d21f6a7
Binary files /dev/null and b/asset/img/05_Feba7004383d7438b8bdc521f1d0f5c0ac7.jpg differ
diff --git a/asset/img/15_Jan9e8b43db286e4519dbbb54727c0ec354.png b/asset/img/15_Jan9e8b43db286e4519dbbb54727c0ec354.png
new file mode 100644
index 0000000..eab4691
Binary files /dev/null and b/asset/img/15_Jan9e8b43db286e4519dbbb54727c0ec354.png differ
diff --git a/asset/img/22_Jan125f0364d00a009a2c29005536ba7109.jpg b/asset/img/22_Jan125f0364d00a009a2c29005536ba7109.jpg
new file mode 100644
index 0000000..98ac9d6
Binary files /dev/null and b/asset/img/22_Jan125f0364d00a009a2c29005536ba7109.jpg differ
diff --git a/asset/img/25_Febca2e7af104f4d9bd566656ed4e8a8a30.jpg b/asset/img/25_Febca2e7af104f4d9bd566656ed4e8a8a30.jpg
new file mode 100644
index 0000000..a0da8af
Binary files /dev/null and b/asset/img/25_Febca2e7af104f4d9bd566656ed4e8a8a30.jpg differ
diff --git a/asset/img/3000.png b/asset/img/3000.png
new file mode 100644
index 0000000..a69848d
Binary files /dev/null and b/asset/img/3000.png differ
diff --git a/asset/img/NEW.png b/asset/img/NEW.png
new file mode 100644
index 0000000..0a01e39
Binary files /dev/null and b/asset/img/NEW.png differ
diff --git a/asset/img/Rectangle 4.png b/asset/img/Rectangle 4.png
new file mode 100644
index 0000000..2a0f248
Binary files /dev/null and b/asset/img/Rectangle 4.png differ
diff --git a/asset/img/Vector Smart Object.png b/asset/img/Vector Smart Object.png
new file mode 100644
index 0000000..5a91d77
Binary files /dev/null and b/asset/img/Vector Smart Object.png differ
diff --git a/asset/img/ZoomInstaller.exe b/asset/img/ZoomInstaller.exe
new file mode 100644
index 0000000..bdbde92
Binary files /dev/null and b/asset/img/ZoomInstaller.exe differ
diff --git a/asset/img/banner-left.png b/asset/img/banner-left.png
new file mode 100644
index 0000000..79d866a
Binary files /dev/null and b/asset/img/banner-left.png differ
diff --git a/asset/img/banner-right-bottom.png b/asset/img/banner-right-bottom.png
new file mode 100644
index 0000000..77792a5
Binary files /dev/null and b/asset/img/banner-right-bottom.png differ
diff --git a/asset/img/banner-right-top.png b/asset/img/banner-right-top.png
new file mode 100644
index 0000000..c50a2c7
Binary files /dev/null and b/asset/img/banner-right-top.png differ
diff --git a/asset/img/banner-right.png b/asset/img/banner-right.png
new file mode 100644
index 0000000..3e118c6
Binary files /dev/null and b/asset/img/banner-right.png differ
diff --git a/asset/img/banner-sale.jpg b/asset/img/banner-sale.jpg
new file mode 100644
index 0000000..de77691
Binary files /dev/null and b/asset/img/banner-sale.jpg differ
diff --git a/asset/img/banner.png b/asset/img/banner.png
new file mode 100644
index 0000000..f72f658
Binary files /dev/null and b/asset/img/banner.png differ
diff --git a/asset/img/banner_product.png b/asset/img/banner_product.png
new file mode 100644
index 0000000..0ceb5e4
Binary files /dev/null and b/asset/img/banner_product.png differ
diff --git a/asset/img/banner_product_hot-02.png b/asset/img/banner_product_hot-02.png
new file mode 100644
index 0000000..60d4a77
Binary files /dev/null and b/asset/img/banner_product_hot-02.png differ
diff --git a/asset/img/banner_product_hot.png b/asset/img/banner_product_hot.png
new file mode 100644
index 0000000..c32c5c8
Binary files /dev/null and b/asset/img/banner_product_hot.png differ
diff --git a/asset/img/banner_sale_20.png b/asset/img/banner_sale_20.png
new file mode 100644
index 0000000..69ef737
Binary files /dev/null and b/asset/img/banner_sale_20.png differ
diff --git a/asset/img/banner_sale_30.png b/asset/img/banner_sale_30.png
new file mode 100644
index 0000000..aed9d55
Binary files /dev/null and b/asset/img/banner_sale_30.png differ
diff --git a/asset/img/banner_sale_50.png b/asset/img/banner_sale_50.png
new file mode 100644
index 0000000..76097bf
Binary files /dev/null and b/asset/img/banner_sale_50.png differ
diff --git a/asset/img/banner_top.png b/asset/img/banner_top.png
new file mode 100644
index 0000000..3637700
Binary files /dev/null and b/asset/img/banner_top.png differ
diff --git a/asset/img/compact-discs.png b/asset/img/compact-discs.png
new file mode 100644
index 0000000..367937f
Binary files /dev/null and b/asset/img/compact-discs.png differ
diff --git a/asset/img/computers.png b/asset/img/computers.png
new file mode 100644
index 0000000..7a9d2ed
Binary files /dev/null and b/asset/img/computers.png differ
diff --git a/asset/img/delivery.png b/asset/img/delivery.png
new file mode 100644
index 0000000..f49e23f
Binary files /dev/null and b/asset/img/delivery.png differ
diff --git a/asset/img/discound.png b/asset/img/discound.png
new file mode 100644
index 0000000..61a20cf
Binary files /dev/null and b/asset/img/discound.png differ
diff --git a/asset/img/flash.png b/asset/img/flash.png
new file mode 100644
index 0000000..0c13408
Binary files /dev/null and b/asset/img/flash.png differ
diff --git a/asset/img/gamepad-1.png b/asset/img/gamepad-1.png
new file mode 100644
index 0000000..120bac0
Binary files /dev/null and b/asset/img/gamepad-1.png differ
diff --git a/asset/img/icon-builpc.png b/asset/img/icon-builpc.png
new file mode 100644
index 0000000..35210e6
Binary files /dev/null and b/asset/img/icon-builpc.png differ
diff --git a/asset/img/icon-call.png b/asset/img/icon-call.png
new file mode 100644
index 0000000..3fb4a58
Binary files /dev/null and b/asset/img/icon-call.png differ
diff --git a/asset/img/icon-comment.png b/asset/img/icon-comment.png
new file mode 100644
index 0000000..9760e97
Binary files /dev/null and b/asset/img/icon-comment.png differ
diff --git a/asset/img/icon-hotrokhachhang.png b/asset/img/icon-hotrokhachhang.png
new file mode 100644
index 0000000..a8d70de
Binary files /dev/null and b/asset/img/icon-hotrokhachhang.png differ
diff --git a/asset/img/icon-policy.png b/asset/img/icon-policy.png
new file mode 100644
index 0000000..0e12979
Binary files /dev/null and b/asset/img/icon-policy.png differ
diff --git a/asset/img/khuyenmai.png b/asset/img/khuyenmai.png
new file mode 100644
index 0000000..c52caa3
Binary files /dev/null and b/asset/img/khuyenmai.png differ
diff --git a/asset/img/laptop-40.png b/asset/img/laptop-40.png
new file mode 100644
index 0000000..8dc6aa9
Binary files /dev/null and b/asset/img/laptop-40.png differ
diff --git a/asset/img/logo-da-thong-bao-website-voi-bo-cong-thuong.png b/asset/img/logo-da-thong-bao-website-voi-bo-cong-thuong.png
new file mode 100644
index 0000000..96d835d
Binary files /dev/null and b/asset/img/logo-da-thong-bao-website-voi-bo-cong-thuong.png differ
diff --git a/asset/img/logo-fix.png b/asset/img/logo-fix.png
new file mode 100644
index 0000000..48363a3
Binary files /dev/null and b/asset/img/logo-fix.png differ
diff --git a/asset/img/logo-mobile.png b/asset/img/logo-mobile.png
new file mode 100644
index 0000000..a9ca462
Binary files /dev/null and b/asset/img/logo-mobile.png differ
diff --git a/asset/img/logo_2020.png b/asset/img/logo_2020.png
new file mode 100644
index 0000000..9555c17
Binary files /dev/null and b/asset/img/logo_2020.png differ
diff --git a/asset/img/medal.png b/asset/img/medal.png
new file mode 100644
index 0000000..ac383a1
Binary files /dev/null and b/asset/img/medal.png differ
diff --git a/asset/img/microchip.png b/asset/img/microchip.png
new file mode 100644
index 0000000..0a4a0af
Binary files /dev/null and b/asset/img/microchip.png differ
diff --git a/asset/img/monitor-1.png b/asset/img/monitor-1.png
new file mode 100644
index 0000000..ae7c1e7
Binary files /dev/null and b/asset/img/monitor-1.png differ
diff --git a/asset/img/package.png b/asset/img/package.png
new file mode 100644
index 0000000..f4d127a
Binary files /dev/null and b/asset/img/package.png differ
diff --git a/asset/img/pay.png b/asset/img/pay.png
new file mode 100644
index 0000000..c0e41b0
Binary files /dev/null and b/asset/img/pay.png differ
diff --git a/asset/img/payment.png b/asset/img/payment.png
new file mode 100644
index 0000000..adc61d7
Binary files /dev/null and b/asset/img/payment.png differ
diff --git a/asset/img/phone.png b/asset/img/phone.png
new file mode 100644
index 0000000..f4d1f3d
Binary files /dev/null and b/asset/img/phone.png differ
diff --git a/asset/img/printer-1.png b/asset/img/printer-1.png
new file mode 100644
index 0000000..e0feee3
Binary files /dev/null and b/asset/img/printer-1.png differ
diff --git a/asset/img/router-1.png b/asset/img/router-1.png
new file mode 100644
index 0000000..85940f6
Binary files /dev/null and b/asset/img/router-1.png differ
diff --git a/asset/img/sale.png b/asset/img/sale.png
new file mode 100644
index 0000000..f2bd521
Binary files /dev/null and b/asset/img/sale.png differ
diff --git a/asset/img/slider_banner.png b/asset/img/slider_banner.png
new file mode 100644
index 0000000..2c60405
Binary files /dev/null and b/asset/img/slider_banner.png differ
diff --git a/asset/img/sprite_2019.png b/asset/img/sprite_2019.png
new file mode 100644
index 0000000..00aa941
Binary files /dev/null and b/asset/img/sprite_2019.png differ
diff --git a/asset/img/star_sprite.png b/asset/img/star_sprite.png
new file mode 100644
index 0000000..58409ed
Binary files /dev/null and b/asset/img/star_sprite.png differ
diff --git a/asset/img/supermarket.png b/asset/img/supermarket.png
new file mode 100644
index 0000000..7ceea2c
Binary files /dev/null and b/asset/img/supermarket.png differ
diff --git a/asset/img/tab_product.png b/asset/img/tab_product.png
new file mode 100644
index 0000000..6f99e26
Binary files /dev/null and b/asset/img/tab_product.png differ
diff --git a/asset/img/user (1).png b/asset/img/user (1).png
new file mode 100644
index 0000000..e26b5f5
Binary files /dev/null and b/asset/img/user (1).png differ
diff --git a/asset/img/zalo.png b/asset/img/zalo.png
new file mode 100644
index 0000000..fbc02a4
Binary files /dev/null and b/asset/img/zalo.png differ
diff --git a/asset/js/magiczoom.js b/asset/js/magiczoom.js
new file mode 100644
index 0000000..6c8eff0
--- /dev/null
+++ b/asset/js/magiczoom.js
@@ -0,0 +1,3191 @@
+/*Magic Zoom v4.5.17*/
+(function () {
+    if (window.magicJS) {
+        return
+    }
+    var b = {
+        version: "v2.7.4",
+        UUID: 0,
+        storage: {},
+        $uuid: function (d) {
+            return (d.$J_UUID || (d.$J_UUID = ++a.UUID))
+        },
+        getStorage: function (d) {
+            return (a.storage[d] || (a.storage[d] = {}))
+        },
+        $F: function () {},
+        $false: function () {
+            return false
+        },
+        defined: function (d) {
+            return (undefined != d)
+        },
+        exists: function (d) {
+            return !!(d)
+        },
+        j1: function (d) {
+            if (!a.defined(d)) {
+                return false
+            }
+            if (d.$J_TYPE) {
+                return d.$J_TYPE
+            }
+            if (!!d.nodeType) {
+                if (1 == d.nodeType) {
+                    return "element"
+                }
+                if (3 == d.nodeType) {
+                    return "textnode"
+                }
+            }
+            if (d.length && d.item) {
+                return "collection"
+            }
+            if (d.length && d.callee) {
+                return "arguments"
+            }
+            if ((d instanceof window.Object || d instanceof window.Function) && d.constructor === a.Class) {
+                return "class"
+            }
+            if (d instanceof window.Array) {
+                return "array"
+            }
+            if (d instanceof window.Function) {
+                return "function"
+            }
+            if (d instanceof window.String) {
+                return "string"
+            }
+            if (a.j21.trident) {
+                if (a.defined(d.cancelBubble)) {
+                    return "event"
+                }
+            } else {
+                if (d === window.event || d.constructor == window.Event || d.constructor == window.MouseEvent || d.constructor == window.UIEvent || d.constructor == window.KeyboardEvent || d.constructor == window.KeyEvent) {
+                    return "event"
+                }
+            }
+            if (d instanceof window.Date) {
+                return "date"
+            }
+            if (d instanceof window.RegExp) {
+                return "regexp"
+            }
+            if (d === window) {
+                return "window"
+            }
+            if (d === document) {
+                return "document"
+            }
+            return typeof (d)
+        },
+        extend: function (j, h) {
+            if (!(j instanceof window.Array)) {
+                j = [j]
+            }
+            for (var g = 0, e = j.length; g < e; g++) {
+                if (!a.defined(j)) {
+                    continue
+                }
+                for (var f in (h || {})) {
+                    try {
+                        j[g][f] = h[f]
+                    } catch (d) {}
+                }
+            }
+            return j[0]
+        },
+        implement: function (h, g) {
+            if (!(h instanceof window.Array)) {
+                h = [h]
+            }
+            for (var f = 0, d = h.length; f < d; f++) {
+                if (!a.defined(h[f])) {
+                    continue
+                }
+                if (!h[f].prototype) {
+                    continue
+                }
+                for (var e in (g || {})) {
+                    if (!h[f].prototype[e]) {
+                        h[f].prototype[e] = g[e]
+                    }
+                }
+            }
+            return h[0]
+        },
+        nativize: function (f, e) {
+            if (!a.defined(f)) {
+                return f
+            }
+            for (var d in (e || {})) {
+                if (!f[d]) {
+                    f[d] = e[d]
+                }
+            }
+            return f
+        },
+        $try: function () {
+            for (var f = 0, d = arguments.length; f < d; f++) {
+                try {
+                    return arguments[f]()
+                } catch (g) {}
+            }
+            return null
+        },
+        $A: function (f) {
+            if (!a.defined(f)) {
+                return $mjs([])
+            }
+            if (f.toArray) {
+                return $mjs(f.toArray())
+            }
+            if (f.item) {
+                var e = f.length || 0,
+                    d = new Array(e);
+                while (e--) {
+                    d[e] = f[e]
+                }
+                return $mjs(d)
+            }
+            return $mjs(Array.prototype.slice.call(f))
+        },
+        now: function () {
+            return new Date().getTime()
+        },
+        detach: function (h) {
+            var f;
+            switch (a.j1(h)) {
+                case "object":
+                    f = {};
+                    for (var g in h) {
+                        f[g] = a.detach(h[g])
+                    }
+                    break;
+                case "array":
+                    f = [];
+                    for (var e = 0, d = h.length; e < d; e++) {
+                        f[e] = a.detach(h[e])
+                    }
+                    break;
+                default:
+                    return h
+            }
+            return a.$(f)
+        },
+        $: function (e) {
+            if (!a.defined(e)) {
+                return null
+            }
+            if (e.$J_EXTENDED) {
+                return e
+            }
+            switch (a.j1(e)) {
+                case "array":
+                    e = a.nativize(e, a.extend(a.Array, {
+                        $J_EXTENDED: a.$F
+                    }));
+                    e.j14 = e.forEach;
+                    e.contains = a.Array.contains;
+                    return e;
+                    break;
+                case "string":
+                    var d = document.getElementById(e);
+                    if (a.defined(d)) {
+                        return a.$(d)
+                    }
+                    return null;
+                    break;
+                case "window":
+                case "document":
+                    a.$uuid(e);
+                    e = a.extend(e, a.Doc);
+                    break;
+                case "element":
+                    a.$uuid(e);
+                    e = a.extend(e, a.Element);
+                    break;
+                case "event":
+                    e = a.extend(e, a.Event);
+                    break;
+                case "textnode":
+                    return e;
+                    break;
+                case "function":
+                case "array":
+                case "date":
+                default:
+                    break
+            }
+            return a.extend(e, {
+                $J_EXTENDED: a.$F
+            })
+        },
+        $new: function (d, f, e) {
+            return $mjs(a.doc.createElement(d)).setProps(f || {}).j6(e || {})
+        },
+        addCSS: function (e) {
+            if (document.styleSheets && document.styleSheets.length) {
+                document.styleSheets[0].insertRule(e, 0)
+            } else {
+                var d = $mjs(document.createElement("style"));
+                d.update(e);
+                document.getElementsByTagName("head")[0].appendChild(d)
+            }
+        }
+    };
+    var a = b;
+    window.magicJS = b;
+    window.$mjs = b.$;
+    a.Array = {
+        $J_TYPE: "array",
+        indexOf: function (g, h) {
+            var d = this.length;
+            for (var e = this.length, f = (h < 0) ? Math.max(0, e + h) : h || 0; f < e; f++) {
+                if (this[f] === g) {
+                    return f
+                }
+            }
+            return -1
+        },
+        contains: function (d, e) {
+            return this.indexOf(d, e) != -1
+        },
+        forEach: function (d, g) {
+            for (var f = 0, e = this.length; f < e; f++) {
+                if (f in this) {
+                    d.call(g, this[f], f, this)
+                }
+            }
+        },
+        filter: function (d, j) {
+            var h = [];
+            for (var g = 0, e = this.length; g < e; g++) {
+                if (g in this) {
+                    var f = this[g];
+                    if (d.call(j, this[g], g, this)) {
+                        h.push(f)
+                    }
+                }
+            }
+            return h
+        },
+        map: function (d, h) {
+            var g = [];
+            for (var f = 0, e = this.length; f < e; f++) {
+                if (f in this) {
+                    g[f] = d.call(h, this[f], f, this)
+                }
+            }
+            return g
+        }
+    };
+    a.implement(String, {
+        $J_TYPE: "string",
+        j26: function () {
+            return this.replace(/^\s+|\s+$/g, "")
+        },
+        eq: function (d, e) {
+            return (e || false) ? (this.toString() === d.toString()) : (this.toLowerCase().toString() === d.toLowerCase().toString())
+        },
+        j22: function () {
+            return this.replace(/-\D/g, function (d) {
+                return d.charAt(1).toUpperCase()
+            })
+        },
+        dashize: function () {
+            return this.replace(/[A-Z]/g, function (d) {
+                return ("-" + d.charAt(0).toLowerCase())
+            })
+        },
+        j17: function (d) {
+            return parseInt(this, d || 10)
+        },
+        toFloat: function () {
+            return parseFloat(this)
+        },
+        j18: function () {
+            return !this.replace(/true/i, "").j26()
+        },
+        has: function (e, d) {
+            d = d || "";
+            return (d + this + d).indexOf(d + e + d) > -1
+        }
+    });
+    b.implement(Function, {
+        $J_TYPE: "function",
+        j24: function () {
+            var e = a.$A(arguments),
+                d = this,
+                f = e.shift();
+            return function () {
+                return d.apply(f || null, e.concat(a.$A(arguments)))
+            }
+        },
+        j16: function () {
+            var e = a.$A(arguments),
+                d = this,
+                f = e.shift();
+            return function (g) {
+                return d.apply(f || null, $mjs([g || window.event]).concat(e))
+            }
+        },
+        j27: function () {
+            var e = a.$A(arguments),
+                d = this,
+                f = e.shift();
+            return window.setTimeout(function () {
+                return d.apply(d, e)
+            }, f || 0)
+        },
+        j28: function () {
+            var e = a.$A(arguments),
+                d = this;
+            return function () {
+                return d.j27.apply(d, e)
+            }
+        },
+        interval: function () {
+            var e = a.$A(arguments),
+                d = this,
+                f = e.shift();
+            return window.setInterval(function () {
+                return d.apply(d, e)
+            }, f || 0)
+        }
+    });
+    var c = navigator.userAgent.toLowerCase();
+    a.j21 = {
+        features: {
+            xpath: !!(document.evaluate),
+            air: !!(window.runtime),
+            query: !!(document.querySelector)
+        },
+        touchScreen: function () {
+            return "ontouchstart" in window || (window.DocumentTouch && document instanceof DocumentTouch)
+        }(),
+        mobile: c.match(/android|tablet|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(j21|link)|vodafone|wap|windows (ce|phone)|xda|xiino/) ? true : false,
+        engine: (window.opera) ? "presto" : !!(window.ActiveXObject) ? "trident" : (undefined != document.getBoxObjectFor || null != window.mozInnerScreenY) ? "gecko" : (null != window.WebKitPoint || !navigator.taintEnabled) ? "webkit" : "unknown",
+        version: "",
+        ieMode: 0,
+        platform: c.match(/ip(?:ad|od|hone)/) ? "ios" : (c.match(/(?:webos|android)/) || navigator.platform.match(/mac|win|linux/i) || ["other"])[0].toLowerCase(),
+        backCompat: document.compatMode && "backcompat" == document.compatMode.toLowerCase(),
+        getDoc: function () {
+            return (document.compatMode && "backcompat" == document.compatMode.toLowerCase()) ? document.body : document.documentElement
+        },
+        requestAnimationFrame: window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || undefined,
+        cancelAnimationFrame: window.cancelAnimationFrame || window.mozCancelAnimationFrame || window.mozCancelAnimationFrame || window.oCancelAnimationFrame || window.msCancelAnimationFrame || window.webkitCancelRequestAnimationFrame || undefined,
+        ready: false,
+        onready: function () {
+            if (a.j21.ready) {
+                return
+            }
+            a.j21.ready = true;
+            a.body = $mjs(document.body);
+            a.win = $mjs(window);
+            (function () {
+                a.j21.css3Transformations = {
+                    capable: false,
+                    prefix: ""
+                };
+                if (typeof document.body.style.transform !== "undefined") {
+                    a.j21.css3Transformations.capable = true
+                } else {
+                    var f = "Webkit Moz O ms Khtml".split(" ");
+                    for (var e = 0, d = f.length; e < d; e++) {
+                        a.j21.css3Transformations.prefix = f[e];
+                        if (typeof document.body.style[a.j21.css3Transformations.prefix + "Transform"] !== "undefined") {
+                            a.j21.css3Transformations.capable = true;
+                            break
+                        }
+                    }
+                }
+            })();
+            (function () {
+                a.j21.css3Animation = {
+                    capable: false,
+                    prefix: ""
+                };
+                if (typeof document.body.style.animationName !== "undefined") {
+                    a.j21.css3Animation.capable = true
+                } else {
+                    var f = "Webkit Moz O ms Khtml".split(" ");
+                    for (var e = 0, d = f.length; e < d; e++) {
+                        a.j21.css3Animation.prefix = f[e];
+                        if (typeof document.body.style[a.j21.css3Animation.prefix + "AnimationName"] !== "undefined") {
+                            a.j21.css3Animation.capable = true;
+                            break
+                        }
+                    }
+                }
+            })();
+            $mjs(document).raiseEvent("domready")
+        }
+    };
+    (function () {
+        function d() {
+            return !!(arguments.callee.caller)
+        }
+        a.j21.version = ("presto" == a.j21.engine) ? !!(document.head) ? 270 : !!(window.applicationCache) ? 260 : !!(window.localStorage) ? 250 : (a.j21.features.query) ? 220 : ((d()) ? 211 : ((document.getElementsByClassName) ? 210 : 200)) : ("trident" == a.j21.engine) ? !!(window.msPerformance || window.performance) ? 900 : !!(window.XMLHttpRequest && window.postMessage) ? 6 : ((window.XMLHttpRequest) ? 5 : 4) : ("webkit" == a.j21.engine) ? ((a.j21.features.xpath) ? ((a.j21.features.query) ? 525 : 420) : 419) : ("gecko" == a.j21.engine) ? !!(document.head) ? 200 : !!document.readyState ? 192 : !!(window.localStorage) ? 191 : ((document.getElementsByClassName) ? 190 : 181) : "";
+        a.j21[a.j21.engine] = a.j21[a.j21.engine + a.j21.version] = true;
+        if (window.chrome) {
+            a.j21.chrome = true
+        }
+        a.j21.ieMode = (!a.j21.trident) ? 0 : (document.documentMode) ? document.documentMode : function () {
+            var e = 0;
+            if (a.j21.backCompat) {
+                return 5
+            }
+            switch (a.j21.version) {
+                case 4:
+                    e = 6;
+                    break;
+                case 5:
+                    e = 7;
+                    break;
+                case 6:
+                    e = 8;
+                    break;
+                case 900:
+                    e = 9;
+                    break
+            }
+            return e
+        }()
+    })();
+    (function () {
+        a.j21.fullScreen = {
+            capable: false,
+            enabled: function () {
+                return false
+            },
+            request: function () {},
+            cancel: function () {},
+            changeEventName: "",
+            errorEventName: "",
+            prefix: ""
+        };
+        if (typeof document.cancelFullScreen != "undefined") {
+            a.j21.fullScreen.capable = true
+        } else {
+            var f = "webkit moz o ms khtml".split(" ");
+            for (var e = 0, d = f.length; e < d; e++) {
+                a.j21.fullScreen.prefix = f[e];
+                if (typeof document[a.j21.fullScreen.prefix + "CancelFullScreen"] != "undefined") {
+                    a.j21.fullScreen.capable = true;
+                    break
+                }
+            }
+        }
+        if (a.j21.fullScreen.capable) {
+            a.j21.fullScreen.changeEventName = a.j21.fullScreen.prefix + "fullscreenchange";
+            a.j21.fullScreen.errorEventName = a.j21.fullScreen.prefix + "fullscreenerror";
+            a.j21.fullScreen.enabled = function () {
+                switch (this.prefix) {
+                    case "":
+                        return document.fullScreen;
+                    case "webkit":
+                        return document.webkitIsFullScreen;
+                    default:
+                        return document[this.prefix + "FullScreen"]
+                }
+            };
+            a.j21.fullScreen.request = function (g) {
+                return (this.prefix === "") ? g.requestFullScreen() : g[this.prefix + "RequestFullScreen"]()
+            };
+            a.j21.fullScreen.cancel = function (g) {
+                return (this.prefix === "") ? document.cancelFullScreen() : document[this.prefix + "CancelFullScreen"]()
+            }
+        }
+    })();
+    a.Element = {
+        j13: function (d) {
+            return this.className.has(d, " ")
+        },
+        j2: function (d) {
+            if (d && !this.j13(d)) {
+                this.className += (this.className ? " " : "") + d
+            }
+            return this
+        },
+        j3: function (d) {
+            d = d || ".*";
+            this.className = this.className.replace(new RegExp("(^|\\s)" + d + "(?:\\s|$)"), "$1").j26();
+            return this
+        },
+        j4: function (d) {
+            return this.j13(d) ? this.j3(d) : this.j2(d)
+        },
+        j5: function (f) {
+            f = (f == "float" && this.currentStyle) ? "styleFloat" : f.j22();
+            var d = null,
+                e = null;
+            if (this.currentStyle) {
+                d = this.currentStyle[f]
+            } else {
+                if (document.defaultView && document.defaultView.getComputedStyle) {
+                    e = document.defaultView.getComputedStyle(this, null);
+                    d = e ? e.getPropertyValue([f.dashize()]) : null
+                }
+            }
+            if (!d) {
+                d = this.style[f]
+            }
+            if ("opacity" == f) {
+                return a.defined(d) ? parseFloat(d) : 1
+            }
+            if (/^(border(Top|Bottom|Left|Right)Width)|((padding|margin)(Top|Bottom|Left|Right))$/.test(f)) {
+                d = parseInt(d) ? d : "0px"
+            }
+            return ("auto" == d ? null : d)
+        },
+        j6Prop: function (f, d) {
+            try {
+                if ("opacity" == f) {
+                    this.j23(d);
+                    return this
+                } else {
+                    if ("float" == f) {
+                        this.style[("undefined" === typeof (this.style.styleFloat)) ? "cssFloat" : "styleFloat"] = d;
+                        return this
+                    } else {
+                        if (a.j21.css3Transformations && /transform/.test(f)) {}
+                    }
+                }
+                this.style[f.j22()] = d + (("number" == a.j1(d) && !$mjs(["zIndex", "zoom"]).contains(f.j22())) ? "px" : "")
+            } catch (g) {}
+            return this
+        },
+        j6: function (e) {
+            for (var d in e) {
+                this.j6Prop(d, e[d])
+            }
+            return this
+        },
+        j19s: function () {
+            var d = {};
+            a.$A(arguments).j14(function (e) {
+                d[e] = this.j5(e)
+            }, this);
+            return d
+        },
+        j23: function (h, e) {
+            e = e || false;
+            h = parseFloat(h);
+            if (e) {
+                if (h == 0) {
+                    if ("hidden" != this.style.visibility) {
+                        this.style.visibility = "hidden"
+                    }
+                } else {
+                    if ("visible" != this.style.visibility) {
+                        this.style.visibility = "visible"
+                    }
+                }
+            }
+            if (a.j21.trident) {
+                if (!this.currentStyle || !this.currentStyle.hasLayout) {
+                    this.style.zoom = 1
+                }
+                try {
+                    var g = this.filters.item("DXImageTransform.Microsoft.Alpha");
+                    g.enabled = (1 != h);
+                    g.opacity = h * 100
+                } catch (d) {
+                    this.style.filter += (1 == h) ? "" : "progid:DXImageTransform.Microsoft.Alpha(enabled=true,opacity=" + h * 100 + ")"
+                }
+            }
+            this.style.opacity = h;
+            return this
+        },
+        setProps: function (d) {
+            for (var e in d) {
+                this.setAttribute(e, "" + d[e])
+            }
+            return this
+        },
+        hide: function () {
+            return this.j6({
+                display: "none",
+                visibility: "hidden"
+            })
+        },
+        show: function () {
+            return this.j6({
+                display: "block",
+                visibility: "visible"
+            })
+        },
+        j7: function () {
+            return {
+                width: this.offsetWidth,
+                height: this.offsetHeight
+            }
+        },
+        j10: function () {
+            return {
+                top: this.scrollTop,
+                left: this.scrollLeft
+            }
+        },
+        j11: function () {
+            var d = this,
+                e = {
+                    top: 0,
+                    left: 0
+                };
+            do {
+                e.left += d.scrollLeft || 0;
+                e.top += d.scrollTop || 0;
+                d = d.parentNode
+            } while (d);
+            return e
+        },
+        j8: function () {
+            if (a.defined(document.documentElement.getBoundingClientRect)) {
+                var d = this.getBoundingClientRect(),
+                    f = $mjs(document).j10(),
+                    h = a.j21.getDoc();
+                return {
+                    top: d.top + f.y - h.clientTop,
+                    left: d.left + f.x - h.clientLeft
+                }
+            }
+            var g = this,
+                e = t = 0;
+            do {
+                e += g.offsetLeft || 0;
+                t += g.offsetTop || 0;
+                g = g.offsetParent
+            } while (g && !(/^(?:body|html)$/i).test(g.tagName));
+            return {
+                top: t,
+                left: e
+            }
+        },
+        j9: function () {
+            var e = this.j8();
+            var d = this.j7();
+            return {
+                top: e.top,
+                bottom: e.top + d.height,
+                left: e.left,
+                right: e.left + d.width
+            }
+        },
+        changeContent: function (f) {
+            try {
+                this.innerHTML = f
+            } catch (d) {
+                this.innerText = f
+            }
+            return this
+        },
+        j33: function () {
+            return (this.parentNode) ? this.parentNode.removeChild(this) : this
+        },
+        kill: function () {
+            a.$A(this.childNodes).j14(function (d) {
+                if (3 == d.nodeType || 8 == d.nodeType) {
+                    return
+                }
+                $mjs(d).kill()
+            });
+            this.j33();
+            this.je3();
+            if (this.$J_UUID) {
+                a.storage[this.$J_UUID] = null;
+                delete a.storage[this.$J_UUID]
+            }
+            return null
+        },
+        append: function (g, e) {
+            e = e || "bottom";
+            var d = this.firstChild;
+            ("top" == e && d) ? this.insertBefore(g, d): this.appendChild(g);
+            return this
+        },
+        j32: function (f, e) {
+            var d = $mjs(f).append(this, e);
+            return this
+        },
+        enclose: function (d) {
+            this.append(d.parentNode.replaceChild(this, d));
+            return this
+        },
+        hasChild: function (d) {
+            if ("element" !== a.j1("string" == a.j1(d) ? d = document.getElementById(d) : d)) {
+                return false
+            }
+            return (this == d) ? false : (this.contains && !(a.j21.webkit419)) ? (this.contains(d)) : (this.compareDocumentPosition) ? !!(this.compareDocumentPosition(d) & 16) : a.$A(this.byTag(d.tagName)).contains(d)
+        }
+    };
+    a.Element.j19 = a.Element.j5;
+    a.Element.j20 = a.Element.j6;
+    if (!window.Element) {
+        window.Element = a.$F;
+        if (a.j21.engine.webkit) {
+            window.document.createElement("iframe")
+        }
+        window.Element.prototype = (a.j21.engine.webkit) ? window["[[DOMElement.prototype]]"] : {}
+    }
+    a.implement(window.Element, {
+        $J_TYPE: "element"
+    });
+    a.Doc = {
+        j7: function () {
+            if (a.j21.presto925 || a.j21.webkit419) {
+                return {
+                    width: window.innerWidth,
+                    height: window.innerHeight
+                }
+            }
+            return {
+                width: a.j21.getDoc().clientWidth,
+                height: a.j21.getDoc().clientHeight
+            }
+        },
+        j10: function () {
+            return {
+                x: window.pageXOffset || a.j21.getDoc().scrollLeft,
+                y: window.pageYOffset || a.j21.getDoc().scrollTop
+            }
+        },
+        j12: function () {
+            var d = this.j7();
+            return {
+                width: Math.max(a.j21.getDoc().scrollWidth, d.width),
+                height: Math.max(a.j21.getDoc().scrollHeight, d.height)
+            }
+        }
+    };
+    a.extend(document, {
+        $J_TYPE: "document"
+    });
+    a.extend(window, {
+        $J_TYPE: "window"
+    });
+    a.extend([a.Element, a.Doc], {
+        j29: function (g, e) {
+            var d = a.getStorage(this.$J_UUID),
+                f = d[g];
+            if (undefined != e && undefined == f) {
+                f = d[g] = e
+            }
+            return (a.defined(f) ? f : null)
+        },
+        j30: function (f, e) {
+            var d = a.getStorage(this.$J_UUID);
+            d[f] = e;
+            return this
+        },
+        j31: function (e) {
+            var d = a.getStorage(this.$J_UUID);
+            delete d[e];
+            return this
+        }
+    });
+    if (!(window.HTMLElement && window.HTMLElement.prototype && window.HTMLElement.prototype.getElementsByClassName)) {
+        a.extend([a.Element, a.Doc], {
+            getElementsByClassName: function (d) {
+                return a.$A(this.getElementsByTagName("*")).filter(function (g) {
+                    try {
+                        return (1 == g.nodeType && g.className.has(d, " "))
+                    } catch (f) {}
+                })
+            }
+        })
+    }
+    a.extend([a.Element, a.Doc], {
+        byClass: function () {
+            return this.getElementsByClassName(arguments[0])
+        },
+        byTag: function () {
+            return this.getElementsByTagName(arguments[0])
+        }
+    });
+    if (a.j21.fullScreen.capable) {
+        a.Element.requestFullScreen = function () {
+            a.j21.fullScreen.request(this)
+        }
+    }
+    a.Event = {
+        $J_TYPE: "event",
+        stop: function () {
+            if (this.stopPropagation) {
+                this.stopPropagation()
+            } else {
+                this.cancelBubble = true
+            }
+            if (this.preventDefault) {
+                this.preventDefault()
+            } else {
+                this.returnValue = false
+            }
+            return this
+        },
+        j15: function () {
+            var e, d;
+            e = ((/touch/i).test(this.type)) ? this.changedTouches[0] : this;
+            return (!a.defined(e)) ? {
+                x: 0,
+                y: 0
+            } : {
+                x: e.pageX || e.clientX + a.j21.getDoc().scrollLeft,
+                y: e.pageY || e.clientY + a.j21.getDoc().scrollTop
+            }
+        },
+        getTarget: function () {
+            var d = this.target || this.srcElement;
+            while (d && 3 == d.nodeType) {
+                d = d.parentNode
+            }
+            return d
+        },
+        getRelated: function () {
+            var e = null;
+            switch (this.type) {
+                case "mouseover":
+                    e = this.relatedTarget || this.fromElement;
+                    break;
+                case "mouseout":
+                    e = this.relatedTarget || this.toElement;
+                    break;
+                default:
+                    return e
+            }
+            try {
+                while (e && 3 == e.nodeType) {
+                    e = e.parentNode
+                }
+            } catch (d) {
+                e = null
+            }
+            return e
+        },
+        getButton: function () {
+            if (!this.which && this.button !== undefined) {
+                return (this.button & 1 ? 1 : (this.button & 2 ? 3 : (this.button & 4 ? 2 : 0)))
+            }
+            return this.which
+        }
+    };
+    a._event_add_ = "addEventListener";
+    a._event_del_ = "removeEventListener";
+    a._event_prefix_ = "";
+    if (!document.addEventListener) {
+        a._event_add_ = "attachEvent";
+        a._event_del_ = "detachEvent";
+        a._event_prefix_ = "on"
+    }
+    a.extend([a.Element, a.Doc], {
+        je1: function (g, f) {
+            var i = ("domready" == g) ? false : true,
+                e = this.j29("events", {});
+            e[g] = e[g] || {};
+            if (e[g].hasOwnProperty(f.$J_EUID)) {
+                return this
+            }
+            if (!f.$J_EUID) {
+                f.$J_EUID = Math.floor(Math.random() * a.now())
+            }
+            var d = this,
+                h = function (j) {
+                    return f.call(d)
+                };
+            if ("domready" == g) {
+                if (a.j21.ready) {
+                    f.call(this);
+                    return this
+                }
+            }
+            if (i) {
+                h = function (j) {
+                    j = a.extend(j || window.e, {
+                        $J_TYPE: "event"
+                    });
+                    return f.call(d, $mjs(j))
+                };
+                this[a._event_add_](a._event_prefix_ + g, h, false)
+            }
+            e[g][f.$J_EUID] = h;
+            return this
+        },
+        je2: function (g) {
+            var i = ("domready" == g) ? false : true,
+                e = this.j29("events");
+            if (!e || !e[g]) {
+                return this
+            }
+            var h = e[g],
+                f = arguments[1] || null;
+            if (g && !f) {
+                for (var d in h) {
+                    if (!h.hasOwnProperty(d)) {
+                        continue
+                    }
+                    this.je2(g, d)
+                }
+                return this
+            }
+            f = ("function" == a.j1(f)) ? f.$J_EUID : f;
+            if (!h.hasOwnProperty(f)) {
+                return this
+            }
+            if ("domready" == g) {
+                i = false
+            }
+            if (i) {
+                this[a._event_del_](a._event_prefix_ + g, h[f], false)
+            }
+            delete h[f];
+            return this
+        },
+        raiseEvent: function (h, f) {
+            var m = ("domready" == h) ? false : true,
+                l = this,
+                j;
+            if (!m) {
+                var g = this.j29("events");
+                if (!g || !g[h]) {
+                    return this
+                }
+                var i = g[h];
+                for (var d in i) {
+                    if (!i.hasOwnProperty(d)) {
+                        continue
+                    }
+                    i[d].call(this)
+                }
+                return this
+            }
+            if (l === document && document.createEvent && !l.dispatchEvent) {
+                l = document.documentElement
+            }
+            if (document.createEvent) {
+                j = document.createEvent(h);
+                j.initEvent(f, true, true)
+            } else {
+                j = document.createEventObject();
+                j.eventType = h
+            }
+            if (document.createEvent) {
+                l.dispatchEvent(j)
+            } else {
+                l.fireEvent("on" + f, j)
+            }
+            return j
+        },
+        je3: function () {
+            var d = this.j29("events");
+            if (!d) {
+                return this
+            }
+            for (var e in d) {
+                this.je2(e)
+            }
+            this.j31("events");
+            return this
+        }
+    });
+    (function () {
+        if ("complete" === document.readyState) {
+            return a.j21.onready.j27(1)
+        }
+        if (a.j21.webkit && a.j21.version < 420) {
+            (function () {
+                ($mjs(["loaded", "complete"]).contains(document.readyState)) ? a.j21.onready(): arguments.callee.j27(50)
+            })()
+        } else {
+            if (a.j21.trident && a.j21.ieMode < 9 && window == top) {
+                (function () {
+                    (a.$try(function () {
+                        a.j21.getDoc().doScroll("left");
+                        return true
+                    })) ? a.j21.onready(): arguments.callee.j27(50)
+                })()
+            } else {
+                $mjs(document).je1("DOMContentLoaded", a.j21.onready);
+                $mjs(window).je1("load", a.j21.onready)
+            }
+        }
+    })();
+    a.Class = function () {
+        var h = null,
+            e = a.$A(arguments);
+        if ("class" == a.j1(e[0])) {
+            h = e.shift()
+        }
+        var d = function () {
+            for (var l in this) {
+                this[l] = a.detach(this[l])
+            }
+            if (this.constructor.$parent) {
+                this.$parent = {};
+                var o = this.constructor.$parent;
+                for (var n in o) {
+                    var j = o[n];
+                    switch (a.j1(j)) {
+                        case "function":
+                            this.$parent[n] = a.Class.wrap(this, j);
+                            break;
+                        case "object":
+                            this.$parent[n] = a.detach(j);
+                            break;
+                        case "array":
+                            this.$parent[n] = a.detach(j);
+                            break
+                    }
+                }
+            }
+            var i = (this.init) ? this.init.apply(this, arguments) : this;
+            delete this.caller;
+            return i
+        };
+        if (!d.prototype.init) {
+            d.prototype.init = a.$F
+        }
+        if (h) {
+            var g = function () {};
+            g.prototype = h.prototype;
+            d.prototype = new g;
+            d.$parent = {};
+            for (var f in h.prototype) {
+                d.$parent[f] = h.prototype[f]
+            }
+        } else {
+            d.$parent = null
+        }
+        d.constructor = a.Class;
+        d.prototype.constructor = d;
+        a.extend(d.prototype, e[0]);
+        a.extend(d, {
+            $J_TYPE: "class"
+        });
+        return d
+    };
+    b.Class.wrap = function (d, e) {
+        return function () {
+            var g = this.caller;
+            var f = e.apply(d, arguments);
+            return f
+        }
+    };
+    a.win = $mjs(window);
+    a.doc = $mjs(document)
+})();
+(function (b) {
+    if (!b) {
+        throw "MagicJS not found";
+        return
+    }
+    if (b.FX) {
+        return
+    }
+    var a = b.$;
+    b.FX = new b.Class({
+        options: {
+            fps: 60,
+            duration: 500,
+            transition: function (c) {
+                return -(Math.cos(Math.PI * c) - 1) / 2
+            },
+            onStart: b.$F,
+            onComplete: b.$F,
+            onBeforeRender: b.$F,
+            onAfterRender: b.$F,
+            forceAnimation: false,
+            roundCss: true
+        },
+        styles: null,
+        init: function (d, c) {
+            this.el = a(d);
+            this.options = b.extend(this.options, c);
+            this.timer = false
+        },
+        start: function (c) {
+            this.styles = c;
+            this.state = 0;
+            this.curFrame = 0;
+            this.startTime = b.now();
+            this.finishTime = this.startTime + this.options.duration;
+            this.loopBind = this.loop.j24(this);
+            this.options.onStart.call();
+            if (!this.options.forceAnimation && b.j21.requestAnimationFrame) {
+                this.timer = b.j21.requestAnimationFrame.call(window, this.loopBind)
+            } else {
+                this.timer = this.loop.j24(this).interval(Math.round(1000 / this.options.fps))
+            }
+            return this
+        },
+        stopAnimation: function () {
+            if (this.timer) {
+                if (!this.options.forceAnimation && b.j21.requestAnimationFrame && b.j21.cancelAnimationFrame) {
+                    b.j21.cancelAnimationFrame.call(window, this.timer)
+                } else {
+                    clearInterval(this.timer)
+                }
+                this.timer = false
+            }
+        },
+        stop: function (c) {
+            c = b.defined(c) ? c : false;
+            this.stopAnimation();
+            if (c) {
+                this.render(1);
+                this.options.onComplete.j27(10)
+            }
+            return this
+        },
+        calc: function (e, d, c) {
+            return (d - e) * c + e
+        },
+        loop: function () {
+            var d = b.now();
+            if (d >= this.finishTime) {
+                this.stopAnimation();
+                this.render(1);
+                this.options.onComplete.j27(10);
+                return this
+            }
+            var c = this.options.transition((d - this.startTime) / this.options.duration);
+            if (!this.options.forceAnimation && b.j21.requestAnimationFrame) {
+                this.timer = b.j21.requestAnimationFrame.call(window, this.loopBind)
+            }
+            this.render(c)
+        },
+        render: function (c) {
+            var d = {};
+            for (var e in this.styles) {
+                if ("opacity" === e) {
+                    d[e] = Math.round(this.calc(this.styles[e][0], this.styles[e][1], c) * 100) / 100
+                } else {
+                    d[e] = this.calc(this.styles[e][0], this.styles[e][1], c);
+                    if (this.options.roundCss) {
+                        d[e] = Math.round(d[e])
+                    }
+                }
+            }
+            this.options.onBeforeRender(d);
+            this.set(d);
+            this.options.onAfterRender(d)
+        },
+        set: function (c) {
+            return this.el.j6(c)
+        }
+    });
+    b.FX.Transition = {
+        linear: function (c) {
+            return c
+        },
+        sineIn: function (c) {
+            return -(Math.cos(Math.PI * c) - 1) / 2
+        },
+        sineOut: function (c) {
+            return 1 - b.FX.Transition.sineIn(1 - c)
+        },
+        expoIn: function (c) {
+            return Math.pow(2, 8 * (c - 1))
+        },
+        expoOut: function (c) {
+            return 1 - b.FX.Transition.expoIn(1 - c)
+        },
+        quadIn: function (c) {
+            return Math.pow(c, 2)
+        },
+        quadOut: function (c) {
+            return 1 - b.FX.Transition.quadIn(1 - c)
+        },
+        cubicIn: function (c) {
+            return Math.pow(c, 3)
+        },
+        cubicOut: function (c) {
+            return 1 - b.FX.Transition.cubicIn(1 - c)
+        },
+        backIn: function (d, c) {
+            c = c || 1.618;
+            return Math.pow(d, 2) * ((c + 1) * d - c)
+        },
+        backOut: function (d, c) {
+            return 1 - b.FX.Transition.backIn(1 - d)
+        },
+        elasticIn: function (d, c) {
+            c = c || [];
+            return Math.pow(2, 10 * --d) * Math.cos(20 * d * Math.PI * (c[0] || 1) / 3)
+        },
+        elasticOut: function (d, c) {
+            return 1 - b.FX.Transition.elasticIn(1 - d, c)
+        },
+        bounceIn: function (e) {
+            for (var d = 0, c = 1; 1; d += c, c /= 2) {
+                if (e >= (7 - 4 * d) / 11) {
+                    return c * c - Math.pow((11 - 6 * d - 11 * e) / 4, 2)
+                }
+            }
+        },
+        bounceOut: function (c) {
+            return 1 - b.FX.Transition.bounceIn(1 - c)
+        },
+        none: function (c) {
+            return 0
+        }
+    }
+})(magicJS);
+(function (b) {
+    if (!b) {
+        throw "MagicJS not found";
+        return
+    }
+    if (b.PFX) {
+        return
+    }
+    var a = b.$;
+    b.PFX = new b.Class(b.FX, {
+        init: function (c, d) {
+            this.el_arr = c;
+            this.options = b.extend(this.options, d);
+            this.timer = false
+        },
+        start: function (c) {
+            this.$parent.start([]);
+            this.styles_arr = c;
+            return this
+        },
+        render: function (c) {
+            for (var d = 0; d < this.el_arr.length; d++) {
+                this.el = a(this.el_arr[d]);
+                this.styles = this.styles_arr[d];
+                this.$parent.render(c)
+            }
+        }
+    })
+})(magicJS);
+var MagicZoom = (function (c) {
+    var d = c.$;
+    c.$Ff = function (f) {
+        $mjs(f).stop();
+        return false
+    };
+    c.insertCSS = function (f, h, l) {
+        var i, g, j, k = [],
+            e = -1;
+        l || (l = c.stylesId);
+        i = c.$(l) || (document.head || document.body).appendChild(c.$new("style", {
+            id: l,
+            type: "text/css"
+        }));
+        g = i.sheet || i.styleSheet;
+        if ("object" == c.j1(h)) {
+            for (j in h) {
+                k.push(j + ":" + h[j])
+            }
+            h = k.join(";")
+        }
+        if (g.insertRule) {
+            e = g.insertRule(f + " {" + h + "}", g.cssRules.length)
+        } else {
+            e = g.addRule(f, h)
+        }
+        return e
+    };
+    var a = {
+        version: "v4.5.17",
+        options: {},
+        defaults: {
+            opacity: 50,
+            opacityReverse: false,
+            smoothingSpeed: 40,
+            fps: 25,
+            zoomWidth: 300,
+            zoomHeight: 300,
+            zoomDistance: 15,
+            zoomPosition: "right",
+            zoomAlign: "top",
+            zoomWindowEffect: "shadow",
+            dragMode: false,
+            moveOnClick: true,
+            alwaysShowZoom: false,
+            preservePosition: false,
+            x: -1,
+            y: -1,
+            clickToActivate: false,
+            clickToDeactivate: false,
+            initializeOn: "load",
+            smoothing: true,
+            showTitle: "top",
+            titleSource: "title",
+            zoomFade: true,
+            zoomFadeInSpeed: 400,
+            zoomFadeOutSpeed: 200,
+            hotspots: "",
+            hint: true,
+            hintText: "Zoom",
+            hintPosition: "tl",
+            hintOpacity: 75,
+            hintClass: "MagicZoomHint",
+            showLoading: true,
+            loadingMsg: "Loading zoom...",
+            loadingClass: "MagicZoomLoading",
+            loadingOpacity: 75,
+            loadingPositionX: -1,
+            loadingPositionY: -1,
+            selectorsChange: "click",
+            selectorsMouseoverDelay: 60,
+            selectorsEffect: "dissolve",
+            selectorsEffectSpeed: 400,
+            preloadSelectorsSmall: true,
+            preloadSelectorsBig: false,
+            selectorsClass: "",
+            fitZoomWindow: true,
+            entireImage: false,
+            rightClick: false,
+            disableZoom: false,
+            onready: c.$F
+        },
+        z39: $mjs([/^(opacity)(\s+)?:(\s+)?(\d+)$/i, /^(opacity-reverse)(\s+)?:(\s+)?(true|false)$/i, /^(smoothing\-speed)(\s+)?:(\s+)?(\d+)$/i, /^(fps)(\s+)?:(\s+)?(\d+)$/i, /^(zoom\-width)(\s+)?:(\s+)?(\d+\%?)(px)?/i, /^(zoom\-height)(\s+)?:(\s+)?(\d+\%?)(px)?/i, /^(zoom\-distance)(\s+)?:(\s+)?(\d+)(px)?/i, /^(zoom\-position)(\s+)?:(\s+)?(right|left|top|bottom|custom|inner|#([a-z0-9_\-:\.]+))$/i, /^(zoom\-align)(\s+)?:(\s+)?(right|left|top|bottom|center)$/i, /^(zoom\-fit\-screen)(\s+)?:(\s+)?(true|false)$/i, /^(zoom\-window\-effect)(\s+)?:(\s+)?(shadow|glow|false)$/i, /^(drag\-mode)(\s+)?:(\s+)?(true|false)$/i, /^(move\-on\-click)(\s+)?:(\s+)?(true|false)$/i, /^(always\-show\-zoom)(\s+)?:(\s+)?(true|false)$/i, /^(preserve\-position)(\s+)?:(\s+)?(true|false)$/i, /^(x)(\s+)?:(\s+)?([\d.]+)(px)?/i, /^(y)(\s+)?:(\s+)?([\d.]+)(px)?/i, /^(click\-to\-activate)(\s+)?:(\s+)?(true|false)$/i, /^(click\-to\-deactivate)(\s+)?:(\s+)?(true|false)$/i, /^(initialize\-on)(\s+)?:(\s+)?(load|click|mouseover)$/i, /^(click\-to\-initialize)(\s+)?:(\s+)?(true|false)$/i, /^(smoothing)(\s+)?:(\s+)?(true|false)$/i, /^(show\-title)(\s+)?:(\s+)?(true|false|top|bottom)$/i, /^(title\-source)(\s+)?:(\s+)?(title|#([a-z0-9_\-:\.]+))$/i, /^(zoom\-fade)(\s+)?:(\s+)?(true|false)$/i, /^(zoom\-fade\-in\-speed)(\s+)?:(\s+)?(\d+)$/i, /^(zoom\-fade\-out\-speed)(\s+)?:(\s+)?(\d+)$/i, /^(hotspots)(\s+)?:(\s+)?([a-z0-9_\-:\.]+)$/i, /^(hint)(\s+)?:(\s+)?(true|false)/i, /^(hint\-text)(\s+)?:(\s+)?([^;]*)$/i, /^(hint\-opacity)(\s+)?:(\s+)?(\d+)$/i, /^(hint\-position)(\s+)?:(\s+)?(tl|tr|tc|bl|br|bc)/i, /^(show\-loading)(\s+)?:(\s+)?(true|false)$/i, /^(loading\-msg)(\s+)?:(\s+)?([^;]*)$/i, /^(loading\-opacity)(\s+)?:(\s+)?(\d+)$/i, /^(loading\-position\-x)(\s+)?:(\s+)?(\d+)(px)?/i, /^(loading\-position\-y)(\s+)?:(\s+)?(\d+)(px)?/i, /^(thumb\-change)(\s+)?:(\s+)?(click|mouseover)$/i, /^(selectors\-change)(\s+)?:(\s+)?(click|mouseover)$/i, /^(selectors\-mouseover\-delay)(\s+)?:(\s+)?(\d+)$/i, /^(selectors\-effect)(\s+)?:(\s+)?(dissolve|fade|pounce|false)$/i, /^(selectors\-effect\-speed)(\s+)?:(\s+)?(\d+)$/i, /^(selectors\-class)(\s+)?:(\s+)?([a-z0-9_\-:\.]+)$/i, /^(fit\-zoom\-window)(\s+)?:(\s+)?(true|false)$/i, /^(preload\-selectors\-small)(\s+)?:(\s+)?(true|false)$/i, /^(preload\-selectors\-big)(\s+)?:(\s+)?(true|false)$/i, /^(entire\-image)(\s+)?:(\s+)?(true|false)$/i, /^(right\-click)(\s+)?:(\s+)?(true|false)$/i, /^(disable\-zoom)(\s+)?:(\s+)?(true|false)$/i]),
+        zooms: $mjs([]),
+        z8: function (h) {
+            var g = /(click|mouseover)/i;
+            for (var f = 0; f < a.zooms.length; f++) {
+                if (a.zooms[f].z30 && !a.zooms[f].activatedEx) {
+                    a.zooms[f].pause()
+                } else {
+                    if (g.test(a.zooms[f].options.initializeOn) && a.zooms[f].initMouseEvent) {
+                        a.zooms[f].initMouseEvent = h
+                    }
+                }
+            }
+        },
+        stop: function (f) {
+            var e = $mjs([]);
+            if (f) {
+                if ((f = $mjs(f)) && f.zoom) {
+                    e.push(f)
+                } else {
+                    return false
+                }
+            } else {
+                e = $mjs(c.$A(c.body.byTag("A")).filter(function (g) {
+                    return ((" " + g.className + " ").match(/\sMagicZoom\s/) && g.zoom)
+                }))
+            }
+            e.j14(function (g) {
+                g.zoom && g.zoom.stop()
+            }, this)
+        },
+        start: function (e) {
+            if (0 == arguments.length) {
+                a.refresh();
+                return true
+            }
+            e = $mjs(e);
+            if (!e || !(" " + e.className + " ").match(/\s(MagicZoom|MagicZoomPlus)\s/)) {
+                return false
+            }
+            if (!e.zoom) {
+                var f = null;
+                while (f = e.firstChild) {
+                    if (f.tagName == "IMG") {
+                        break
+                    }
+                    e.removeChild(f)
+                }
+                while (f = e.lastChild) {
+                    if (f.tagName == "IMG") {
+                        break
+                    }
+                    e.removeChild(f)
+                }
+                if (!e.firstChild || e.firstChild.tagName != "IMG") {
+                    throw "Invalid Magic Zoom"
+                }
+                a.zooms.push(new a.zoom(e, (arguments.length > 1) ? arguments[1] : undefined))
+            } else {
+                e.zoom.start()
+            }
+        },
+        update: function (h, e, g, f) {
+            if ((h = $mjs(h)) && h.zoom) {
+                (null === e || "" === e) && (e = undefined);
+                (null === g || "" === g) && (g = undefined);
+                h.zoom.update(e, g, f);
+                return true
+            }
+            return false
+        },
+        refresh: function () {
+            c.$A(window.document.getElementsByTagName("A")).j14(function (e) {
+                if (e.className.has("MagicZoom", " ")) {
+                    if (a.stop(e)) {
+                        a.start.j27(100, e)
+                    } else {
+                        a.start(e)
+                    }
+                }
+            }, this)
+        },
+        show: function (e) {
+            return a.zoomIn(e)
+        },
+        zoomIn: function (e) {
+            if ((e = $mjs(e)) && e.zoom) {
+                return e.zoom.activate()
+            }
+            return false
+        },
+        zoomOut: function (e) {
+            if ((e = $mjs(e)) && e.zoom) {
+                return e.zoom.pause()
+            }
+            return false
+        },
+        getXY: function (e) {
+            if ((e = $mjs(e)) && e.zoom) {
+                return {
+                    x: e.zoom.options.x,
+                    y: e.zoom.options.y
+                }
+            }
+        },
+        x7: function (g) {
+            var f, e;
+            f = "";
+            for (e = 0; e < g.length; e++) {
+                f += String.fromCharCode(14 ^ g.charCodeAt(e))
+            }
+            return f
+        }
+    };
+    a.z48 = function () {
+        this.init.apply(this, arguments)
+    };
+    a.z48.prototype = {
+        init: function (e) {
+            this.cb = null;
+            this.z9 = null;
+            this.onErrorHandler = this.onError.j16(this);
+            this.z10 = null;
+            this.width = 0;
+            this.height = 0;
+            this.naturalWidth = 0;
+            this.naturalHeight = 0;
+            this.border = {
+                left: 0,
+                right: 0,
+                top: 0,
+                bottom: 0
+            };
+            this.padding = {
+                left: 0,
+                right: 0,
+                top: 0,
+                bottom: 0
+            };
+            this.ready = false;
+            this._tmpp = null;
+            if ("string" == c.j1(e)) {
+                this._tmpp = c.$new("div").j2("magic-temporary-img").j6({
+                    position: "absolute",
+                    top: "-10000px",
+                    width: "1px",
+                    height: "1px",
+                    overflow: "hidden"
+                }).j32(c.body);
+                this.self = c.$new("img").j32(this._tmpp);
+                this.z11();
+                this.self.src = e
+            } else {
+                this.self = $mjs(e);
+                this.z11();
+                this.self.src = e.src
+            }
+        },
+        _cleanup: function () {
+            if (this._tmpp) {
+                if (this.self.parentNode == this._tmpp) {
+                    this.self.j33().j6({
+                        position: "static",
+                        top: "auto"
+                    })
+                }
+                this._tmpp.kill();
+                this._tmpp = null
+            }
+        },
+        onError: function (f) {
+            if (f) {
+                $mjs(f).stop()
+            }
+            if (this.cb) {
+                this._cleanup();
+                this.cb.call(this, false)
+            }
+            this.unload()
+        },
+        z11: function (e) {
+            this.z9 = null;
+            if (e == true || !(this.self.src && (this.self.complete || this.self.readyState == "complete"))) {
+                this.z9 = function (f) {
+                    if (f) {
+                        $mjs(f).stop()
+                    }
+                    if (this.ready) {
+                        return
+                    }
+                    this.ready = true;
+                    this.z13();
+                    if (this.cb) {
+                        this._cleanup();
+                        this.cb.call()
+                    }
+                }.j16(this);
+                this.self.je1("load", this.z9);
+                $mjs(["abort", "error"]).j14(function (f) {
+                    this.self.je1(f, this.onErrorHandler)
+                }, this)
+            } else {
+                this.ready = true
+            }
+        },
+        update: function (f, h) {
+            var g = this.ready;
+            this.unload();
+            var e = c.$new("a", {
+                href: f
+            });
+            if (true !== h && this.self.src.has(e.href) && 0 !== this.self.width) {
+                this.ready = g
+            } else {
+                this.z11(true);
+                this.self.src = f
+            }
+            e = null
+        },
+        z13: function () {
+            this.naturalWidth = this.self.naturalWidth || this.self.width;
+            this.naturalHeight = this.self.naturalHeight || this.self.height;
+            this.width = this.self.width;
+            this.height = this.self.height;
+            if (this.width == 0 && this.height == 0 && c.j21.webkit) {
+                this.width = this.self.naturalWidth;
+                this.height = this.self.naturalHeight
+            }
+            $mjs(["Left", "Right", "Top", "Bottom"]).j14(function (f) {
+                this.padding[f.toLowerCase()] = this.self.j19("padding" + f).j17();
+                this.border[f.toLowerCase()] = this.self.j19("border" + f + "Width").j17()
+            }, this);
+            if (c.j21.presto || (c.j21.trident && !c.j21.backCompat)) {
+                this.width -= this.padding.left + this.padding.right;
+                this.height -= this.padding.top + this.padding.bottom
+            }
+        },
+        getBox: function () {
+            var e = null;
+            e = this.self.j9();
+            return {
+                top: e.top + this.border.top,
+                bottom: e.bottom - this.border.bottom,
+                left: e.left + this.border.left,
+                right: e.right - this.border.right
+            }
+        },
+        z12: function () {
+            if (this.z10) {
+                this.z10.src = this.self.src;
+                this.self = null;
+                this.self = this.z10
+            }
+        },
+        load: function (e) {
+            if (this.ready) {
+                if (!this.width) {
+                    (function () {
+                        this.z13();
+                        this._cleanup();
+                        e.call()
+                    }).j24(this).j27(1)
+                } else {
+                    this._cleanup();
+                    e.call()
+                }
+            } else {
+                if (!this.z9) {
+                    e.call(this, false);
+                    return
+                }
+                this.cb = e
+            }
+        },
+        unload: function () {
+            if (this.z9) {
+                this.self.je2("load", this.z9)
+            }
+            $mjs(["abort", "error"]).j14(function (e) {
+                this.self.je2(e, this.onErrorHandler)
+            }, this);
+            this.z9 = null;
+            this.cb = null;
+            this.width = null;
+            this.ready = false;
+            this._new = false
+        }
+    };
+    a.zoom = function () {
+        this.construct.apply(this, arguments)
+    };
+    a.zoom.prototype = {
+        construct: function (h, f, g) {
+            var e = {};
+            this.z28 = -1;
+            this.z30 = false;
+            this.ddx = 0;
+            this.ddy = 0;
+            this.firstRun = !(this.z47);
+            this.exOptions = this.firstRun ? {} : this.exOptions || {};
+            this.activatedEx = false;
+            this.z44 = null;
+            this.z1Holder = $mjs(window).j29("magiczoom:holder") || $mjs(window).j29("magiczoom:holder", c.$new("div").j6({
+                position: "absolute",
+                top: -10000,
+                width: 10,
+                height: 10,
+                overflow: "hidden"
+            }).j32(c.body));
+            this.options = c.detach(a.defaults);
+            if (h) {
+                this.c = $mjs(h)
+            }
+            this.divTag = ("div" == this.c.tagName.toLowerCase());
+            e = c.extend(e, this.z37());
+            e = c.extend(e, this.z37(this.c.rel));
+            e = c.extend(e, this.exOptions);
+            if (f) {
+                e = c.extend(e, c.extend(true === g ? this.exOptions : {}, this.z37(f)))
+            }
+            if (e.dragMode && !e.clickToActivate && undefined === e.alwaysShowZoom) {
+                e.alwaysShowZoom = true
+            }
+            c.extend(this.options, e);
+            this.options.hotspots += "";
+            if ("load" == this.options.initializeOn && c.defined(this.options.clickToInitialize) && "true" == this.options.clickToInitialize.toString()) {
+                this.options.initializeOn = "click"
+            }
+            if (c.defined(this.options.thumbChange) && this.options.thumbChange != this.options.selectorsChange) {
+                this.options.selectorsChange = this.options.thumbChange
+            }
+            if (this.firstRun && !this.divTag) {
+                this.id = this.originId = this.c.id || "";
+                if (!this.c.id) {
+                    this.c.id = this.id = "zoom-" + Math.floor(Math.random() * c.now())
+                }
+            }
+            if ("inner" == this.options.zoomPosition && this.options.dragMode) {
+                this.options.moveOnClick = true
+            }
+            if (this.options.disableZoom) {
+                this.z30 = false;
+                this.options.clickToActivate = true;
+                this.options.hint = false
+            }("string" === c.j1(this.options.onready)) && ("function" === c.j1(window[this.options.onready])) && (this.options.onready = window[this.options.onready]);
+            if (h) {
+                this.lastSelector = null;
+                this.z14 = this.mousedown.j16(this);
+                this.z15 = this.mouseup.j16(this);
+                this.z16 = this.show.j24(this, true);
+                this.z17 = this.z29.j24(this);
+                this.z43Bind = this.z43.j16(this);
+                this.resizeBind = function (k) {
+                    var j = $mjs(this.c).j29("magiczoom:window:size"),
+                        i = $mjs(window).j7();
+                    if (j.width !== i.width || j.height !== i.height) {
+                        clearTimeout(this.resizeTimer);
+                        this.resizeTimer = this.onresize.j24(this).j27(10);
+                        $mjs(this.c).j30("magiczoom:window:size", i)
+                    }
+                }.j16(this);
+                if (!this.divTag) {
+                    this.c.je1("click", function (j) {
+                        var i = j.getButton();
+                        if (3 == i) {
+                            return true
+                        }
+                        $mjs(j).stop();
+                        if (!c.j21.trident) {
+                            this.blur()
+                        }
+                        return false
+                    })
+                }
+                this.c.je1("mousedown", this.z14);
+                this.c.je1("mouseup", this.z15);
+                if ("mouseover" == this.options.initializeOn) {
+                    this.c.je1("mouseover", this.z14)
+                }
+                if (c.j21.touchScreen) {
+                    this.c.j6({
+                        "-webkit-user-select": "none",
+                        "-webkit-touch-callout": "none",
+                        "-webkit-tap-highlight-color": "transparent"
+                    });
+                    if (!this.options.disableZoom) {
+                        this.c.je1("touchstart", this.z14);
+                        this.c.je1("touchend", this.z15)
+                    } else {
+                        this.c.je1("click", function (i) {
+                            i.preventDefault()
+                        })
+                    }
+                }
+                this.c.unselectable = "on";
+                this.c.style.MozUserSelect = "none";
+                this.c.je1("selectstart", c.$Ff);
+                if (!this.divTag) {
+                    this.c.j6({
+                        position: "relative",
+                        display: (c.j21.gecko181) ? "block" : "inline-block",
+                        textDecoration: "none",
+                        outline: "0",
+                        cursor: "hand",
+                        overflow: "hidden"
+                    });
+                    if (c.j21.ieMode) {
+                        this.c.j2("magic-for-ie" + c.j21.ieMode)
+                    }
+                    if (this.c.j5("textAlign") == "center") {
+                        this.c.j6({
+                            margin: "auto auto"
+                        })
+                    }
+                }
+                this.c.zoom = this
+            } else {
+                this.options.initializeOn = "load"
+            }
+            if (!this.options.rightClick) {
+                this.c.je1("contextmenu", c.$Ff)
+            }
+            if ("load" == this.options.initializeOn) {
+                this.z18()
+            } else {
+                if ("" !== this.originId) {
+                    this.z26(true)
+                }
+            }
+        },
+        z18: function () {
+            var j, m, l, k, h;
+            if (!this.z7) {
+                this.z7 = new a.z48(this.c.firstChild);
+                this.z1 = new a.z48(this.c.href)
+            } else {
+                this.z1.update(this.c.href)
+            }
+            if (!this.z47) {
+                this.z47 = {
+                    self: $mjs(document.createElement("DIV"))[(this.divTag) ? "j3" : "j2"]("MagicZoomBigImageCont").j6({
+                        overflow: "hidden",
+                        zIndex: this.options.zoomPosition == "inner" ? 100 : 10002,
+                        top: "-100000px",
+                        position: "absolute",
+                        width: this.options.zoomWidth + "px",
+                        height: this.options.zoomHeight + "px"
+                    }),
+                    zoom: this,
+                    z21: "0px",
+                    lastLeftPos: "0px",
+                    initTopPos: 0,
+                    initLeftPos: 0,
+                    adjustX: {
+                        edge: "left",
+                        ratio: 1
+                    },
+                    adjustY: {
+                        edge: "top",
+                        ratio: 1
+                    },
+                    custom: false,
+                    initWidth: this.options.zoomWidth,
+                    initHeight: this.options.zoomHeight
+                };
+                if (!(c.j21.trident900 && c.j21.ieMode < 9)) {
+                    switch (this.options.zoomWindowEffect) {
+                        case "shadow":
+                            this.z47.self.j2("MagicBoxShadow");
+                            break;
+                        case "glow":
+                            this.z47.self.j2("MagicBoxGlow");
+                            break;
+                        default:
+                            break
+                    }
+                }
+                this.z47.hide = function () {
+                    if (this.self.style.top != "-100000px" && this.zoom.z4 && !this.zoom.z4.z38) {
+                        this.self.style.top = "-100000px"
+                    }
+                    if (this.self.parentNode === c.body) {
+                        this.self.j32(this.zoom.z1Holder)
+                    }
+                };
+                this.z47.z22 = this.z47.hide.j24(this.z47);
+                if (c.j21.trident4) {
+                    j = $mjs(document.createElement("IFRAME"));
+                    j.src = "javascript:''";
+                    j.j6({
+                        left: "0px",
+                        top: "0px",
+                        position: "absolute",
+                        "z-index": -1
+                    }).frameBorder = 0;
+                    this.z47.z23 = this.z47.self.appendChild(j)
+                }
+                this.z47.z41 = $mjs(document.createElement("DIV")).j2("MagicZoomHeader").j6({
+                    position: "relative",
+                    zIndex: 10,
+                    left: "0px",
+                    top: "0px",
+                    padding: "3px"
+                }).hide();
+                m = c.$new("DIV", {}, {
+                    overflow: "hidden"
+                });
+                m.appendChild(this.z1.self);
+                this.z1.self.j6({
+                    padding: "0px",
+                    margin: "0px",
+                    border: "0px",
+                    width: "auto",
+                    height: "auto"
+                });
+                if (this.options.showTitle == "bottom") {
+                    this.z47.self.appendChild(m);
+                    this.z47.self.appendChild(this.z47.z41)
+                } else {
+                    this.z47.self.appendChild(this.z47.z41);
+                    this.z47.self.appendChild(m)
+                }
+                this.z47.self.j32(this.z1Holder);
+                if ("undefined" !== typeof (h)) {
+                    this.z47.g = $mjs(document.createElement("div")).j6({
+                        color: h[1],
+                        fontSize: h[2] + "px",
+                        fontWeight: h[3],
+                        fontFamily: "Tahoma",
+                        position: "absolute",
+                        "z-index": 10 + ("" + (this.z1.self.j5("z-index") || 0)).j17(),
+                        width: h[5],
+                        textAlign: h[4],
+                        "line-height": "2em",
+                        left: "0px"
+                    }).changeContent(a.x7(h[0])).j32(this.z47.self, ((Math.floor(Math.random() * 101) + 1) % 2) ? "top" : "bottom")
+                }
+            }
+            this.z47.initWidth = this.options.zoomWidth;
+            this.z47.initHeight = this.options.zoomHeight;
+            this.z47.custom = false;
+            if (this.options.showTitle != "false" && this.options.showTitle != false) {
+                var i = this.z47.z41;
+                i.hide();
+                while (l = i.firstChild) {
+                    i.removeChild(l)
+                }
+                if (this.options.titleSource == "title" && "" != this.c.title) {
+                    i.appendChild(document.createTextNode(this.c.title));
+                    i.show()
+                } else {
+                    if (this.options.titleSource.has("#")) {
+                        var n = this.options.titleSource.replace(/^#/, "");
+                        if ($mjs(n)) {
+                            i.changeContent($mjs(n).innerHTML);
+                            i.show()
+                        }
+                    }
+                }
+            } else {
+                this.z47.z41.hide()
+            }
+            this.c.z46 = this.c.title;
+            this.c.title = "";
+            this.z7.load(this.z19.j24(this))
+        },
+        z19: function (e) {
+            if (!e && e !== undefined) {
+                return
+            }
+            if (!this.z7) {
+                return
+            }
+            if (!this.options.opacityReverse) {
+                this.z7.self.j23(1)
+            }
+            if (!this.divTag) {
+                this.c.j6({
+                    width: "auto",
+                    height: "auto"
+                })
+            }
+            if (this.options.showLoading && !this.options.disableZoom) {
+                this.z24 = setTimeout(this.z17, 400)
+            }
+            if (this.options.hotspots != "" && $mjs(this.options.hotspots)) {
+                this.z25()
+            }
+            if (this.c.id != "") {
+                this.z26()
+            }
+            this.z1.load(this.z20.j24(this))
+        },
+        z20: function (h) {
+            var g, f, i, e;
+            if (!h && h !== undefined) {
+                clearTimeout(this.z24);
+                if (this.options.showLoading && this.z3) {
+                    this.z3.hide()
+                }
+                this.z28 = c.now();
+                return
+            }
+            if (!this.z7 || !this.z1) {
+                return
+            }
+            f = this.z7.self.j9();
+            this.z7Rect = f;
+            if (f.bottom == f.top) {
+                this.z20.j24(this).j27(500);
+                return
+            }
+            i = ("custom" == this.options.zoomPosition) ? this.c.id + "-big" : this.options.zoomPosition.has("#") ? this.options.zoomPosition.replace(/^#/, "") : null;
+            if (i && $mjs(i)) {
+                this.z47.custom = true;
+                $mjs(i).appendChild(this.z47.self)
+            } else {
+                if ("inner" == this.options.zoomPosition) {
+                    this.c.appendChild(this.z47.self)
+                }
+            }
+            if (this.z7.width == 0 && c.j21.trident) {
+                this.z7.z13();
+                this.z1.z13();
+                !this.divTag && this.c.j6({
+                    width: this.z7.width + "px"
+                })
+            }
+            g = this.z47.z41.j7();
+            if (/%$/i.test(this.options.zoomWidth)) {
+                this.options.zoomWidth = (parseInt(this.options.zoomWidth) / 100) * this.z7.width
+            }
+            if (/%$/i.test(this.options.zoomHeight)) {
+                this.options.zoomHeight = (parseInt(this.options.zoomHeight) / 100) * this.z7.height
+            }
+            this.z47.self.j6({
+                width: this.options.zoomWidth
+            });
+            g = this.z47.z41.j7();
+            if (this.options.fitZoomWindow || this.options.entireImage) {
+                if ((this.z1.width < this.options.zoomWidth) || this.options.entireImage) {
+                    this.options.zoomWidth = this.z1.width;
+                    this.z47.self.j6({
+                        width: this.options.zoomWidth
+                    });
+                    g = this.z47.z41.j7()
+                }
+                if ((this.z1.height < this.options.zoomHeight) || this.options.entireImage) {
+                    this.options.zoomHeight = this.z1.height + g.height
+                }
+            }
+            switch (this.options.zoomPosition) {
+                case "right":
+                    this.z47.self.style.left = f.right + this.options.zoomDistance + "px";
+                    this.z47.adjustX.edge = "right";
+                    break;
+                case "left":
+                    this.z47.self.style.left = f.left - this.options.zoomDistance - this.options.zoomWidth + "px";
+                    break;
+                case "top":
+                    this.z47.z21 = f.top - (this.options.zoomDistance + this.options.zoomHeight) + "px";
+                    break;
+                case "bottom":
+                    this.z47.z21 = f.bottom + this.options.zoomDistance + "px";
+                    this.z47.adjustY.edge = "bottom";
+                    break;
+                case "inner":
+                    this.z47.self.j6({
+                        left: "0px",
+                        height: "100%",
+                        width: "100%"
+                    });
+                    this.options.zoomWidth = this.z7.width;
+                    this.options.zoomHeight = this.z7.height;
+                    this.z47.z21 = "0px";
+                    g = this.z47.z41.j7();
+                    break;
+                default:
+                    if (this.z47.custom) {
+                        e = $mjs(this.z47.self.parentNode).j7();
+                        if (/%$/i.test(this.z47.initWidth)) {
+                            this.options.zoomWidth = (parseInt(this.z47.initWidth) / 100) * e.width
+                        }
+                        if (/%$/i.test(this.z47.initHeight)) {
+                            this.options.zoomHeight = (parseInt(this.z47.initHeight) / 100) * e.height
+                        }
+                        this.z47.self.j6({
+                            left: "0px",
+                            width: this.options.zoomWidth
+                        });
+                        this.z47.z21 = "0px";
+                        g = this.z47.z41.j7()
+                    }
+                    break
+            }
+            if (this.options.showTitle == "bottom") {
+                $mjs(this.z1.self.parentNode).j6Prop("height", this.options.zoomHeight - g.height)
+            }
+            this.z47.self.j6("inner" == this.options.zoomPosition ? {} : {
+                height: this.options.zoomHeight + "px",
+                width: this.options.zoomWidth + "px"
+            }).j23(1);
+            if (c.j21.trident4 && this.z47.z23) {
+                this.z47.z23.j6({
+                    width: this.options.zoomWidth + "px",
+                    height: this.options.zoomHeight + "px"
+                })
+            }
+            if (this.options.zoomPosition == "right" || this.options.zoomPosition == "left") {
+                if (this.options.zoomAlign == "center") {
+                    this.z47.z21 = (f.bottom - (f.bottom - f.top) / 2 - this.options.zoomHeight / 2) + "px";
+                    this.z47.adjustY = {
+                        edge: "bottom",
+                        ratio: 2
+                    }
+                } else {
+                    if (this.options.zoomAlign == "bottom") {
+                        this.z47.z21 = (f.bottom - this.options.zoomHeight) + "px";
+                        this.z47.adjustY.edge = "bottom"
+                    } else {
+                        this.z47.z21 = f.top + "px"
+                    }
+                }
+            } else {
+                if (this.options.zoomPosition == "top" || this.options.zoomPosition == "bottom") {
+                    if (this.options.zoomAlign == "center") {
+                        this.z47.self.style.left = (f.right - (f.right - f.left) / 2 - this.options.zoomWidth / 2) + "px";
+                        this.z47.adjustX = {
+                            edge: "right",
+                            ratio: 2
+                        }
+                    } else {
+                        if (this.options.zoomAlign == "right") {
+                            this.z47.self.style.left = (f.right - this.options.zoomWidth) + "px";
+                            this.z47.adjustX.edge = "right"
+                        } else {
+                            this.z47.self.style.left = f.left + "px"
+                        }
+                    }
+                }
+            }
+            this.z47.initTopPos = parseInt(this.z47.z21, 10);
+            this.z47.initLeftPos = parseInt(this.z47.self.style.left, 10);
+            this.z47.lastLeftPos = this.z47.initLeftPos;
+            this.z47.z21 = this.z47.initTopPos;
+            this.zoomViewHeight = this.options.zoomHeight - g.height;
+            if (this.z47.g) {
+                this.z47.g.j6({
+                    top: this.options.showTitle == "bottom" ? 0 : "auto",
+                    bottom: this.options.showTitle == "bottom" ? "auto" : 0
+                })
+            }
+            this.z1.self.j6({
+                position: "relative",
+                borderWidth: "0px",
+                padding: "0px",
+                left: "0px",
+                top: "0px"
+            });
+            this.z27();
+            if (this.options.alwaysShowZoom) {
+                if (this.options.x == -1) {
+                    this.options.x = this.z7.width / 2
+                }
+                if (this.options.y == -1) {
+                    this.options.y = this.z7.height / 2
+                }
+                this.show()
+            } else {
+                if (this.options.zoomFade) {
+                    this.z2 = new c.FX(this.z47.self, {
+                        forceAnimation: "ios" === c.j21.platform
+                    })
+                }
+                this.z47.self.j6({
+                    top: "-100000px"
+                })
+            }
+            if (this.options.showLoading && this.z3) {
+                this.z3.hide()
+            }
+            this.c.je1("mousemove", this.z43Bind);
+            this.c.je1("mouseout", this.z43Bind);
+            if (c.j21.touchScreen) {
+                this.c.je1("touchstart", this.z43Bind);
+                this.c.je1("touchmove", this.z43Bind);
+                this.c.je1("touchend", this.z43Bind)
+            }
+            this.setupHint();
+            $mjs(this.c).j29("magiczoom:window:size", $mjs(window).j7());
+            $mjs(window).je1("resize", this.resizeBind);
+            if (!this.options.disableZoom && (!this.options.clickToActivate || "click" == this.options.initializeOn)) {
+                this.z30 = true
+            }
+            if ("click" == this.options.initializeOn && this.initMouseEvent) {
+                this.z43(this.initMouseEvent)
+            }
+            if (this.activatedEx) {
+                this.activate()
+            }
+            this.z28 = c.now();
+            !this.divTag && ("function" == c.j1(this.options.onready)) && this.options.onready.call(null, this.id, !this.firstRun)
+        },
+        setupHint: function () {
+            var i = /tr|br/i,
+                e = /bl|br|bc/i,
+                f = /bc|tc/i,
+                h = null;
+            this.hintVisible = undefined;
+            if (!this.options.hint) {
+                if (this.hint) {
+                    this.hint.kill();
+                    this.hint = undefined
+                }
+                return
+            }
+            if (!this.hint) {
+                this.hint = $mjs(document.createElement("DIV")).j2(this.options.hintClass).j6({
+                    display: "block",
+                    overflow: "hidden",
+                    position: "absolute",
+                    visibility: "hidden",
+                    "z-index": 1
+                });
+                if (this.options.hintText != "") {
+                    this.hint.appendChild(document.createTextNode(this.options.hintText))
+                }
+                this.c.appendChild(this.hint)
+            } else {
+                if (this.options.hintText != "") {
+                    h = this.hint[(this.hint.firstChild) ? "replaceChild" : "appendChild"](document.createTextNode(this.options.hintText), this.hint.firstChild);
+                    h = null
+                }
+            }
+            this.hint.j6({
+                left: "auto",
+                right: "auto",
+                top: "auto",
+                bottom: "auto",
+                display: "block",
+                opacity: (this.options.hintOpacity / 100),
+                "max-width": (this.z7.width - 4)
+            });
+            var g = this.hint.j7();
+            this.hint.j6Prop((i.test(this.options.hintPosition) ? "right" : "left"), (f.test(this.options.hintPosition) ? (this.z7.width - g.width) / 2 : 2)).j6Prop((e.test(this.options.hintPosition) ? "bottom" : "top"), 2);
+            this.hintVisible = true;
+            this.hint.show()
+        },
+        z29: function () {
+            if (this.z1.ready) {
+                return
+            }
+            this.z3 = $mjs(document.createElement("DIV")).j2(this.options.loadingClass).j23(this.options.loadingOpacity / 100).j6({
+                display: "block",
+                overflow: "hidden",
+                position: "absolute",
+                visibility: "hidden",
+                "z-index": 20,
+                "max-width": (this.z7.width - 4)
+            });
+            this.z3.appendChild(document.createTextNode(this.options.loadingMsg));
+            this.c.appendChild(this.z3);
+            var e = this.z3.j7();
+            this.z3.j6({
+                left: (this.options.loadingPositionX == -1 ? ((this.z7.width - e.width) / 2) : (this.options.loadingPositionX)) + "px",
+                top: (this.options.loadingPositionY == -1 ? ((this.z7.height - e.height) / 2) : (this.options.loadingPositionY)) + "px"
+            });
+            this.z3.show()
+        },
+        z26: function (g) {
+            var e, h, f = new RegExp("zoom\\-id(\\s+)?:(\\s+)?" + this.c.id + "($|;)");
+            this.selectors = $mjs([]);
+            c.$A(document.getElementsByTagName("A")).j14(function (j) {
+                if (f.test(j.rel)) {
+                    if (!$mjs(j).z36) {
+                        j.z36 = function (k) {
+                            if (!c.j21.trident) {
+                                this.blur()
+                            }
+                            $mjs(k).stop();
+                            return false
+                        };
+                        j.je1("click", j.z36)
+                    }
+                    if (g) {
+                        if (("mouseover" == this.options.initializeOn || "click" == this.options.initializeOn) && !$mjs(j).clickInitZoom) {
+                            j.clickInitZoom = function (l, k) {
+                                k.je2("click", k.clickInitZoom);
+                                if (!!this.z7) {
+                                    return
+                                }
+                                $mjs(l).stop();
+                                this.c.href = k.href;
+                                this.c.firstChild.src = k.rev;
+                                this.start(k.rel)
+                            }.j16(this, j);
+                            j.je1("click", j.clickInitZoom)
+                        }
+                        return
+                    }
+                    var i = c.$new("a", {
+                        href: j.rev
+                    });
+                    (this.options.selectorsClass != "") && $mjs(j)[this.z1.self.src.has(j.href) && this.z7.self.src.has(i.href) ? "j2" : "j3"](this.options.selectorsClass);
+                    if (this.z1.self.src.has(j.href) && this.z7.self.src.has(i.href)) {
+                        this.lastSelector = j
+                    }
+                    i = null;
+                    if (!j.z34) {
+                        j.z34 = function (m, l) {
+                            l = m.currentTarget || m.getTarget();
+                            try {
+                                while ("a" != l.tagName.toLowerCase()) {
+                                    l = l.parentNode
+                                }
+                            } catch (k) {
+                                return
+                            }
+                            if (l.hasChild(m.getRelated())) {
+                                return
+                            }
+                            if (m.type == "mouseout") {
+                                if (this.z35) {
+                                    clearTimeout(this.z35)
+                                }
+                                this.z35 = false;
+                                return
+                            }
+                            if (l.title != "") {
+                                this.c.title = l.title
+                            }
+                            if (m.type == "mouseover") {
+                                this.z35 = setTimeout(this.update.j24(this, l.href, l.rev, l.rel, l), this.options.selectorsMouseoverDelay)
+                            } else {
+                                this.update(l.href, l.rev, l.rel, l)
+                            }
+                        }.j16(this);
+                        j.je1(this.options.selectorsChange, j.z34);
+                        if (this.options.selectorsChange == "mouseover") {
+                            j.je1("mouseout", j.z34)
+                        }
+                    }
+                    j.j6({
+                        outline: "0",
+                        display: "inline-block"
+                    });
+                    if (this.options.preloadSelectorsSmall) {
+                        h = new Image();
+                        h.src = j.rev
+                    }
+                    if (this.options.preloadSelectorsBig) {
+                        e = new Image();
+                        e.src = j.href
+                    }
+                    this.selectors.push(j)
+                }
+            }, this)
+        },
+        stop: function (f) {
+            try {
+                this.pause();
+                this.c.je2("mousemove", this.z43Bind);
+                this.c.je2("mouseout", this.z43Bind);
+                if (c.j21.touchScreen) {
+                    this.c.je2("touchmove", this.z43Bind);
+                    this.c.je2("touchend", this.z43Bind)
+                }
+                if (undefined === f && this.z4) {
+                    this.z4.self.hide()
+                }
+                if (this.z2) {
+                    this.z2.stop()
+                }
+                this.z6 = null;
+                this.z30 = false;
+                if (this.selectors !== undefined) {
+                    this.selectors.j14(function (e) {
+                        if (this.options.selectorsClass != "") {
+                            e.j3(this.options.selectorsClass)
+                        }
+                        if (undefined === f) {
+                            e.je2(this.options.selectorsChange, e.z34);
+                            if (this.options.selectorsChange == "mouseover") {
+                                e.je2("mouseout", e.z34)
+                            }
+                            e.z34 = null;
+                            e.je2("click", e.z36);
+                            e.z36 = null
+                        }
+                    }, this)
+                }
+                if (this.options.hotspots != "" && $mjs(this.options.hotspots)) {
+                    $mjs(this.options.hotspots).hide();
+                    $mjs(this.options.hotspots).z31.insertBefore($mjs(this.options.hotspots), $mjs(this.options.hotspots).z32);
+                    if (this.c.z33) {
+                        this.c.removeChild(this.c.z33)
+                    }
+                }
+                if (this.options.opacityReverse) {
+                    this.c.j3("MagicZoomPup");
+                    this.z7.self.j23(1)
+                }
+                this.z2 = null;
+                if (this.z3) {
+                    this.c.removeChild(this.z3)
+                }
+                if (this.hint) {
+                    this.hint.hide()
+                }
+                if (undefined === f) {
+                    if (this.hint) {
+                        this.c.removeChild(this.hint)
+                    }
+                    this.hint = null;
+                    this.z1.unload();
+                    this.z7.unload();
+                    (this.z4 && this.z4.self) && this.c.removeChild(this.z4.self);
+                    (this.z47 && this.z47.self) && this.z47.self.parentNode.removeChild(this.z47.self);
+                    this.z4 = null;
+                    this.z47 = null;
+                    this.z1 = null;
+                    this.z7 = null;
+                    if (!this.options.rightClick) {
+                        this.c.je2("contextmenu", c.$Ff)
+                    }
+                    if ("" === this.originId) {
+                        this.c.removeAttribute("id")
+                    } else {
+                        this.c.id = this.originId
+                    }
+                    $mjs(window).je2("resize", this.resizeBind)
+                }
+                if (this.z24) {
+                    clearTimeout(this.z24);
+                    this.z24 = null
+                }
+                this.z44 = null;
+                this.c.z33 = null;
+                this.z3 = null;
+                if (this.c.title == "") {
+                    this.c.title = this.c.z46
+                }
+                this.z28 = -1
+            } catch (g) {}
+        },
+        start: function (f, e) {
+            if (this.z28 != -1) {
+                return
+            }
+            this.construct(false, f, (null === e || undefined === e))
+        },
+        update: function (w, l, f, v) {
+            var g, z, e, i, q, h, B = null,
+                s = null,
+                j = this.lastSelector,
+                k, m, y, r, o, p, C, A, n;
+            v = v || null;
+            if (c.now() - this.z28 < 300 || this.z28 == -1 || this.ufx) {
+                this.z35 && clearTimeout(this.z35);
+                g = 300 - c.now() + this.z28;
+                if (this.z28 == -1) {
+                    g = 300
+                }
+                this.z35 = setTimeout(this.update.j24(this, w, l, f, v), g);
+                return
+            }
+            if (v && this.lastSelector == v) {
+                return
+            } else {
+                this.lastSelector = v
+            }
+            z = function (D) {
+                if (undefined != w) {
+                    this.c.href = w
+                }
+                if (undefined === f) {
+                    f = ""
+                }
+                if (this.options.preservePosition) {
+                    f = "x: " + this.options.x + "; y: " + this.options.y + "; " + f
+                }
+                if (undefined != l) {
+                    this.z7.update(l)
+                }
+                if (D !== undefined) {
+                    this.z7.load(D)
+                }
+            };
+            this.z7.z13();
+            i = this.z7.width;
+            q = this.z7.height;
+            this.stop(true);
+            if (this.options.selectorsEffect != "false" && undefined !== l) {
+                this.ufx = true;
+                var x = $mjs(this.c.cloneNode(true)).j6({
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    width: ""
+                });
+                var u = c.$new("div", {
+                    id: this.c.parentNode.id,
+                    "class": this.c.parentNode.className
+                }).j2("mz-tmp-clone").j6({
+                    width: $mjs(this.c.parentNode).j5("width"),
+                    "max-width": $mjs(this.c.parentNode).j5("max-width")
+                });
+                if ("td" === this.c.parentNode.tagName.toLocaleLowerCase()) {
+                    this.c.parentNode.insertBefore(u, this.c)
+                } else {
+                    this.c.parentNode.parentNode.insertBefore(u, this.c.parentNode)
+                }
+                u.append(x);
+                c.j21.chrome && u.j7();
+                if (c.j21.ieMode && c.j21.ieMode < 8) {
+                    $mjs(x.firstChild).j23(1)
+                }
+                h = new a.z48(x.firstChild);
+                h.update(l);
+                if ("pounce" == this.options.selectorsEffect) {
+                    n = this.c.href;
+                    k = this.selectors.filter(function (D) {
+                        return D.href.has(n)
+                    });
+                    k = (k[0]) ? $mjs(k[0].byTag("img")[0] || k[0]) : this.z7.self;
+                    m = this.selectors.filter(function (D) {
+                        return D.href.has(w)
+                    });
+                    m = (m[0]) ? $mjs(m[0].byTag("img")[0] || m[0]) : null;
+                    if (null == m) {
+                        m = this.z7.self;
+                        k = this.z7.self
+                    }
+                    r = this.z7.self.j8(), o = k.j8(), p = m.j8(), A = k.j7(), C = m.j7()
+                }
+                e = function (F) {
+                    var D = {},
+                        H = {},
+                        G = {},
+                        I = null,
+                        E = null;
+                    if (false === F) {
+                        h.unload();
+                        $mjs(h.self).j33();
+                        h = null;
+                        u.j33();
+                        this.ufx = false;
+                        if (s) {
+                            s.state = "inz30"
+                        }
+                        this.lastSelector = j;
+                        this.start(null, j);
+                        return
+                    }
+                    if (c.j21.ieMode && c.j21.ieMode < 8 && (i === h.width || 0 === h.width)) {
+                        h.self.j6Prop("zoom", 1);
+                        u.j7();
+                        h.z13()
+                    }
+                    if ("pounce" == this.options.selectorsEffect) {
+                        D.width = [i, A.width];
+                        D.height = [q, A.height];
+                        D.top = [r.top, o.top];
+                        D.left = [r.left, o.left];
+                        H.width = [C.width, h.width];
+                        H.height = [C.height, h.height];
+                        H.top = [p.top, r.top];
+                        u.j6({
+                            padding: ""
+                        });
+                        x.j23(0).j6({
+                            height: 0,
+                            width: h.width,
+                            position: "relative"
+                        });
+                        H.left = [p.left, x.j8().left];
+                        G.width = [i, h.width];
+                        h.self.j32(c.body).j6({
+                            position: "absolute",
+                            "z-index": 5001,
+                            left: H.left[0],
+                            top: H.top[0],
+                            width: H.width[0],
+                            height: H.height[0]
+                        });
+                        I = $mjs(this.c.firstChild.cloneNode(false)).j32(c.body).j6({
+                            position: "absolute",
+                            "z-index": 5000,
+                            left: D.left[0],
+                            top: D.top[0],
+                            visibility: "visible"
+                        });
+                        $mjs(this.c.firstChild).j6({
+                            visibility: "hidden"
+                        });
+                        u.j33();
+                        E = this.c.j5("border-width");
+                        this.c.j6Prop("border-width", 0)
+                    } else {
+                        h.self.j32(this.c).j6({
+                            position: "absolute",
+                            "z-index": 5001,
+                            opacity: 0,
+                            left: "0px",
+                            top: "0px",
+                            height: "auto"
+                        });
+                        I = $mjs(this.c.firstChild.cloneNode(false)).j32(this.c).j6({
+                            position: "absolute",
+                            "z-index": 5000,
+                            left: "0px",
+                            top: "0px",
+                            visibility: "visible",
+                            height: "auto"
+                        });
+                        $mjs(this.c.firstChild).j6({
+                            visibility: "hidden"
+                        });
+                        u.j33();
+                        H = {
+                            opacity: [0, 1]
+                        };
+                        if (i != h.width || q != h.height) {
+                            G.width = H.width = D.width = [i, h.width];
+                            G.height = H.height = D.height = [q, h.height]
+                        }
+                        if (this.options.selectorsEffect == "fade") {
+                            D.opacity = [1, 0]
+                        }
+                    }
+                    new c.PFX([this.c, h.self, (I || this.c.firstChild)], {
+                        duration: this.options.selectorsEffectSpeed,
+                        onComplete: function () {
+                            if (I) {
+                                I.j33();
+                                I = null
+                            }
+                            if (null !== E) {
+                                this.c.j6Prop("border-width", E)
+                            }
+                            z.call(this, function () {
+                                h.unload();
+                                $mjs(this.c.firstChild).j6({
+                                    visibility: "visible"
+                                });
+                                $mjs(h.self).j33();
+                                h = null;
+                                if (D.opacity) {
+                                    $mjs(this.c.firstChild).j6({
+                                        opacity: 1
+                                    })
+                                }
+                                this.ufx = false;
+                                this.start(f, v);
+                                if (B) {
+                                    B.j27(10)
+                                }
+                            }.j24(this))
+                        }.j24(this)
+                    }).start([G, H, D])
+                };
+                h.load(e.j24(this))
+            } else {
+                z.call(this, function () {
+                    this.c.j6({
+                        width: this.z7.width + "px",
+                        height: this.z7.height + "px"
+                    });
+                    this.start(f, v);
+                    if (B) {
+                        B.j27(10)
+                    }
+                }.j24(this))
+            }
+        },
+        z37: function (f) {
+            var e, j, h, g;
+            e = null;
+            j = [];
+            f = f || "";
+            if ("" == f) {
+                for (g in a.options) {
+                    e = a.options[g];
+                    switch (c.j1(a.defaults[g.j22()])) {
+                        case "boolean":
+                            e = e.toString().j18();
+                            break;
+                        case "number":
+                            if (!("zoomWidth" === g.j22() || "zoomHeight" === g.j22()) || !/\%$/i.test(e)) {
+                                e = parseFloat(e)
+                            }
+                            break;
+                        default:
+                            break
+                    }
+                    j[g.j22()] = e
+                }
+            } else {
+                h = $mjs(f.split(";"));
+                h.j14(function (i) {
+                    a.z39.j14(function (k) {
+                        e = k.exec(i.j26());
+                        if (e) {
+                            switch (c.j1(a.defaults[e[1].j22()])) {
+                                case "boolean":
+                                    j[e[1].j22()] = e[4] === "true";
+                                    break;
+                                case "number":
+                                    j[e[1].j22()] = (("zoomWidth" === e[1].j22() || "zoomHeight" === e[1].j22()) && /\%$/.test(e[4])) ? e[4] : parseFloat(e[4]);
+                                    break;
+                                default:
+                                    j[e[1].j22()] = e[4]
+                            }
+                        }
+                    }, this)
+                }, this)
+            }
+            if (false === j.selectorsEffect) {
+                j.selectorsEffect = "false"
+            }
+            return j
+        },
+        z27: function () {
+            var f, e;
+            if (!this.z4) {
+                this.z4 = {
+                    self: $mjs(document.createElement("DIV")).j2("MagicZoomPup").j6({
+                        zIndex: 10,
+                        position: "absolute",
+                        overflow: "hidden"
+                    }).hide(),
+                    width: 20,
+                    height: 20,
+                    bgColor: ""
+                };
+                this.c.appendChild(this.z4.self);
+                this.z4.bgColor = this.z4.self.j5("background-color")
+            }
+            if (this.options.entireImage) {
+                this.z4.self.j6({
+                    "border-width": "0px",
+                    cursor: "default"
+                })
+            }
+            this.z4.z38 = false;
+            this.z4.height = this.zoomViewHeight / (this.z1.height / this.z7.height);
+            this.z4.width = this.options.zoomWidth / (this.z1.width / this.z7.width);
+            if (this.z4.width > this.z7.width) {
+                this.z4.width = this.z7.width
+            }
+            if (this.z4.height > this.z7.height) {
+                this.z4.height = this.z7.height
+            }
+            this.z4.width = Math.round(this.z4.width);
+            this.z4.height = Math.round(this.z4.height);
+            this.z4.borderWidth = this.z4.self.j19("borderLeftWidth").j17();
+            this.z4.self.j6({
+                width: (this.z4.width - 2 * (c.j21.backCompat ? 0 : this.z4.borderWidth)) + "px",
+                height: (this.z4.height - 2 * (c.j21.backCompat ? 0 : this.z4.borderWidth)) + "px"
+            });
+            if (!this.options.opacityReverse && !this.options.rightClick) {
+                this.z4.self.j23(parseFloat(this.options.opacity / 100));
+                if (this.z4.z42) {
+                    this.z4.self.removeChild(this.z4.z42);
+                    this.z4.z42 = null
+                }
+            } else {
+                if (this.z4.z42) {
+                    this.z4.z42.src = this.z7.self.src
+                } else {
+                    f = this.z7.self.cloneNode(false);
+                    f.unselectable = "on";
+                    this.z4.z42 = $mjs(this.z4.self.appendChild(f)).j6({
+                        position: "absolute",
+                        zIndex: 5
+                    })
+                }
+                if (this.options.opacityReverse) {
+                    this.z4.z42.j6(this.z7.self.j7());
+                    this.z4.self.j23(1);
+                    if (c.j21.ieMode && c.j21.ieMode < 9) {
+                        this.z4.z42.j23(1)
+                    }
+                } else {
+                    if (this.options.rightClick) {
+                        this.z4.z42.j23(0.009)
+                    }
+                    this.z4.self.j23(parseFloat(this.options.opacity / 100))
+                }
+            }
+        },
+        z43: function (h, f) {
+            if (!this.z30 || h === undefined || h.skipAnimation) {
+                return false
+            }
+            if (!this.z4) {
+                return false
+            }
+            var i = (/touch/i).test(h.type) && h.touches.length > 1;
+            var g = ("touchend" == h.type && !h.continueAnimation);
+            if ((!this.divTag || h.type != "mouseout") && !i) {
+                $mjs(h).stop()
+            }
+            if (f === undefined) {
+                f = $mjs(h).j15()
+            }
+            if (this.z6 === null || this.z6 === undefined) {
+                this.z6 = this.z7.getBox()
+            }
+            if (g || ("mouseout" == h.type && !this.c.hasChild(h.getRelated())) || i || f.x > this.z6.right || f.x < this.z6.left || f.y > this.z6.bottom || f.y < this.z6.top) {
+                this.pause();
+                return false
+            }
+            this.activatedEx = false;
+            if (h.type == "mouseout" || h.type == "touchend") {
+                return false
+            }
+            if (this.options.dragMode && !this.z45) {
+                return false
+            }
+            if (!this.options.moveOnClick) {
+                f.x -= this.ddx;
+                f.y -= this.ddy
+            }
+            if ((f.x + this.z4.width / 2) >= this.z6.right) {
+                f.x = this.z6.right - this.z4.width / 2
+            }
+            if ((f.x - this.z4.width / 2) <= this.z6.left) {
+                f.x = this.z6.left + this.z4.width / 2
+            }
+            if ((f.y + this.z4.height / 2) >= this.z6.bottom) {
+                f.y = this.z6.bottom - this.z4.height / 2
+            }
+            if ((f.y - this.z4.height / 2) <= this.z6.top) {
+                f.y = this.z6.top + this.z4.height / 2
+            }
+            this.options.x = f.x - this.z6.left;
+            this.options.y = f.y - this.z6.top;
+            if (this.z44 === null) {
+                this.z44 = setTimeout(this.z16, 10)
+            }
+            if (c.defined(this.hintVisible) && this.hintVisible) {
+                this.hintVisible = false;
+                this.hint.hide()
+            }
+            return true
+        },
+        show: function (i) {
+            if (i && !this.z44) {
+                return
+            }
+            var o, l, h, g, n, m, k, j, f, e = this.options,
+                p = this.z4;
+            o = p.width / 2;
+            l = p.height / 2;
+            p.self.style.left = e.x - o + this.z7.border.left + "px";
+            p.self.style.top = e.y - l + this.z7.border.top + "px";
+            if (this.options.opacityReverse) {
+                p.z42.style.left = "-" + (parseFloat(p.self.style.left) + p.borderWidth) + "px";
+                p.z42.style.top = "-" + (parseFloat(p.self.style.top) + p.borderWidth) + "px"
+            }
+            h = (this.options.x - o) * (this.z1.width / this.z7.width);
+            g = (this.options.y - l) * (this.z1.height / this.z7.height);
+            if (this.z1.width - h < e.zoomWidth) {
+                h = this.z1.width - e.zoomWidth;
+                if (h < 0) {
+                    h = 0
+                }
+            }
+            if (this.z1.height - g < this.zoomViewHeight) {
+                g = this.z1.height - this.zoomViewHeight;
+                if (g < 0) {
+                    g = 0
+                }
+            }
+            if (document.documentElement.dir == "rtl") {
+                h = (e.x + p.width / 2 - this.z7.width) * (this.z1.width / this.z7.width)
+            }
+            h = Math.round(h);
+            g = Math.round(g);
+            if (e.smoothing === false || (!p.z38)) {
+                this.z1.self.style.left = (-h) + "px";
+                this.z1.self.style.top = (-g) + "px"
+            } else {
+                n = parseInt(this.z1.self.style.left);
+                m = parseInt(this.z1.self.style.top);
+                k = (-h - n);
+                j = (-g - m);
+                if (!k && !j) {
+                    this.z44 = null;
+                    return
+                }
+                k *= e.smoothingSpeed / 100;
+                if (k < 1 && k > 0) {
+                    k = 1
+                } else {
+                    if (k > -1 && k < 0) {
+                        k = -1
+                    }
+                }
+                n += k;
+                j *= e.smoothingSpeed / 100;
+                if (j < 1 && j > 0) {
+                    j = 1
+                } else {
+                    if (j > -1 && j < 0) {
+                        j = -1
+                    }
+                }
+                m += j;
+                this.z1.self.style.left = n + "px";
+                this.z1.self.style.top = m + "px"
+            }
+            if (!p.z38) {
+                if (this.z2) {
+                    this.z2.stop();
+                    this.z2.options.onComplete = c.$F;
+                    this.z2.options.duration = e.zoomFadeInSpeed;
+                    this.z47.self.j23(0);
+                    this.z2.start({
+                        opacity: [0, 1]
+                    })
+                }
+                if (/^(left|right|top|bottom)$/i.test(e.zoomPosition)) {
+                    this.z47.self.j32(c.body)
+                }
+                if (e.zoomPosition != "inner") {
+                    p.self.show()
+                }
+                this.z47.self.j6(this.adjustPosition(/^(left|right|top|bottom)$/i.test(e.zoomPosition) && !this.options.alwaysShowZoom));
+                if (e.opacityReverse) {
+                    this.c.j6Prop("background-color", this.z4.bgColor);
+                    this.z7.self.j23(parseFloat((100 - e.opacity) / 100))
+                }
+                p.z38 = true
+            }
+            if (this.z44) {
+                this.z44 = setTimeout(this.z16, 1000 / e.fps)
+            }
+        },
+        adjustPosition: function (m) {
+            var f = this.getViewPort(5),
+                e = this.z7.self.j9(),
+                j = this.options.zoomPosition,
+                i = this.z47,
+                g = this.options.zoomDistance,
+                n = i.self.j7(),
+                l = i.initTopPos,
+                h = i.initLeftPos,
+                k = {
+                    left: i.initLeftPos,
+                    top: i.initTopPos
+                };
+            if ("inner" === j || this.z47.custom) {
+                return k
+            }
+            m || (m = false);
+            i.lastLeftPos += (e[i.adjustX.edge] - this.z7Rect[i.adjustX.edge]) / i.adjustX.ratio;
+            i.z21 += (e[i.adjustY.edge] - this.z7Rect[i.adjustY.edge]) / i.adjustY.ratio;
+            this.z7Rect = e;
+            k.left = h = i.lastLeftPos;
+            k.top = l = i.z21;
+            if (m) {
+                if ("left" == j || "right" == j) {
+                    if ("left" == j && f.left > h) {
+                        k.left = (e.left - f.left >= n.width) ? (e.left - n.width - 2) : (f.right - e.right - 2 > e.left - f.left - 2) ? (e.right + 2) : (e.left - n.width - 2)
+                    } else {
+                        if ("right" == j && f.right < h + n.width) {
+                            k.left = (f.right - e.right >= n.width) ? (e.right + 2) : (e.left - f.left - 2 > f.right - e.right - 2) ? (e.left - n.width - 2) : (e.right + 2)
+                        }
+                    }
+                } else {
+                    if ("top" == j || "bottom" == j) {
+                        k.left = Math.max(f.left + 2, Math.min(f.right, h + n.width) - n.width);
+                        if ("top" == j && f.top > l) {
+                            k.top = (e.top - f.top >= n.height) ? (e.top - n.height - 2) : (f.bottom - e.bottom - 2 > e.top - f.top - 2) ? (e.bottom + 2) : (e.top - n.height - 2)
+                        } else {
+                            if ("bottom" == j && f.bottom < l + n.height) {
+                                k.top = (f.bottom - e.bottom >= n.height) ? (e.bottom + 2) : (e.top - f.top - 2 > f.bottom - e.bottom - 2) ? (e.top - n.height - 2) : (e.bottom + 2)
+                            }
+                        }
+                    }
+                }
+            }
+            return k
+        },
+        getViewPort: function (g) {
+            g = g || 0;
+            var f = (c.j21.touchScreen) ? {
+                    width: window.innerWidth,
+                    height: window.innerHeight
+                } : $mjs(window).j7(),
+                e = $mjs(window).j10();
+            return {
+                left: e.x + g,
+                right: e.x + f.width - g,
+                top: e.y + g,
+                bottom: e.y + f.height - g
+            }
+        },
+        onresize: function (i) {
+            if (!this.z7 || !this.z7.ready) {
+                return
+            }
+            var g, f, h = {
+                width: this.z7.width,
+                height: this.z7.height
+            };
+            this.z7.z13();
+            if (this.z47.custom) {
+                f = $mjs(this.z47.self.parentNode).j7();
+                if (/%$/i.test(this.z47.initWidth)) {
+                    this.options.zoomWidth = (parseInt(this.z47.initWidth) / 100) * f.width
+                }
+                if (/%$/i.test(this.z47.initHeight)) {
+                    this.options.zoomHeight = (parseInt(this.z47.initHeight) / 100) * f.height
+                }
+            } else {
+                if ("inner" === this.options.zoomPosition) {
+                    this.options.zoomWidth = this.z7.width;
+                    this.options.zoomHeight = this.z7.height
+                } else {
+                    this.options.zoomWidth *= this.z7.width / h.width;
+                    this.options.zoomHeight *= this.z7.height / h.height
+                }
+            }
+            g = this.z47.z41.j7();
+            this.zoomViewHeight = this.options.zoomHeight - g.height;
+            if (this.options.showTitle == "bottom") {
+                $mjs(this.z1.self.parentNode).j6Prop("height", this.options.zoomHeight - g.height)
+            }
+            this.z47.self.j6("inner" == this.options.zoomPosition ? {} : {
+                height: this.options.zoomHeight + "px",
+                width: this.options.zoomWidth + "px"
+            });
+            if (c.j21.trident4 && this.z47.z23) {
+                this.z47.z23.j6({
+                    width: this.options.zoomWidth,
+                    height: this.options.zoomHeight
+                })
+            }
+            if (this.options.opacityReverse && this.z4.z42) {
+                this.z4.z42.j6(this.z7.self.j7())
+            }
+            this.z4.height = this.zoomViewHeight / (this.z1.height / this.z7.height);
+            this.z4.width = this.options.zoomWidth / (this.z1.width / this.z7.width);
+            if (this.z4.width > this.z7.width) {
+                this.z4.width = this.z7.width
+            }
+            if (this.z4.height > this.z7.height) {
+                this.z4.height = this.z7.height
+            }
+            this.z4.width = Math.round(this.z4.width);
+            this.z4.height = Math.round(this.z4.height);
+            this.z4.borderWidth = this.z4.self.j19("borderLeftWidth").j17();
+            this.z4.self.j6({
+                width: (this.z4.width - 2 * (c.j21.backCompat ? 0 : this.z4.borderWidth)) + "px",
+                height: (this.z4.height - 2 * (c.j21.backCompat ? 0 : this.z4.borderWidth)) + "px"
+            });
+            if (this.z4.z38) {
+                this.z47.self.j6(this.adjustPosition(/^(left|right|top|bottom)$/i.test(this.options.zoomPosition) && !this.options.alwaysShowZoom));
+                this.options.x *= this.z7.width / h.width;
+                this.options.y *= this.z7.height / h.height;
+                this.show()
+            }
+        },
+        activate: function (f, g) {
+            f = (c.defined(f)) ? f : true;
+            this.activatedEx = true;
+            if (!this.z1) {
+                this.z18();
+                return
+            }
+            if (this.options.disableZoom) {
+                return
+            }
+            this.z30 = true;
+            if (f) {
+                if (c.defined(g)) {
+                    this.z43(g);
+                    return
+                }
+                if (!this.options.preservePosition) {
+                    this.options.x = this.z7.width / 2;
+                    this.options.y = this.z7.height / 2
+                }
+                this.show()
+            }
+        },
+        pause: function () {
+            var e = this.z4 && this.z4.z38;
+            if (this.z44) {
+                clearTimeout(this.z44);
+                this.z44 = null
+            }
+            if (!this.options.alwaysShowZoom && this.z4 && this.z4.z38) {
+                this.z4.z38 = false;
+                this.z4.self.hide();
+                if (this.z2) {
+                    this.z2.stop();
+                    this.z2.options.onComplete = this.z47.z22;
+                    this.z2.options.duration = this.options.zoomFadeOutSpeed;
+                    var f = this.z47.self.j19("opacity");
+                    this.z2.start({
+                        opacity: [f, 0]
+                    })
+                } else {
+                    this.z47.hide()
+                }
+                if (this.options.opacityReverse) {
+                    this.c.j6Prop("background-color", "");
+                    this.z7.self.j23(1)
+                }
+            }
+            this.z6 = null;
+            if (this.options.clickToActivate) {
+                this.z30 = false
+            }
+            if (this.options.dragMode) {
+                this.z45 = false
+            }
+            if (this.hint) {
+                this.hintVisible = true;
+                this.hint.show()
+            }
+        },
+        mousedown: function (i) {
+            var f = i.getButton(),
+                h = (/touch/i).test(i.type),
+                j = c.now();
+            if (3 == f) {
+                return true
+            }
+            if (h) {
+                if (i.targetTouches.length > 1) {
+                    return
+                }
+                this.c.j30("magiczoom:event:lastTap", {
+                    id: i.targetTouches[0].identifier,
+                    x: i.targetTouches[0].clientX,
+                    y: i.targetTouches[0].clientY,
+                    ts: j
+                });
+                if (this.z1 && this.z1.ready && !this.z30) {
+                    return
+                }
+            }
+            if (!(h && i.touches.length > 1)) {
+                $mjs(i).stop()
+            }
+            if ("click" == this.options.initializeOn && !this.z7) {
+                this.initMouseEvent = i;
+                this.z18();
+                return
+            }
+            if ("mouseover" == this.options.initializeOn && !this.z7 && (i.type == "mouseover" || i.type == "touchstart")) {
+                this.initMouseEvent = i;
+                this.z18();
+                this.c.je2("mouseover", this.z14);
+                return
+            }
+            if (this.options.disableZoom) {
+                return
+            }
+            if (this.z7 && !this.z1.ready) {
+                return
+            }
+            if (this.z1 && this.options.clickToDeactivate && this.z30 && !h) {
+                this.z30 = false;
+                this.pause();
+                return
+            }
+            if (this.z1 && !this.z30) {
+                this.activate(true, i);
+                i.stopImmediatePropagation && i.stopImmediatePropagation()
+            }
+            if (this.z30 && this.options.dragMode) {
+                this.z45 = true;
+                if (!this.options.moveOnClick) {
+                    if (this.z6 === null || this.z6 === undefined) {
+                        this.z6 = this.z7.getBox()
+                    }
+                    var g = i.j15();
+                    this.ddx = g.x - this.options.x - this.z6.left;
+                    this.ddy = g.y - this.options.y - this.z6.top;
+                    if (Math.abs(this.ddx) > this.z4.width / 2 || Math.abs(this.ddy) > this.z4.height / 2) {
+                        this.z45 = false;
+                        return
+                    }
+                } else {
+                    this.z43(i)
+                }
+            }
+        },
+        mouseup: function (i) {
+            var f = i.getButton(),
+                h = (/touch/i).test(i.type),
+                k = c.now(),
+                j = null,
+                g = this.options.preservePosition;
+            if (3 == f) {
+                return true
+            }
+            if (h) {
+                j = this.c.j29("magiczoom:event:lastTap");
+                if (!j || i.targetTouches.length > 1) {
+                    return
+                }
+                if (j.id == i.changedTouches[0].identifier && k - j.ts <= 200 && Math.sqrt(Math.pow(i.changedTouches[0].clientX - j.x, 2) + Math.pow(i.changedTouches[0].clientY - j.y, 2)) <= 15) {
+                    if (this.z1 && this.z1.ready && !this.z30) {
+                        if (this.z6 === null || this.z6 === undefined) {
+                            this.z6 = this.z7.getBox()
+                        }
+                        this.options.preservePosition = true;
+                        this.options.x = i.j15().x - this.z6.left;
+                        this.options.y = i.j15().y - this.z6.top;
+                        this.activate(true);
+                        this.options.preservePosition = g;
+                        this.options.dragMode && (this.z45 = true);
+                        this.ddx = 0;
+                        this.ddy = 0;
+                        i.continueAnimation = true;
+                        i.zoomActivation = true;
+                        i.stopImmediatePropagation && i.stopImmediatePropagation()
+                    }
+                    $mjs(i).stop();
+                    return
+                }
+            }
+            $mjs(i).stop();
+            if (this.options.dragMode) {
+                this.z45 = false
+            }
+        }
+    };
+    if (c.j21.trident) {
+        try {
+            document.execCommand("BackgroundImageCache", false, true)
+        } catch (b) {}
+    }
+    $mjs(document).je1("domready", function () {
+        c.insertCSS(".mz-tmp-clone", "margin: 0 !important;border: 0 !important;padding: 0 !important;position: relative  !important;height: 0 !important;min-height: 0 !important;z-index: -1;opacity: 0;", "mz-css");
+        $mjs(document).je1("mousemove", a.z8);
+        a.refresh()
+    });
+    return a
+})(magicJS);
\ No newline at end of file
diff --git a/asset/js/main-mb.js b/asset/js/main-mb.js
new file mode 100644
index 0000000..ed4b09d
--- /dev/null
+++ b/asset/js/main-mb.js
@@ -0,0 +1,38 @@
+$(document).ready(function () {
+            $("#js-slider").owlCarousel({
+                items: 1,
+                autoplay: true,
+                lazyLoad: true,
+                autoplayTimeout: 3000,
+                autoplaySpeed: 1000,
+                dotsSpeed: 1000,
+                navSpeed: 1000,
+                dots: true
+});
+ $("#service-slider").owlCarousel({
+     items: 1,
+     autoplay: false,
+     lazyLoad: true,
+     dotsSpeed: 1000,
+     navSpeed: 1000,
+     dots: false,
+     nav: true,
+    navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>']
+ });
+
+  $("#js-slider-product").owlCarousel({
+      items: 1,
+      autoplay: false,
+      lazyLoad: true,
+      dotsSpeed: 1000,
+      navSpeed: 1000,
+      dots: false,
+      nav: true,
+      navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>']
+  });
+     $("#footer-show .item h3").click(function () {
+         $(this).parent().find(".container").slideToggle();
+     });
+})
+
+
diff --git a/asset/js/main.js b/asset/js/main.js
new file mode 100644
index 0000000..446546a
--- /dev/null
+++ b/asset/js/main.js
@@ -0,0 +1,339 @@
+$(document).ready(function () {
+    $(window).scroll(function () {
+        if ($(window).scrollTop() > 206) {
+            $(".header").addClass("header-fix");
+        } else {
+            $(".header").removeClass("header-fix");
+        }
+    });
+})
+function tooltip() {
+  var w_tooltip = $("#tooltip").width();
+  var h_tooltip = 0;
+  var pad = 10;
+  var x_mouse = 0;
+  var y_mouse = 0;
+  var wrap_left = 0;
+  var wrap_right = 0;
+  var wrap_top = 0;
+  var wrap_bottom = 0;
+  $(".item_product .item_img").mousemove(function (e) {
+    content_tooltip = $(this).parents(".item_product").find(".hover_content_pro");
+    if (content_tooltip.length == 0) {
+      return;
+      $("#tooltip").hide();
+    }
+    $("#tooltip").html(content_tooltip.html());
+
+    wrap_left = 0;
+    wrap_top = $(window).scrollTop();
+    wrap_bottom = $(window).height();
+    wrap_right = $(window).width();
+    x_mouse = e.pageX;
+    y_mouse = e.pageY;
+    h_tooltip = $("#tooltip").height();
+
+
+    if (x_mouse + w_tooltip > wrap_right) $("#tooltip").css("left", x_mouse - w_tooltip - pad);
+    else $("#tooltip").css("left", x_mouse + pad);
+
+
+    if (y_mouse - h_tooltip < wrap_top) $("#tooltip").css("top", wrap_top);
+    else $("#tooltip").css("top", y_mouse - h_tooltip - pad);
+    $("#tooltip").show();
+
+  });
+
+  $(".item_product .item_img").mouseout(function () {
+    $("#tooltip").hide();
+  });
+}
+tooltip();
+function getImageFancybox() {
+$("#sync2").owlCarousel({
+  items: 4,
+  loop: false,
+  nav: false,
+  dots: false,
+  margin: 10
+});
+}
+getImageFancybox();
+
+// <!------ cart---->
+
+$(document).ready(function () {
+  listenDeleteCartItem()
+  //hien thi tong don hang
+  calculateCartTotalPrice();
+
+  //thay doi so luong chon mua
+  listenQuantityChange();
+
+  //xoa sp
+  listenDeleteCartItem();
+
+});
+
+function check_field_new() {
+
+
+    var number_regex1 = /^[0]\d{9}$/i;
+    var number_regex2 = /^[0]\d{10}$/i;
+    var error = "";
+    var check_name = document.getElementById('buyer_name').value;
+    if (check_name.length < 2) error += "- Bạn chưa nhập tên\n";
+    else if (check_name.indexOf('<script') > -1) {
+      error += "- Họ tên chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại\n";
+    }
+    var sex = $(".sex input[type='radio']:checked").val();
+
+    var check_email = document.getElementById('buyer_email').value;
+    if (check_email.length < 4) {
+      error += "- Bạn chưa nhập email\n";
+    }
+    if (check_email.length > 4) {
+      if (validateEmail(check_email) == false) error += "- Email không hợp lệ\n";
+    }
+
+    var check_tel = document.getElementById('buyer_tel').value;
+    if (check_tel.length < 4) error += "- Bạn chưa nhập SĐT\n";
+    else {
+      if (number_regex1.test(check_tel) == false && number_regex2.test(check_tel) == false) error += "- Số điện thoại chưa chính xác\n";
+    }
+    var check_province = document.getElementById('ship_to_province').value;
+    if (check_province == 0) error += "- Bạn chưa chọn Tỉnh/TP\n";
+
+    if (document.getElementById('ship_to_district')) {
+      var check_district = document.getElementById('ship_to_district').value;
+      if (check_district == 0) error += "- Bạn chưa chọn Quận/Huyện\n";
+    }
+
+    var check_add = document.getElementById('buyer_address').value;
+    if (check_add.length < 5) error += "- Bạn chưa nhập địa chỉ\n";
+    else if (check_add.indexOf('<script') > -1) {
+      error += "- Địa chỉ chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại\n";
+    }
+    var check_note = document.getElementById('buyer_note').value;
+    if (check_note.indexOf('<script') > -1) {
+      error += "- Ghi chú chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại\n";
+    }
+
+    if (error != "") {
+      alert(error);
+      // location.reload(); 
+      return false;
+    } else {
+
+      //$('#buyer_name').val(sex+" "+check_name);
+      $("#btn-submit").attr("disabled", "disabled").html("Đang xử lý...");
+
+      var dealInCart = checkDeal2020('.js-item-deal');
+
+      if (dealInCart.length == 0) {
+        $('#formCart').submit();
+      } else {
+        checkDealFromAjax(dealInCart);
+      }
+    }
+
+    //$('#buyer_name').val(sex+" "+check_name);
+    //$("#btn-submit").attr("disabled","disabled").html("Đang xử lý...");
+    return true;
+}
+
+var TOTAL_CART_VALUE_NODE = "#js-total-cart-price";
+
+function listenDeleteCartItem() {
+  $(".delete-from-cart").on("click", function () {
+    if (confirm("Bạn muốn xóa sản phẩm này khỏi giỏ hàng!") == false) {
+      return;
+    }
+
+    var $row = $(this).closest(".js-item-row");
+    var item_type = $row.data("item_type");
+    var item_id = $row.data("item_id");
+
+    calculateCartTotalPrice();
+
+    console.log("deleting item from cart = " + item_type);
+
+    var deleteStatus;
+    //save to cart
+    switch (item_type) {
+      case "product":
+        deleteStatus = Hura.Cart.Product.remove(item_id, $row.data("variant_id"));
+        break;
+
+      case "deal":
+
+        deleteStatus = Hura.Cart.Deal.remove(item_id);
+        break;
+
+      case "combo":
+        deleteStatus = Hura.Cart.Combo.remove(item_id);
+        break;
+
+    }
+
+    if (deleteStatus) {
+      deleteStatus.then(function () {
+        $row.remove();
+        calculateCartTotalPrice();
+        if ($(".js-item-row").length == 0) location.reload();
+      })
+    }
+  })
+}
+//on page ready
+
+//thay doi tong gia cua 1 san pham
+function changeItemTotalPrice() {
+    var $row = $(this).closest(".js-item-row");
+    var item_type = $row.data("item_type");
+    var price = $row.find(".js-buy-price").attr("data-price");
+    var quantity = $row.find(".js-buy-quantity").val();
+    var total_price = price * quantity;
+
+    //loai bo so luong vo ly
+    if (quantity < 0) {
+      $row.find(".js-quantity-change").val(0);
+      total_price = 0;
+    }
+
+    $row.find(".js-total-item-price").html(formatCurrency(total_price));
+
+    calculateCartTotalPrice();
+
+    //console.log("updating cart = " + item_type);
+
+    //save to cart
+    switch (item_type) {
+      case "product":
+        Hura.Cart.Product.update($row.data("item_id"), $row.data("variant_id"), {
+          quantity: quantity
+        });
+        break;
+
+      case "deal":
+
+        Hura.Cart.Deal.update($row.data("item_id"), {
+          quantity: quantity
+        });
+        break;
+
+      case "combo":
+        Hura.Cart.Combo.update($row.data("item_id"), {
+          quantity: quantity
+        });
+        break;
+
+    }
+}
+
+//tinh tong gia don hang
+function calculateCartTotalPrice() {
+  var dom_target = ".total-cart-price";
+  var dom_target_2 = ".total-cart-payment";
+  var total_cart_price = 0;
+
+  $(".total-item-price").each(function () {
+    total_cart_price += Hura.Util.strToNumber($(this).html());
+  });
+
+  //log for other reference
+  $("#js-total-before-fee-discount").val(total_cart_price);
+
+  //giam gia khac: voucher, membership, loyalty point conversion
+  var total_discount = 0;
+  total_discount += parseInt($("#js-discount-voucher").val());
+  total_discount += parseInt($("#js-discount-membership").val());
+
+  //Lưu giá trị voucher cho trang in:
+  var voucher_value = parseInt($("#js-discount-voucher").val());
+
+  //phi khac: shipping, COD...
+  var total_other_fee = 0;
+  total_other_fee += parseInt($("#js-fee-shipping").val());
+  total_other_fee += parseInt($("#js-fee-cod").val());
+
+  $(TOTAL_CART_VALUE_NODE).html(formatCurrency(total_cart_price));
+}
+//nghe thay doi so luong sp
+function listenQuantityChange() {
+  var $track_change = $(".js-quantity-change");
+
+  //thay doi so luong sp mua, neu nhap so luong
+  $track_change.on("change", function (e) {
+    changeItemTotalPrice.call(this);
+  });
+
+  //thay doi so luong sp theo - hoac +
+  $track_change.on("click", function (e) {
+    if (e.target.nodeName === 'INPUT') return;
+
+    var quantity_change = parseInt(this.getAttribute("data-value"));
+    var $row = $(this).closest(".js-item-row");
+    var current_quantity = parseInt($row.find(".js-buy-quantity").val());
+
+    //loai bo so luong vo ly
+    if (current_quantity + quantity_change < 1 && 1 < 2) {
+      $row.find(".js-buy-quantity").val(1);
+      return;
+    }
+
+
+    $row.find(".js-buy-quantity").val(current_quantity + quantity_change);
+
+    //then update
+    changeItemTotalPrice.call(this);
+  });
+}
+
+//nghe xoa san pham
+function listenDeleteCartItem() {
+  $(".delete-from-cart").on("click", function () {
+    var $row = $(this).closest(".js-item-row");
+    var item_type = $row.data("item_type");
+    var item_id = $row.data("item_id");
+
+    // calculateCartTotalPrice();
+    location.reload();
+
+    console.log("deleting item from cart = " + item_type);
+
+    var deleteStatus;
+    //save to cart
+    switch (item_type) {
+      case "product":
+        deleteStatus = Hura.Cart.Product.remove(item_id, $row.data("variant_id"));
+        break;
+
+      case "deal":
+
+        deleteStatus = Hura.Cart.Deal.remove(item_id);
+        break;
+
+      case "combo":
+        deleteStatus = Hura.Cart.Combo.remove(item_id);
+        break;
+
+    }
+
+    if (deleteStatus) {
+      deleteStatus.then(function () {
+        $row.remove();
+      })
+    }
+  })
+}
+
+function _strToNumber(str) {
+  str += ''; //convert to str incase it's already a number
+  while (str.indexOf(".") > 0) {
+    str = str.replace('.', '');
+  }
+  var result = parseFloat(str);
+  return isNaN(result) ? 0 : result;
+}
+// <!----- end cart------>
\ No newline at end of file
diff --git a/home.html b/home.html
new file mode 100644
index 0000000..48b555e
--- /dev/null
+++ b/home.html
@@ -0,0 +1,1167 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hoanghapc8</title>
+    <link rel="stylesheet" href="./asset/css/style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
+        integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
+        crossorigin="anonymous" />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+</head>
+
+<body>
+    <header class="header">
+        <div class="banner_top">
+        </div>
+        <div class="header-top">
+            <div class="container">
+                <div class="text-run-top">
+                    <div class="text-left">
+                        <div class="pulse-icon">
+                            <div class="icon"></div>
+                            <div class="pulse"></div>
+                        </div>
+                        <marquee>Hà Nội: 49 Thái Hà và 151 Lê Thanh Nghị TPHCM: 84T/14 Trần Đình Xu</marquee>
+                    </div>
+                    <div class="text-right">
+                        <div class="video">
+                            <a href="#" class="fas fa-play-circle"> <span>Video</span></a>
+                        </div>
+                        <div class="tintuc">
+                            <a href="#" class="far fa-newspaper"> <span>Tin Tức</span></a>
+                        </div>
+                        <div class="inhoadondientu">
+                            <a href="#" class="fas fa-print"> <span>In hóa đơn điện tử</span></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="main_menu">
+            <div class="container">
+                <div class="menu">
+                    <div class="logo">
+                        <img src="./asset/img/anphatpc.png" alt="logo anphatpc" class="logo-img" srcset="">
+                        <img src="./asset/img/logo-fix.png" alt="logo-fix anphatpc" class="logo-fix" srcset="">
+                    </div>
+                    <div class="form__input">
+                        <form method="get" action="/tim" enctype="multipart/form-data"
+                            class="clearfix search-form bg-white">
+                            <select name="scat_id">
+                                <option value="">Tất cả danh mục</option>
+                            </select>
+
+                            <div class="searh-form-container">
+                                <input type="text" id="js-search" class="text_search" name="q"
+                                    placeholder="Tìm kiếm sản phẩm..." autocomplete="off">
+                                <button type="submit" class="submit-search">
+                                    <i class="fa fa-search"></i> Tìm kiếm
+                                </button>
+                            </div>
+                        </form>
+                    </div>
+                    <div class="icon_menu">
+                        <div class="item">
+                            <a href="#" class="phone_icon">
+                                <img src="./asset/img/call.png" alt="icon-phone">
+                                <p class="header_icon_text">
+                                    <span>Mua hàng online</span>
+                                    <b>1900 0323</b>
+                                </p>
+
+                            </a>
+                        </div>
+                        <div class="item">
+                            <a href="#" class="build_icon">
+                                <img src="./asset/img/desktop-computer.png" alt="icon-build">
+                                <p class="header_icon_text">
+                                    Xây dựng <br> cấu hình PC</p>
+                                </p>
+
+                            </a>
+                        </div>
+                        <div class="item">
+                            <a href="#" class="account-icon">
+                                <img src="./asset/img/user (1).png" alt="icon-account">
+                                <p class="header_icon_text">
+                                    <span class="dangky">Đăng ký</span>
+                                    <span class="dangnhap">Đăng nhập</span>
+                                </p>
+
+                            </a>
+                        </div>
+                        <div class="item">
+                            <a href="#" class="cart_icon">
+                                <img src="./asset/img/supermarket.png" alt="icon-cart">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <div class="bottom_menu">
+                    <div class="category_main">
+                        <i class="fa fa-bars"></i> DANH MỤC SẢN PHẨM
+                        <div class="menu_holder">
+                            <div class="item">
+                                <a href="#" class="item-cate">
+                                    <img src="http://via.placeholder.com/20x20" alt="Máy tính xách tay - laptop"
+                                        srcset="">
+                                    <p>Máy tính xách tay - Laptop</p>
+                                </a>
+                                <div class="menu-hover">
+                                    <div class="list-holder">
+                                        <div class="item-holder">
+                                            <a href="#" class="title-holder">Laptop theo hãng</a>
+                                            <div class="holder-last">
+                                                <a href="#">MSI</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">MSI</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">MSI</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">MSI</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">MSI</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">MSI</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">MSI</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">MSI</a>
+                                            </div>
+                                        </div>
+                                        <div class="item-holder">
+                                            <a href="#" class="title-holder">Laptop theo nhu cầu</a>
+                                            <div class="holder-last">
+                                                <a href="#">Laptop Gaming</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">Laptop Gaming</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">Laptop Gaming</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">Laptop Gaming</a>
+                                            </div>
+                                        </div>
+                                        <div class="item-holder">
+                                            <a href="#" class="title-holder">Linh kiện Laptop</a>
+                                            <div class="holder-last">
+                                                <a href="#">HDD Laptop</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">HDD Laptop</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">HDD Laptop</a>
+                                            </div>
+                                        </div>
+                                        <div class="item-holder">
+                                            <a href="#" class="title-holder">Phụ kiện Laptop</a>
+                                            <div class="holder-last">
+                                                <a href="#">Phụ kiện Laptop</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">Phụ kiện Laptop</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">Phụ kiện Laptop</a>
+                                            </div>
+                                        </div>
+                                        <div class="item-holder">
+                                            <a href="#" class="title-holder">Máy tính bảng</a>
+                                            <div class="holder-last">
+                                                <a href="#">Tablets</a>
+                                            </div>
+                                            <div class="holder-last">
+                                                <a href="#">Tablets</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="holder-img">
+                                        <img src="http://via.placeholder.com/150x100" alt="">
+                                        <img src="http://via.placeholder.com/150x100" alt="">
+                                        <img src="http://via.placeholder.com/150x100" alt="">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="item">
+                                <a href="#">
+                                    <img src="http://via.placeholder.com/20x20" alt="Máy tính xách tay - laptop"
+                                        srcset="">
+                                    <p>Máy tính xách tay - Laptop</p>
+                                </a>
+                            </div>
+                            <div class="item">
+                                <a href="#">
+                                    <img src="http://via.placeholder.com/20x20" alt="Máy tính xách tay - laptop"
+                                        srcset="">
+                                    <p>Máy tính xách tay - Laptop</p>
+                                </a>
+                            </div>
+                            <div class="item">
+                                <a href="#">
+                                    <img src="http://via.placeholder.com/20x20" alt="Máy tính xách tay - laptop"
+                                        srcset="">
+                                    <p>Máy tính xách tay - Laptop</p>
+                                </a>
+                            </div>
+                            <div class="item">
+                                <a href="#">
+                                    <img src="http://via.placeholder.com/20x20" alt="Máy tính xách tay - laptop"
+                                        srcset="">
+                                    <p>Máy tính xách tay - Laptop</p>
+                                </a>
+                            </div>
+                            <div class="item">
+                                <a href="#">
+                                    <img src="http://via.placeholder.com/20x20" alt="Máy tính xách tay - laptop"
+                                        srcset="">
+                                    <p>Máy tính xách tay - Laptop</p>
+                                </a>
+                            </div>
+                            <div class="item">
+                                <a href="#">
+                                    <img src="http://via.placeholder.com/20x20" alt="Máy tính xách tay - laptop"
+                                        srcset="">
+                                    <p>Máy tính xách tay - Laptop</p>
+                                </a>
+                            </div>
+                            <div class="item">
+                                <a href="#">
+                                    <img src="http://via.placeholder.com/20x20" alt="Máy tính xách tay - laptop"
+                                        srcset="">
+                                    <p>Máy tính xách tay - Laptop</p>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="d-flex">
+                        <a href="#" class="item_bottom_menu">
+                            <i class="fas fa-check"></i>
+                            <p>Sản phẩm đã xem</p>
+                        </a>
+                        <a href="#" class="item_bottom_menu">
+                            <img src="./asset/img/flash.png" alt="icon_flash">
+                            <p>Flash Sale</p>
+                        </a>
+                        <a href="#" class="item_bottom_menu">
+                            <img src="./asset/img/phone.png" alt="icon_phone">
+                            <p>Tư vấn khách hàng</p>
+                        </a>
+                        <a href="#" class="item_bottom_menu">
+                            <img src="./asset/img/medal.png" alt="icon_medal">
+                            <p>Hàng chính hãng</p>
+                        </a>
+                        <a href="#" class="item_bottom_menu">
+                            <img src="./asset/img/package.png" alt="icon_doitra">
+                            <p>Đổi trả miễn phí</p>
+                        </a>
+                        <a href="#" class="item_bottom_menu">
+                            <img src="./asset/img/delivery.png" alt="icon_giaohang">
+                            <p>Miễn phí vận chuyển</p>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        </div>
+    </header>
+    <div class="clearfix"></div>
+    <section class="homepage">
+        <div class="container">
+            <div class="banner_home">
+                <div class="banner_left">
+                    <div class="item">
+                        <a href="#">
+                            <img src="./asset/img/slider_banner.png" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="banner_right">
+                    <a href="#">
+                        <img src="./asset/img/banner-right-top.png" alt="">
+                    </a>
+                    <a href="#">
+                        <img src="./asset/img/banner-right-bottom.png" alt="" srcset="">
+                    </a>
+                </div>
+            </div>
+            <div class="banner_sale">
+                <a href="#">
+                    <img src="./asset/img/banner_sale_50.png" alt="" srcset="">
+                </a>
+                <a href="#">
+                    <img src="./asset/img/banner_sale_30.png" alt="" srcset="">
+                </a>
+                <a href="#">
+                    <img src="./asset/img/banner_sale_20.png" alt="" srcset="">
+                </a>
+            </div>
+            <!-- start product sale -->
+            <div class="product_sale">
+                <div class="text_giasoc">
+                    <img src="./asset/img/Vector Smart Object.png" alt="" srcset="">
+                </div>
+                <div class="clearfix"></div>
+                <div class="product_container">
+                    <div class="product_list">
+                        <div class="item_product">
+                            <a class="item_img" href="#">
+                                <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                                <span class="icon_sale-hot"></span>
+                            </a>
+                            <div class="item-text">
+                                <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                                <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                    26.990.</a>
+                            </div>
+                            <div class="content-price">
+                                <del class="item-old-price">26.990.000 đ</del>
+                                <span class="item-discount">-20%</span>
+                                <span class="item-price">25.390.000 đ</span>
+                            </div>
+                            <div class="item-special-container">
+                                1 khuyến mại
+                            </div>
+                        </div>
+                        <div class="item_product">
+                            <a class="item_img" href="#">
+                                <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                                <span class="icon_sale-hot"></span>
+                            </a>
+                            <div class="item-text">
+                                <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                                <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                    26.990.</a>
+                            </div>
+                            <div class="content-price">
+                                <del class="item-old-price">26.990.000 đ</del>
+                                <span class="item-discount">-20%</span>
+                                <span class="item-price">25.390.000 đ</span>
+                            </div>
+                            <div class="item-special-container">
+                                1 khuyến mại
+                            </div>
+                        </div>
+                        <div class="item_product">
+                            <a class="item_img" href="#">
+                                <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                                <span class="icon_sale-hot"></span>
+                            </a>
+                            <div class="item-text">
+                                <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                                <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                    26.990.</a>
+                            </div>
+                            <div class="content-price">
+                                <del class="item-old-price">26.990.000 đ</del>
+                                <span class="item-discount">-20%</span>
+                                <span class="item-price">25.390.000 đ</span>
+                            </div>
+                            <div class="item-special-container">
+                                1 khuyến mại
+                            </div>
+                        </div>
+                        <div class="item_product">
+                            <a class="item_img" href="#">
+                                <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                                <span class="icon_sale-hot"></span>
+                            </a>
+                            <div class="item-text">
+                                <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                                <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                    26.990.</a>
+                            </div>
+                            <div class="content-price">
+                                <del class="item-old-price">26.990.000 đ</del>
+                                <span class="item-discount">-20%</span>
+                                <span class="item-price">25.390.000 đ</span>
+                            </div>
+                            <div class="item-special-container">
+                                1 khuyến mại
+                            </div>
+                        </div>
+                        <div class="item_product">
+                            <a class="item_img" href="#">
+                                <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                                <span class="icon_sale-hot"></span>
+                            </a>
+                            <div class="item-text">
+                                <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                                <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                    26.990.</a>
+                            </div>
+                            <div class="content-price">
+                                <del class="item-old-price">26.990.000 đ</del>
+                                <span class="item-discount">-20%</span>
+                                <span class="item-price">25.390.000 đ</span>
+                            </div>
+                            <div class="item-special-container">
+                                1 khuyến mại
+                            </div>
+                        </div>
+                    </div>
+                    <a href="#" class="show-all-sale"> Xem tất cả sản phẩm giá sốc</a>
+                </div>
+            </div>
+            <!-- end product sale -->
+            <div class="clearfix"></div>
+            <!-- start product hot -->
+            <div class="top-product-list">
+                <div class="content-title">
+                    <h2 class="box-title">
+                        top sản phẩm bán chạy
+                    </h2>
+                    <div class="tag-title">
+                        <a href="#">MSI gaming</a>
+                        <a href="#">ASUS</a>
+                        <a href="#">Dell</a>
+                        <a href="#">Lenovo</a>
+                        <a href="#">Hp</a>
+                        <a href="#">Acer</a>
+                    </div>
+                </div>
+                <div class="product_list">
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                </div>
+                <div class="banner-product-hot">
+                    <a href="#">
+                        <img src="./asset/img/banner_product.png" alt="sản phẩm hot">
+                    </a>
+                </div>
+                <div class="product_list">
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                    <a href="#" class="show-all-top">Xem tất cả sản phẩm</a>
+                </div>
+            </div>
+            <!-- end produt hot -->
+            <div class="clearfix"></div>
+            <!-- start banner-under-product -->
+            <div class="banner-under-product-hot">
+                <a href="#">
+                    <img src="./asset/img/banner_product_hot.png" alt="">
+                </a>
+                <a href="#">
+                    <img src="./asset/img/banner_product_hot-02.png" alt="">
+                </a>
+            </div>
+            <!-- end banner-under-product -->
+            <div class="clearfix"></div>
+            <!-- box product -->
+            <div class="box-product">
+                <div class="content-title">
+                    <h2 class="box-title">
+                        top sản phẩm bán chạy
+                    </h2>
+                    <div class="tag-title">
+                        <a href="#">MSI gaming</a>
+                        <a href="#">ASUS</a>
+                        <a href="#">Dell</a>
+                        <a href="#">Lenovo</a>
+                        <a href="#">Hp</a>
+                        <a href="#">Acer</a>
+                    </div>
+                </div>
+                <div class="product_list">
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                    <div class="item_product">
+                        <a class="item_img" href="#">
+                            <img src="http://via.placeholder.com/210x157" alt="" class="fix_img">
+                            <span class="icon_sale"></span>
+                        </a>
+                        <div class="item-text">
+                            <span class="item_sku" style="font-size: 12px;">Mã SP : NBHP0550</span>
+                            <a href="#" class="item-name">Laptop MSI Thin GF65 9SD-070VN (15" FHD/i5-9300H/8GB...
+                                26.990.</a>
+                        </div>
+                        <div class="content-price">
+                            <del class="item-old-price">26.990.000 đ</del>
+                            <span class="item-discount">-20%</span>
+                            <span class="item-price">25.390.000 đ</span>
+                        </div>
+                        <div class="item-special-container">
+                            1 khuyến mại
+                        </div>
+                    </div>
+                    <a href="#" class="show-all">Xem tất cả sản phẩm</a>
+                </div>
+            </div>
+            <!-- end box-product -->
+        </div>
+    </section>
+    <div class="clearfix"></div>
+    <footer class="content-footer">
+        <div class="top-footer">
+            <div class="container">
+                <div class="contact-us">
+                    <div class="item">
+                        <p class="title">KẾT NỐI VỚI CHÚNG TÔI</p>
+                        <div class="social-media">
+                            <a href="#" class="fab fa-facebook-f"></a>
+                            <a href="#" class="fab fa-google-plus-g"></a>
+                            <a href="#" class="fab fa-youtube"></a>
+                            <a href="#" class="icon-zalo"></a>
+                        </div>
+                    </div>
+                    <div class="item">
+                        <p class="title">KẾT NỐI VỚI CHÚNG TÔI</p>
+                        <div class="icon-pay"></div>
+                    </div>
+                    <div class="item">
+                        <p class="title">MỜI BẠN NHẬP EMAIL ĐỂ NHẬN THÔNG TIN KHUYẾN MẠI</p>
+                        <div class="new-form">
+                            <form action="">
+                                <input type="text" name="" id="js-email" placeholder="Nhập email của bạn">
+                                <button type="button" onclick="subscribe_newsletter('#js-email_newsletter')"
+                                    class="submit-new">Gửi</button>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="clearfix"></div>
+        <div class="footer-tintuc">
+            <div class="container">
+                <div class="content-tintuc">
+                    <div class="item-tintuc">
+                        <p class="title-tintuc">TIN NỔI BẬT TRONG NGÀY </p>
+                        <div class="list-tintuc">
+                            <div class="item">
+                                <a href="#" class="item-tintuc-img">
+                                    <img src="http://via.placeholder.com/250x150" alt="">
+                                </a>
+                                <div class="text-tintuc">
+                                    <a href="#">Asus Giới Thiệu Sản Phẩm Chuột Quang Dây ROG Strix Impact II El</a>
+                                    <div class="info-tintuc">
+                                        <span class="time-tintuc">20-09-2020, 9:40 pm</span>
+                                        <span class="comment-tintuc">0</span>
+                                        <span class="view-tintuc">116</span>
+                                    </div>
+                                    <div class="summary-tintuc">
+                                        An Phát Comment cùng Asus xin giới thiệu đến các bạn, bộ tứ sản phẩm Gaming Gear
+                                        cực kì độc đáo....
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="item-tintuc">
+                        <p class="title-tintuc">TIN KHUYẾN MẠI</p>
+                        <div class="list-tintuc-khuyenmai">
+                            <div class="item">
+                                <a href="#" class="item-tintuc-img">
+                                    <img src="http://via.placeholder.com/250x150" alt="">
+                                </a>
+                                <div class="text-tintuc">
+                                    <a href="#">Asus Giới Thiệu Sản Phẩm Chuột Quang Dây ROG Strix Impact II El</a>
+                                    <div class="info-tintuc">
+                                        <span class="time-tintuc">20-09-2020, 9:40 pm</span>
+                                        <span class="comment-tintuc">0</span>
+                                        <span class="view-tintuc">116</span>
+                                    </div>
+                                    <div class="summary-tintuc">
+                                        An Phát Comment cùng Asus xin giới thiệu đến các bạn, bộ tứ sản phẩm Gaming Gear
+                                        cực kì độc đáo....
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="clearfix"></div>
+        <div class="footer-hotrokhachhang">
+            <div class="container">
+                <div class="content-hotrokhachhang">
+                    <div class="chinhsachgiaohang"></div>
+                    <div class="doitradedang"></div>
+                    <div class="thanhtoantienloi"></div>
+                    <div class="hotronhiettinh"></div>
+                </div>
+            </div>
+
+        </div>
+        <div class="clearfix"></div>
+        <div class="footer-main">
+            <div class="container">
+                <div class="footer-info">
+                    <div class="item-info">
+                        <p class="title-info">
+                            Thông tin chung
+                        </p>
+                        <a href="#">Giới thiệu về An phát</a>
+                        <a href="#">Tin tức</a>
+                        <a href="#">Liên hệ - góp ý</a>
+                        <a href="#">Khách hàng doanh nghiệp</a>
+                        <a href="#">Xây dựng cấu hình PC</a>
+                        <a href="#">
+                            <img src="./asset/img/logo-da-thong-bao-website-voi-bo-cong-thuong.png" alt="">
+                        </a>
+                    </div>
+                    <div class="item-info">
+                        <p class="title-info">
+                            Hỗ trợ khách hàng
+                        </p>
+                        <a href="#">Hướng dẫn mua hàng trực tuyến</a>
+                        <a href="#">Hướng dẫn thanh toán</a>
+                        <a href="#">Hướng dẫn mua hàng trả góp</a>
+                        <a href="#">In hóa đơn điện tử</a>
+                        <a href="#" class="click-mobile">
+                            Xem giao diện bản Mobile
+                        </a>
+                    </div>
+                    <div class="item-info">
+                        <p class="title-info">
+                            Chính sách chung
+                        </p>
+                        <a href="#">Chính sách vận chuyển</a>
+                        <a href="#">Chính sách bản hàng</a>
+                        <a href="#">Chính sách đổi trả và hoàn tiền</a>
+                        <a href="#">Chính sách cho doanh nghiệp</a>
+                        <a href="#">Chính sách hàng chính hãng</a>
+                        <a href="#">Bảo mật thông tin khách hàng</a>
+                    </div>
+                    <div class="item-info">
+                        <p class="title-info">
+                            Chính sách chung
+                        </p>
+                        <a href="#"><i class="fas fa-phone"></i> <b>KD online:</b> 1900.0323 phím 1</a>
+                        <a href="#"><i class="fas fa-phone"></i> <b>KD 49 Thái Hà - HN:</b> 1900.0323 phím 6</a>
+                        <a href="#"><i class="fas fa-phone"></i> <b>KD 151 Lê Thanh NGhị - HN:</b> 1900.0323 phím 4</a>
+                        <a href="#"><i class="fas fa-phone"></i> <b>KD 158-160 Lý Thường Kiệt - TPHCM:</b> 1900.0323
+                            phím 2</a>
+                        <a href="#"><i class="fas fa-phone"></i> <b>KD Trần Đình Xu - HCM:</b> 1900.0323
+                            phím 3</a>
+                        <a href="#"><i class="fas fa-phone"></i> <b>KD dự án doanh nghiệp:</b> 1900.0323 phím 5</a>
+                        <a href="#"><i class="fas fa-phone"></i> <b>Kỹ thuật - Bảo hành Hà Nội:</b> 1900.0323 phím 8</a>
+                        <a href="#"><i class="fas fa-phone"></i> <b>Kỹ thuật - Bảo hành HCM: </b> 1900.0323 phím 9</a>
+                        <a href="#"><i class="fas fa-phone"></i> <b>Chăm sóc khách hàng:</b> 1900.0323 phím 0</a>
+                        <a href="#"><i class="fas fa-phone"></i> <b>Góp ý - khiếu nại:</b> 0904.316.386</a>
+                        <a href="#"><i class="fas fa-envelope"></i> <b>Email:</b> dung@anphatpc.com.vn</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="clearfix"></div>
+        <div class="footer-showroom">
+            <div class="container">
+                <div class="content-showroom">
+                    <div class="item-showroom">
+                        <p class="title">SHOWROOM LÊ THANH NGHỊ - HN</p>
+                        <ul class="ul">
+                            <li>
+                                <i class="fas fa-map-marker-alt"></i>
+                                <span>
+                                    Địa chỉ: 151 Lê Thanh Nghị - Hai Bà Trưng - Hà Nội<br>
+                                    <a href="#" target="blank" class="d-block">[Xem đường đi ]</a>
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-phone"></i>
+                                <span> Điện thoại: 1900.0323 phím 4 </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-phone"></i>
+                                <span> Hotline: 0977.270.710 hoặc 0937.182.886 </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-envelope"></i>
+                                <span> Email: co@anphatpc.com.vn </span>
+                            </li>
+                            <li>
+                                <i class="fa"></i>
+                                <span>
+                                    Giờ mở cửa: 8H30 - 19H30 (Chủ nhật &amp; ngày lễ)
+                                </span>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="item-showroom">
+                        <p class="title">SHOWROOM LÝ THƯỜNG KIỆT - TPHCM</p>
+                        <ul class="ul">
+                            <li>
+                                <i class="fas fa-map-marker-alt"></i>
+                                <span>
+                                    Địa chỉ: 158 - 160 Lý Thường Kiệt P.14 - Q.10 - TPHCM <br>
+                                    <a href="https://goo.gl/maps/MX79gaPrydnFiFCW6" target="blank" class="d-block">[
+                                        Xem đường đi ]</a>
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-phone"></i>
+                                <span>
+                                    Điện thoại: 1900.0323 phím 2 hoặc 028.3838.6569
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-phone"></i>
+                                <span>
+                                    Hotline: 0917.948.081
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-envelope"></i>
+                                <span>
+                                    Email: loan@anphatpc.com.vn
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa "></i>
+                                <span>
+                                    Giờ mở cửa: 8H30 - 21H (Chủ nhật &amp; ngày lễ)
+                                </span>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="item-showroom">
+                        <p class="title"> Showroom Thái Hà- HN </p>
+                        <ul class="ul">
+                            <li>
+                                <i class="fas fa-map-marker-alt"></i>
+                                <span>
+                                    49 Thái Hà - Đống Đa - Hà Nội <br>
+                                    <a href="https://goo.gl/maps/fQkzMmh1gkNbNVEC9" target="blank" class="d-block">[ Xem
+                                        đường đi ]</a>
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-phone"></i>
+                                <span>
+                                    Điện thoại: 1900.0323 phím 6
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-phone"></i>
+                                <span>
+                                    Hotline: 0918.557.006
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-envelope"></i>
+                                <span>
+                                    Email: Hoangphuong@anphatpc.com.vn
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa "></i>
+                                <span>
+                                    Giờ mở cửa: 8H30 - 21H (Chủ nhật &amp; ngày lễ)
+                                </span>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="item-showroom">
+                        <p class="title"> Showroom Trần Đình Xu- TPHCM </p>
+                        <ul class="ul">
+                            <li>
+                                <i class="fas fa-map-marker-alt"></i>
+                                <span>
+                                    Địa chỉ: 84T/14 Trần Đình Xu-P.Cô Giang-Q.1-TPHCM <br>
+                                    <a href="https://goo.gl/maps/JfBp2KzV9zw8KYgy7" target="blank" class="d-block">[
+                                        Xem đường đi ]</a>
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-phone"></i>
+                                <span>
+                                    Điện thoại: 1900.0323 phím 3 hoặc 028.3838.6569
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-phone"></i>
+                                <span>
+                                    Hotline: 0918.858.797 hoặc 0909.143.970
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-envelope"></i>
+                                <span>
+                                    Email: thaohtt@anphatpc.com.vn
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa "></i>
+                                <span>
+                                    Giờ mở cửa: 8H30 - 18H
+                                </span>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="item-showroom">
+                        <p class="title"> Trung Tâm Phân Phối </p>
+                        <ul class="ul">
+                            <li>
+                                <i class="fas fa-map-marker-alt"></i>
+                                <span>
+                                    Địa chỉ: 144 Trung Liệt - Đống Đa - Hà Nội <br>
+                                    <a href="https://goo.gl/maps/MwHxb2J3UWETwZME7" target="_blank" class="d-block">[
+                                        Xem đường đi ]</a>
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-phone"></i>
+                                <span>
+                                    Điện thoại: 0243.563.7003
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-phone"></i>
+                                <span>
+                                    Hotline: 0912.150.479
+                                </span>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="item-showroom">
+                        <p class="title">Trung tâm phân phối dự án doanh nghiệp - HN </p>
+                        <ul class="ul">
+                            <li>
+                                <i class="fa fa-phone"></i>
+                                <span>
+                                    Địa chỉ:49 Thái Hà - Đống Đa - Hà Nội
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-phone"></i>
+                                <span>
+                                    Điện thoại: 1900.0323 phím 5
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-phone"></i>
+                                <span>
+                                    Hotline: 0919.917.001 hoặc 0963.902.552
+                                </span>
+                            </li>
+                            <li>
+                                <i class="fa fa-phone"></i>
+                                <span>
+                                    Email: huy@anphatpc.com.vn
+                                </span>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="clearfix"></div>
+        <div class="footer-bottom">
+            <div class="content-company">
+                <div class="container">
+                    Công Ty Cổ Phần Thương Mại Máy Tính An Phát - Địa chỉ: Tầng 5, số 49 Phố Thái Hà, Phường Trung Liệt,
+                    Quận Đống Đa, Thành Phố Hà Nội, Việt Nam.<br>
+                    Giấy CN đăng ký kinh doanh và mã số thuế: 0108940873 do sở Kế hoạch & Đầu tư thành phố Hà Nội cấp
+                </div>
+            </div>
+        </div>
+    </footer>
+    <script src="./asset/js/main.js"></script>
+</body>
+
+</html>
+
+
+<div class="hover-content-product">
+    <p class="name-product"> Điện thoại di động iPhone 12 Pro 128GB Pacific Blue MGMN3VN/A
+        Chính Hãng </p>
+    <div class="hover-content">
+        <div class="hover-specialOffer">
+            <div class="spec-title"><span class="title-text"> KHUYẾN MÃI</span></div>
+            <ul class="ul">
+                <li> 
+                    <span class="text">✦ <b>
+                        Tặng ngay Pin dự phòng chính hãng GP Portable PowerBank FP10M - 10000mAh
+                        </b>
+                    </span>
+                </li>
+            </ul>
+        </div>
+        <div class="hover-summary">
+            <span class="item"><i class="fa fa-check-circle"></i>Màn hình: 6.1" OLED - Super
+                Retina XDR
+            </span>
+        </div>
+        <div class="position-relative">
+            <del class="p-old-price"> 30.990.000 đ </del>
+            <span class="p-discount"> -13% </span>
+            <span class="p-price"> 27.250.000 đ </span>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/mobile-detail.html b/mobile-detail.html
new file mode 100644
index 0000000..39a909f
--- /dev/null
+++ b/mobile-detail.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hoanghapc8</title>
+    <link rel="stylesheet" href="./asset/css/style-mobile.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
+        integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
+        crossorigin="anonymous" />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
+    <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />
+</head>
+
+<body>
+    <div class="container-mb">
+        <div class="container">
+            <div id="breadcrumb">
+                <a class="current">
+                    <span>Máy tính xách tay - Laptop </span>
+                </a>
+            </div>
+        </div>
+        <div class="product-detail">
+            <div class="container">
+                <h1 class="name-product">Laptop MSI GL65 Leopard 10SCXK 093VN</h1>
+                <div class="star">
+                    <span><b>Mã SP:</b> NBMS0250</span>
+                    <i class="img-star" id="js-avgRate"></i>
+                    (<span id="js-totalReview">0</span>)
+                </div>
+                <div class="product-info">
+                    <div class="slider-product owl-theme owl-carousel custom-nav owl-loaded owl-drag"
+                        id="js-slider-product">
+                        <div class="item">
+                            <img src="http://via.placeholder.com/640x360" alt="">
+                        </div>
+                        <div class="item">
+                            <img src="http://via.placeholder.com/640x360" alt="">
+                        </div>
+                        <div class="item">
+                            <img src="http://via.placeholder.com/640x360" alt="">
+                        </div>
+                    </div>
+                    <div class="img-thumb">
+                            <div class="item-thumb active">
+                                <img src="http://via.placeholder.com/74x36" alt="Laptop MSI GL65 Leopard 10SCXK 093VN">
+                                    <p class="title">Hình sản phẩm</p>
+                            </div>
+                            <div class="item-thumb">
+                                <img src="https://img.youtube.com/vi/q2lsz_yqYL0/default.jpg">
+                                <p>video sản phẩm</p>
+                            </div>
+                    </div>
+                    <div class="product-summary">
+                        <span class="item">
+                            <i class="fa fa-check-circle"></i>
+                             Dung lượng bộ nhớ: 6GB GDDR6
+                        </span>
+                        <span class="item">
+                            <i class="fa fa-check-circle"></i>
+                            Dung lượng bộ nhớ: 6GB GDDR6
+                        </span>
+                        <span class="item">
+                            <i class="fa fa-check-circle"></i>
+                            Dung lượng bộ nhớ: 6GB GDDR6
+                        </span>
+                        <span class="item">
+                            <i class="fa fa-check-circle"></i>
+                            Dung lượng bộ nhớ: 6GB GDDR6
+                        </span>
+                        <span class="item">
+                            <i class="fa fa-check-circle"></i>
+                            Dung lượng bộ nhớ: 6GB GDDR6
+                        </span>
+                    </div>
+                    <div class="product-warranty">
+                        <b>Bảo hành: 36 tháng</b>
+                    </div>
+                    <div class="product-showroom">
+                        <div class="title">Hiện đang có tại showroom : </div>
+                        <p class="item-khohang"> 49 Thái Hà – P. Trung Liệt – Q. Đống Đa – Hà Nội </p>
+                        <p class="item-khohang"> 151 Lê Thanh Nghị, P. Đồng Tâm - Q. Hai Bà Trưng – Hà Nội</p>
+                        <p class="item-khohang"> 158-160 Lý Thường Kiệt – P.14 – Q. 10 – TP HCM </p>
+                        <p class="item-khohang"> 84T/14 Trần Đình Xu – P. Cô Giang – Q. 1 – TP HCM </p>
+                    </div>
+                    <div class="info-option">
+                        <b class="title-option">Tùy chọn sản phẩm</b>
+                        <div class="content-option">
+                            <a href="#" class="item-option active">
+                                <span class="item-name">
+                                    <input type="checkbox" checked="checked">
+                                    Laptop MSI GF64
+                                </span>
+                                <span class="variant-price">23.990.000 đ</span>
+                            </a>
+                            <a href="#" class="item-option">
+                                <span class="item-name">
+                                    <input type="checkbox" checked="checked">
+                                    Laptop MSI GF64
+                                </span>
+                                <span class="variant-price">23.990.000 đ</span>
+                            </a>
+                        </div>
+                    </div>
+                    <div class="product-price">
+                         <span class="price-title">
+                             <p style="font-size:15px;padding-right: 10px;">Giá niên yết:</p>
+                             <p style="text-decoration: line-through;color: darkgray;">27.990.000 đ</p>
+                         </span>
+                         <span class="price-title">
+                             <p style="font-size:15px;padding-right: 10px;">Giá Khuyến mại:</p>
+                             <p style="color: red;font-size: 20px;font-weight: 700;">26.990.000 đ</p>
+                         </span>
+                         <span class="price-title">
+                             <p style="font-size:15px;padding-right: 10px;">Giá online:</p>
+                             <p style="color: #7588ec;font-size: 20px;font-weight: 700;">26.990.000 đ</p>
+                         </span>
+                    </div>
+                    <div class="payment">
+                            <h3 class="title">Chấp nhận thanh toán</h3>
+                            <img src="./asset/img/payment.png" alt="">
+                    </div>
+                </div>
+                <div class="product-spec">
+                    <div class="title">Thông số kĩ thuật</div>
+                    <div class="content-spec"></div>
+                </div>
+                <div class="product-desc">
+                    <div class="title">Mô tả sản phẩm</div>
+                    <div class="content-desc"></div>
+                </div>
+
+            </div>
+        </div>
+    </div>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
+    <script src="./asset/js/main-mb.js"></script>
+
+</body>
+
+</html>